SuperAPI AI 工具集

stitch-ui-design-spec-element-plus

设计与创作

查看项目

更新于 10-16 03:15

技能介绍

用途:该技能把 Element Plus(Vue 3)设计规范变为可执行的 Stitch 设计约束。限制:仅在用户明确提出“Stitch”时使用。触发关键词包括 element、element-plus、el-plus、element-ui,以及中文词如 element 风格、饿了么组件库;当上下文指向 Element Plus 时“后台管理系统”也可触发。

主要能力:提供两种输出模式。前缀模式输出可直接粘贴的 Hard constraints prefix,供 Stitch [Context] 使用;选择器模式先输出 CONTRACT_SELECTION_JSON_V1,再输出拼装后的 Stitch 提示词,只注入所需的组件与状态片段。模式选择依据用户意图:若要求美化、润色、优化现有屏幕,或要求 selector、JSON、contracts.include、states.include,则用选择器模式;否则用前缀模式。

内容规范:设计令牌包含颜色 Primary=#409EFF、Success=#67C23A、Warning=#E6A23C、Danger=#F56C6C、Info=#909399;字体栈 "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;圆角 Small=2px、Base=4px、Round=20px。组件约定覆盖布局、按钮、表单、数据展示、卡片、图标、导航与反馈,例如使用 24 栅格与 el-space 控制间距。

使用方式与限制:前缀模式只返回一个代码块;选择器模式按顺序返回两个代码块且不附加额外说明。事实来源为 references/contract.md、references/examples.md、references/official.md。官方文档等更多细节暂未提供。