用途:该技能把 Vant 4(Vue 3 / 移动端)的设计规范变成可执行的 Stitch 界面生成辅助,仅在用户明确提到 Stitch 时使用。触发词包括 vant、vant4、vant-ui、vant ui,以及中文的“vant 风格”“vant 组件库”。
两种模式:Prefix 模式输出一段可直接粘贴的 [Hard constraints prefix],包含框架、设计令牌(颜色、背景、字号、圆角)、组件契约(布局、列表卡片、按钮、表单、业务组件、导航、反馈)和布局不变量(375px 移动优先、Flexbox 对齐、尊重安全区)。Selector 模式先输出 CONTRACT_SELECTION_JSON_V1(designSystem 为 vant4,含 contracts.include 与 states.include),再输出组装好的 Stitch 提示词,分 [Context]、[Layout]、[Components] 段注入所需组件与状态片段。
模式选择:用户要求美化/打磨已有界面,或需要 selector/JSON/contracts.include/states.include 时用 Selector;否则用 Prefix。输出格式严格:Prefix 返回一个代码块;Selector 按顺序返回两个代码块且无额外说明。
事实来源为 references/contract.md、references/examples.md、references/official.md。限制:必须依赖用户明确提及 Stitch;官方文档正文暂未提供;未提供收费、平台与效果等信息。