用途:该技能把 Element Plus(Vue 3)设计规范变成可执行输出,供 Stitch 使用。仅在用户明确提到 Stitch 时启用;触发关键词包括 element、element-plus、el-plus、element-ui,以及相关中文表达。
两种模式:前缀模式输出可粘贴的 [Hard constraints prefix],含框架、设计令牌(主色 #409EFF、Success #67C23A、Warning #E6A23C、Danger #F56C6C、Info #909399;字体族 Helvetica Neue 等;圆角 Small=2px、Base=4px、Round=20px)、组件契约与布局不变量。选择器模式按顺序输出两个代码块:先输出 CONTRACT_SELECTION_JSON_V1(含 designSystem、mode、contracts.include、states.include),再输出组装好的 Stitch 提示词,按 [Context]、[Layout]、[Components] 注入所需组件与状态片段。
模式选择:用户要求美化、润色或精修已有界面,或要求 selector / JSON / contracts.include / states.include 时使用选择器模式;否则使用前缀模式。
主要约束:组件须使用 Element Plus 对应写法,如 el-row :gutter="20" 与 el-col :span、el-card shadow="hover"、图标取自 @element-plus/icons-vue、JS 反馈使用 ElMessage.success();始终使用 24 列栅格,行内间距用 el-space。
使用限制:遵循先读后写、权限最小化、证据优先、幂等优先与隐私安全;结果、资源 ID、版本、哈希或测试输出缺失时标记为 NOT_VERIFIED;写入、付费、发布及不可逆动作需明确授权;不超出用户范围,不适用于相邻的其他技能需求。
资料来源为技能说明与 references 目录(contract.md、examples.md、official.md),其余细节暂未提供。