design-html

Design finalization: generates production-quality Pretext-native HTML/CSS. (gstack)

定位

Design finalization: generates production-quality Pretext-native HTML/CSS. (gstack)

触发

• build the design
• code the mockup
• make design real

核心流程/章节

• When to invoke this skill
• Preamble (run first)
• Plan Mode Safe Operations
• Skill Invocation During Plan Mode
• Skill routing
• AskUserQuestion Format
• Artifacts Sync (skill start)
• Model-Specific Behavioral Patch (claude)

原文要点

When to invoke this skill

Works with approved mockups from /design-shotgun, CEO plans from /plan-ceo-review, design review context from /plan-design-review, or from scratch with a user description. Text actually reflows, heights are computed, layouts are dynamic. 30KB overhead, zero deps. Smart API routing: picks the right Pretext patterns for each design type. Use when: "finalize this...

适用场景

• 基于 description 推断：Design finalization: generates production-quality Pretext-native HTML/CSS. (gstack)

参见

• GitHub: gstack