SuperAPI AI 工具集

stitch-ui-design-spec-uviewpro

设计与创作

查看项目

更新于 10-16 08:47

技能介绍

用途:该技能把 uView Pro(uni-app / Vue 3)设计规范变成可执行产物,供 Stitch 使用。限制前提:仅当用户明确提到“Stitch”时才使用本技能。触发关键词包括 uview-pro、uviewpro、uview pro,以及中文触发词 uview pro、uview 3.0。

两种模式: 1)Prefix 模式:输出一段可直接粘贴的 [Hard constraints prefix],供 Stitch 的 [Context] 使用。内容涵盖框架(uView Pro / uni-app / Vue 3)、设计令牌(颜色:Primary=#3c9cff,Success=#5ac725,Warning=#f9ae3d,Danger=#f56c6c,Info=#909399;排版单位 rpx,主标题 32rpx、正文 28rpx;圆角 Base 8rpx、Card 16rpx、Circle 9999px)、组件契约(前缀 u-,包名 uview-pro)、按钮、栅格布局、表单、导航栏、列表、图标等,以及 JS 工具(uni.$u.toast、uni.$u.route、uni.$u.http.post)与 script setup lang=ts。 2)Selector 模式:当用户要求美化/润色现有界面,或要求 selector、JSON、contracts.include、states.include 时使用。先输出 CONTRACT_SELECTION_JSON_V1(含 designSystem、mode、contracts.include、states.include),再输出组装好的 Stitch prompt,分为 [Context]、[Layout]、[Components] 三段,只注入所需的组件/状态片段。

使用方式:按用户意图选择模式;Prefix 模式返回一个代码块,Selector 模式按顺序返回两个代码块且不添加额外文字。参考来源为 references/contract.md、references/examples.md、references/official.md。

限制与边界:不超出用户给定范围;写入、付费、发布及不可逆操作需明确授权;结果不明确时先查询,不盲目重试;日志与输出不得包含 token、cookie、密钥或个人敏感数据;无独立验证证据时标记为 NOT_VERIFIED。具体版本的完整契约细节与示例文本暂未提供。