Skip to content

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)

参见

Released under the MIT License.