SuperAPI AI 工具集

stitch-ui-contract-uview2

设计与创作

查看项目

更新于 10-15 21:48

技能介绍

用途:为 Stitch 提供 uView 2.0(uni-app / Vue2)设计规范的可执行约束,输出可直接粘贴的硬约束前缀,或输出契约选择 JSON 与拼装后的 Stitch 提示词。本技能只生成设计前的约束输入,不生成业务页面代码;产品规格与最终提示词模式由 stitch-design-spec 统一维护,真实代码转换需使用对应 components 技能。

触发:仅当用户明确提到 Stitch 时使用。触发词包括 uview、uview2、uvview2.0、u-view,中文触发词为“uview 风格”“美化”“优化”。若用户提到 uView Pro 或 uviewpro,不要使用本技能,应改用 stitch-ui-contract-uviewpro。

模式:用户要求美化/润色/优化现有界面,或要求 selector、JSON、contracts.include、states.include 时使用选择器模式;否则使用前缀模式。

前缀模式输出一个代码块,内容含框架、设计 Token(主色 #3c9cff、成功 #5ac725、警告 #f9ae3d、错误 #f56c6c、信息 #909399,背景 #f3f4f6,边框 #dadbde,间距 4/8/12/16/20/24/32/40,圆角 8/12/999),组件契约(布局 u-row/u-col、表单 u--form 与 u--input border="surround"、按钮 u-button type="primary"、导航 u-navbar、列表 u-swipe-action/u-index-list/u-waterfall、反馈 this.$refs.uToast.show 与 u-code)以及布局不变量(默认不用渐变、阴影最少、过渡 200ms ease-out)。

选择器模式依次输出两个代码块:一是 CONTRACT_SELECTION_JSON_V1,含 designSystem=uview2、contracts.include 与 states.include;二是最终 Stitch 提示词,分 [Context]、[Layout]、[Components] 等部分。

限制:必须读取 references/contract.md、examples.md、official.md 作为事实来源;不自动安装,统一入口安装命令为 npx skills add full-stack-skills/stitch-skills --skill stitch-design-spec。不生成业务代码,不覆盖已应用系统或局部修改范围。其余平台、价格与效果信息暂未提供。