SuperAPI AI 工具集

stitch-ui-contract-element-plus

设计与创作

查看项目

更新于 10-15 21:48

技能介绍

用途:为 Stitch 提供 Element Plus(Vue 3)设计规范的可执行约束输入,用于生成设计前的约束,不生成业务页面代码。仅在用户明确提到 Stitch 时使用。

主要能力:两种模式。Prefix 模式输出可直接粘贴的 [Hard constraints prefix],包含框架、设计 token(主色 #409EFF、成功 #67C23A、警告 #E6A23C、危险 #F56C6C、信息 #909399;字体 Helvetica Neue 等;圆角 Small=2px、Base=4px、Round=20px)、组件契约(el-row/el-col、el-container、el-button、el-form、el-table、el-card、el-icon、el-menu、ElMessage 等)与布局不变量(24 列栅格、el-space)。Selector 模式先输出 CONTRACT_SELECTION_JSON_V1,再输出拼装后的 Stitch 提示词,仅注入所需组件与状态片段。

使用方式:用户要求美化/润色现有界面,或要求 selector/JSON/contracts.include/states.include 时用 Selector 模式,否则用 Prefix 模式。触发关键词含 element、element-plus、el-plus、element-ui 等。产品规格与最终提示词模式由 stitch-design-spec 统一维护,安装说明:npx skills add full-stack-skills/stitch-skills --skill stitch-design-spec,不自动安装。真实代码转换使用对应 components 技能。

限制:不覆盖已应用系统或局部修改范围;不能以框架风格设计图代替代码验证;写入、付费、发布等不可逆动作需明确授权;证据缺失时标记 NOT_VERIFIED。参考文件为 references/contract.md、examples.md、official.md。