Qiuye HTML PPT Layout

Problem

When a structured paragraph needs to become a shareable, screenshot-ready one-page deck, letting an LLM design freely often produces drifting brand colors, hard-coded font sizes, overly heavy shadows, stacked cards, and external asset dependencies. Qiuye HTML PPT Layout constrains that generation task into a reusable single-file HTML layout spec: a red-themed, fully responsive, fixed-size-free page with no external image dependencies, suitable for PPT slides, infographics, or handbook pages.

How It Works

The skill separates copy into key and normal layers using a content tree: conclusions, numbers, and critical judgments go into cards, while explanations, details, and lists use divider lines. Core output rules include:
- A solid #F5F5F5 canvas with roughly 50px left/right padding and browser-window adaptive content;
- No more than 8 cards and no more than 55% area coverage, using light-gray diffused three-layer shadows;
- Inline outline SVG icons with stroke-width near 1.75 and theme-color strokes;
- A top control bar for Hex theme color, font-size scaling, and text editing, with control-bar font size fixed via --fs-control.

Boundaries

It is best for turning existing copy into a stable single-page layout, not for drafting content from scratch. Input copy should already have clear structure; too many key points can exceed the card quota. Exporting images, external charts, complex interactions, or animation need separate implementation.