stitch-ui-design-spec-uviewpro

uView Pro Design Spec（uView Pro / Vue 3）是一个仅在用户明确提及“Stitch”时才能使用的技能，用于让 uView Pro 设计规范在 Stitch 中可执行。

用途 该技能支持两种模式：

• Prefix 模式：输出一段可直接粘贴到 Stitch [Context] 的“硬约束前缀”（Hard constraints prefix）。
• Selector 模式：先输出 CONTRACT_SELECTION_JSON_V1，再输出组装好的 Stitch 提示词，只注入所需的组件或状态片段。

触发关键词 当用户请求包含以下任一内容时，优先使用该技能： uview-pro、uviewpro、uview pro。 中文触发关键词（仅用于触发）：uview pro、uview 3.0。

事实来源 references/contract.md、references/examples.md、references/official.md。

输出（严格） 根据用户意图决定模式：

• 如果用户要求美化、润色或改进现有界面，或要求 selector / JSON / contracts.include / states.include，则使用 Selector 模式。
• 否则使用 Prefix 模式。

Prefix 模式 仅返回一个代码块： [Hard constraints prefix]

• Framework: uView Pro (uni-app / Vue 3).
• Design Tokens:
  • Colors: Primary=#3c9cff, Success=#5ac725, Warning=#f9ae3d, Danger=#f56c6c, Info=#909399.
  • Typography: Unit rpx. Main Title 32rpx. Content 28rpx.
  • Radius: Base 8rpx, Card 16rpx, Circle 9999px.
• Component Contracts (Prefix: u-; uView Pro uses same tag prefix as uView 2, package uview-pro):
  • Buttons: <u-button type="primary" shape="circle">.
  • Layout: <u-row>, <u-col span="...">, <u-gap>.
  • Forms: <u-form :model="form">, <u-form-item>, <u-input border="none">, <u-code>.
  • Navbar: <u-navbar title="..." :autoBack="true">.
  • List: <u-swipe-action>, <u-index-list>, <u-waterfall>, <u-list>, <u-grid>.
  • Icons: <u-icon name="photo">.
• JS Utilities:
  • Use uni.$u.toast(), uni.$u.route(), uni.$u.http.post().
  • Use <script setup lang="ts">.

Selector 模式 严格按顺序返回两个代码块，不添加额外说明文字：

1. 契约选择 JSON： { "version": "CONTRACT_SELECTION_JSON_V1", "designSystem": "uview-pro", "mode": "selector", "contracts": { "include": [] }, "states": { "include": [] } }
2. 最终 Stitch 提示词： [Context] （此处粘贴 Hard Constraints Prefix） （如在美化，则添加 contract.md 中的“Layout Invariants”）

[Layout] （描述宏观布局结构，例如“Mobile Column Layout with Navbar”）

[Components] （注入与上述 JSON 选择匹配的组件片段）

参考 Contract、Examples、Official Docs。

限制与说明 该技能仅在用户明确提及“Stitch”时使用；两种模式的输出格式与内容有严格规定，需按用户意图选择。未在上述资料中提供的信息暂未提供。