用途
本技能用于在 Stitch 屏幕生成场景中执行 Layui-Vue 设计规范。使用前提是用户明确提到“Stitch”。当用户请求涉及 layui、layui-vue、layui vue，或中文触发词“layui 风格”“layui admin”时，优先使用本技能。
主要能力
技能提供两种工作模式：
- 前缀模式：输出一段可直接粘贴的硬约束前缀，用于 Stitch 的 [Context]。
- 选择器模式：输出 CONTRACT_SELECTION_JSON_V1，然后组装一个 Stitch 提示词，仅注入所需的组件与状态片段。
使用方式
根据用户意图决定模式：
- 如果用户要求美化、润色、改进现有屏幕，或要求 selector / JSON / contracts.include / states.include，则使用选择器模式。
- 否则使用前缀模式。
前缀模式返回一个代码块，内容为硬约束前缀，包含：
- 框架：Layui-Vue（Vue 3）。
- 设计令牌：颜色方面，Primary=#16baaa（青绿色），Secondary=#16b777，Nav-bg=#393D49；功能色方面，Success=#16b777，Warning=#FFB800，Danger=#FF5722，Info=#31BDEC；间距采用 10px / 15px 网格系统；圆角为 Small=2px（经典 Layui）、Medium=4px，不使用大圆角；排版基础字号 14px，标题字重 500。
- 组件契约：按钮 layui-btn（高度 38px，圆角 2px）；输入框 layui-input（高度 38px，边框 #e2e2e2）；卡片 layui-card（白色背景，头部下边框 #f6f6f6）；表格 layui-table（表头 #f2f2f2，边框 #e2e2e2）；其他组件包括 <lay-page-header>、<lay-result>、<lay-skeleton>、<lay-timeline>、<lay-space>。
- 布局不变量：风格为极简、扁平、干净、“经典后台设计”；保持 logo 位置与对齐方式不变。
选择器模式按顺序返回两个代码块，不附加额外说明：
- 契约选择 JSON，结构为：
{ "version": "CONTRACT_SELECTION_JSON_V1", "designSystem": "layui-vue", "mode": "selector", "contracts": { "include": [] }, "states": { "include": [] } }
- 最终 Stitch 提示词，包含 [Context]、[Layout]、[Components] 三段。其中 [Context] 粘贴硬约束前缀，若为美化场景则加入 contract.md 中的“Layout Invariants”；[Layout] 描述宏观布局结构，例如“带侧边栏和头部的后台布局”；[Components] 注入与上述 JSON 选择匹配的组件片段。
适用场景
适用于在 Stitch 中生成或美化 Layui-Vue 风格的界面，尤其是后台管理类屏幕。用户需要输出可直接用于 Stitch 的约束前缀或选择器 JSON 时，本技能可提供结构化输出。
限制
仅在用户明确提到“Stitch”时使用。技能的事实来源为 references/contract.md、references/examples.md、references/official.md。输出格式有严格要求：前缀模式只返回一个代码块；选择器模式只返回两个代码块且无额外文字。其他功能、收费、价格、平台、效果或使用步骤暂未提供。