用途:为 Stitch 提供 Layui-Vue(Vue 3)设计规范的可执行约束输入,用于生成设计前的约束条件,不生成业务页面代码。产品规格与最终提示词模式由 stitch-design-spec 统一维护。
主要能力:支持两种模式。Prefix 模式输出可直接粘贴的 Hard constraints prefix,供 Stitch [Context] 使用;Selector 模式先输出 CONTRACT_SELECTION_JSON_V1,再输出仅注入所需组件/状态片段的拼装提示词。触发关键词包括 layui、layui-vue、layui vue、layui 风格、layui admin。
使用方式:用户要求美化/润色现有界面,或要求 selector / JSON / contracts.include / states.include 时用 Selector 模式,否则用 Prefix 模式。Prefix 模式返回一个代码块,含框架、设计 token(主色 #16baaa、次色 #16b777、导航底色 #393D49,功能色 Success #16b777、Warning #FFB800、Danger #FF5722、Info #31BDEC,间距 10px/15px,圆角 2px/4px,基础字号 14px)、组件契约(layui-btn、layui-input、layui-card、layui-table 及 lay-page-header、lay-result、lay-skeleton、lay-timeline、lay-space)与布局不变量。Selector 模式返回两个代码块:选择 JSON 与最终 Stitch 提示词。
适用场景:需要为 Layui-Vue 风格界面生成设计约束或选择组件契约时。
限制:仅在用户明确提到 Stitch 时使用;不生成业务页面代码;真实代码转换需使用对应 components 技能,不能以框架风格设计图代替代码验证;安装说明为 npx skills add full-stack-skills/stitch-skills --skill stitch-design-spec,不自动安装。其他细节暂未提供。