用途:该技能把 Element Plus(Vue 3)设计规范变成可执行的 Stitch 提示词素材,仅在用户明确提到“Stitch”时使用。触发关键词包括 element、element-plus、el-plus、element-ui,以及中文的“element 风格”“饿了么组件库”,在上下文指向 Element Plus 时也包含“后台管理系统”。
主要能力:提供两种模式。前缀模式输出一段可直接粘贴的 [Hard constraints prefix],包含框架、设计令牌(颜色 Primary=#409EFF、Success=#67C23A、Warning=#E6A23C、Danger=#F56C6C、Info=#909399;字体 Helvetica Neue 等;圆角 Small=2px、Base=4px、Round=20px)、组件契约(布局、按钮、表单、数据展示、卡片、图标、导航、反馈)以及布局不变量(24 列栅格、el-space 行内间距)。选择器模式先输出 CONTRACT_SELECTION_JSON_V1,再输出组装后的 Stitch 提示词,只注入所需的组件与状态片段。
使用方式:按用户意图选择模式。若用户要求美化、润色、改进现有界面,或要求 selector、JSON、contracts.include、states.include,则用选择器模式;否则用前缀模式。前缀模式只返回一个代码块;选择器模式按顺序返回两个代码块,无额外说明文字。
适用场景:为 Stitch 生成符合 Element Plus 规范的界面提示词,尤其适合后台管理系统类界面。
限制:仅当用户明确提到 Stitch 时使用;事实来源为 references/contract.md、references/examples.md、references/official.md;其他细节暂未提供。