{
  "templates": [
    {
      "version": "1.0.0",
      "scenario": "力量训练记录",
      "devices": [
        "mobile"
      ],
      "style": "native",
      "stack": [
        "React",
        "TypeScript",
        "CSS Modules",
        "Lucide"
      ],
      "tags": [
        "健身",
        "深色",
        "iOS 风格",
        "H5"
      ],
      "author": "UI Lab",
      "source": "UI Lab 原创实现",
      "license": "MIT",
      "dependencies": [
        "lucide-react@1.61.0"
      ],
      "tokens": {
        "background": "#121416",
        "surface": "#1D2225",
        "text": "#F4F6F8",
        "accent": "#C9F36A",
        "font": "-apple-system, BlinkMacSystemFont, PingFang SC, sans-serif",
        "spacing": [
          4,
          8,
          12,
          16,
          24,
          32
        ],
        "radius": {
          "card": 18,
          "button": 13,
          "input": 14
        },
        "buttonHeight": 52
      },
      "editable": [
        "业务文案、演示数据与动作列表",
        "通过 CSS 变量调整主题色",
        "在既有间距与组件规则内增加业务页面"
      ],
      "validationFile": "verification/results.json",
      "id": "jinjie",
      "name": "进阶 · 健身 App",
      "description": "把每一次训练，变成看得见的进步。从今日计划到组间记录，再到完成反馈，一套完整的移动端体验。",
      "kind": "package",
      "screen": "home",
      "entry": "registry/jinjie/jinjie.tsx",
      "files": [
        "jinjie.tsx",
        "session.ts",
        "jinjie.module.css",
        "version.json",
        "LICENSE"
      ],
      "registryDependencies": [],
      "preview": "/preview/home",
      "screenshot": "/previews/home.png",
      "states": [
        "今日训练",
        "训练进行中",
        "训练完成",
        "进步与个人演示",
        "休息倒计时、退出与重置"
      ]
    },
    {
      "version": "1.0.0",
      "scenario": "力量训练记录",
      "devices": [
        "mobile"
      ],
      "style": "native",
      "stack": [
        "React",
        "TypeScript",
        "CSS Modules",
        "Lucide"
      ],
      "tags": [
        "健身",
        "深色",
        "iOS 风格",
        "H5"
      ],
      "author": "UI Lab",
      "source": "UI Lab 原创实现",
      "license": "MIT",
      "dependencies": [
        "lucide-react@1.61.0"
      ],
      "tokens": {
        "background": "#121416",
        "surface": "#1D2225",
        "text": "#F4F6F8",
        "accent": "#C9F36A",
        "font": "-apple-system, BlinkMacSystemFont, PingFang SC, sans-serif",
        "spacing": [
          4,
          8,
          12,
          16,
          24,
          32
        ],
        "radius": {
          "card": 18,
          "button": 13,
          "input": 14
        },
        "buttonHeight": 52
      },
      "editable": [
        "业务文案、演示数据与动作列表",
        "通过 CSS 变量调整主题色",
        "在既有间距与组件规则内增加业务页面"
      ],
      "validationFile": "verification/results.json",
      "id": "jinjie-home",
      "name": "今日训练",
      "description": "一眼掌握本周进度、今日计划和训练动作，让每次开始更轻松。",
      "kind": "page",
      "parentId": "jinjie",
      "screen": "home",
      "entry": "registry/jinjie/jinjie-home.tsx",
      "files": [
        "jinjie-home.tsx"
      ],
      "registryDependencies": [
        "jinjie"
      ],
      "preview": "/preview/home",
      "screenshot": "/previews/home.png",
      "states": [
        "本周 3 / 4 次",
        "胸肩增肌计划",
        "新训练从第 1 组开始",
        "训练 / 进步 / 我的"
      ]
    },
    {
      "version": "1.0.0",
      "scenario": "力量训练记录",
      "devices": [
        "mobile"
      ],
      "style": "native",
      "stack": [
        "React",
        "TypeScript",
        "CSS Modules",
        "Lucide"
      ],
      "tags": [
        "健身",
        "深色",
        "iOS 风格",
        "H5"
      ],
      "author": "UI Lab",
      "source": "UI Lab 原创实现",
      "license": "MIT",
      "dependencies": [
        "lucide-react@1.61.0"
      ],
      "tokens": {
        "background": "#121416",
        "surface": "#1D2225",
        "text": "#F4F6F8",
        "accent": "#C9F36A",
        "font": "-apple-system, BlinkMacSystemFont, PingFang SC, sans-serif",
        "spacing": [
          4,
          8,
          12,
          16,
          24,
          32
        ],
        "radius": {
          "card": 18,
          "button": 13,
          "input": 14
        },
        "buttonHeight": 52
      },
      "editable": [
        "业务文案、演示数据与动作列表",
        "通过 CSS 变量调整主题色",
        "在既有间距与组件规则内增加业务页面"
      ],
      "validationFile": "verification/results.json",
      "id": "jinjie-workout",
      "name": "训练进行中",
      "description": "记录重量、次数与 RIR，用清晰的反馈保持训练节奏。",
      "kind": "page",
      "parentId": "jinjie",
      "screen": "workout",
      "entry": "registry/jinjie/jinjie-workout.tsx",
      "files": [
        "jinjie-workout.tsx"
      ],
      "registryDependencies": [
        "jinjie"
      ],
      "preview": "/preview/workout",
      "screenshot": "/previews/workout.png",
      "states": [
        "独立预览：第 3 组",
        "修改重量 / 次数 / RIR",
        "记录、休息与跳过",
        "切换动作、退出与完成"
      ]
    },
    {
      "version": "1.0.0",
      "scenario": "力量训练记录",
      "devices": [
        "mobile"
      ],
      "style": "native",
      "stack": [
        "React",
        "TypeScript",
        "CSS Modules",
        "Lucide"
      ],
      "tags": [
        "健身",
        "深色",
        "iOS 风格",
        "H5"
      ],
      "author": "UI Lab",
      "source": "UI Lab 原创实现",
      "license": "MIT",
      "dependencies": [
        "lucide-react@1.61.0"
      ],
      "tokens": {
        "background": "#121416",
        "surface": "#1D2225",
        "text": "#F4F6F8",
        "accent": "#C9F36A",
        "font": "-apple-system, BlinkMacSystemFont, PingFang SC, sans-serif",
        "spacing": [
          4,
          8,
          12,
          16,
          24,
          32
        ],
        "radius": {
          "card": 18,
          "button": 13,
          "input": 14
        },
        "buttonHeight": 52
      },
      "editable": [
        "业务文案、演示数据与动作列表",
        "通过 CSS 变量调整主题色",
        "在既有间距与组件规则内增加业务页面"
      ],
      "validationFile": "verification/results.json",
      "id": "jinjie-complete",
      "name": "训练完成",
      "description": "回顾今天的努力与长期进步，为下一次训练留下动力。",
      "kind": "page",
      "parentId": "jinjie",
      "screen": "complete",
      "entry": "registry/jinjie/jinjie-complete.tsx",
      "files": [
        "jinjie-complete.tsx"
      ],
      "registryDependencies": [
        "jinjie"
      ],
      "preview": "/preview/complete",
      "screenshot": "/previews/complete.png",
      "states": [
        "独立预览：12 组 / 50 分钟",
        "实际会话动态汇总",
        "完整训练增加周次数",
        "训练详情与返回"
      ]
    }
  ],
  "skills": [
    {
      "id": "frontend-ui-workbench",
      "kind": "skill",
      "name": "frontend-ui-workbench",
      "description": "连接模板、项目和验证。让 AI 在理解现有项目之后，导入并适配经过检查的 UI 资产。",
      "version": "1.0.0",
      "tags": [
        "入口 Skill",
        "模板适配"
      ],
      "author": "UI Lab",
      "source": "本仓库",
      "license": "MIT",
      "path": "skills/frontend-ui-workbench",
      "commit": "本地 1.0.0",
      "inputs": [
        "业务需求",
        "项目路径",
        "模板 ID"
      ],
      "outputs": [
        "适配后的源码",
        "设计约定",
        "验证报告"
      ],
      "tools": [
        "文件读写",
        "终端",
        "浏览器（视觉验证）"
      ],
      "filePresent": true,
      "installed": false,
      "hostRecognized": false,
      "invoked": false,
      "install": "mkdir -p .agents/skills\ncp -R /path/to/ui-lab/skills/frontend-ui-workbench .agents/skills/",
      "docs": "/docs#skills"
    },
    {
      "id": "imagegen-frontend-mobile",
      "kind": "skill",
      "name": "imagegen-frontend-mobile",
      "description": "将移动端需求转为风格一致的界面参考图。输出是视觉参考，不是可运行模板。",
      "version": "beb16b0",
      "tags": [
        "视觉探索",
        "需要生图工具"
      ],
      "author": "Leonxlnx",
      "source": "https://github.com/Leonxlnx/imagegen-skills",
      "license": "MIT",
      "path": "skills/imagegen-frontend-mobile",
      "commit": "beb16b0d0f4dae9a6f5cb04ea41e97b93a54ab8e",
      "inputs": [
        "移动端 brief",
        "共享设计规则"
      ],
      "outputs": [
        "移动端参考图"
      ],
      "tools": [
        "图像生成",
        "图像查看"
      ],
      "filePresent": true,
      "installed": false,
      "hostRecognized": false,
      "invoked": false,
      "install": "git clone https://github.com/Leonxlnx/imagegen-skills .skill-sources/imagegen-skills\ngit -C .skill-sources/imagegen-skills checkout beb16b0d0f4dae9a6f5cb04ea41e97b93a54ab8e\nmkdir -p .agents/skills\ncp -R .skill-sources/imagegen-skills/skills/imagegen-frontend-mobile .agents/skills/\ncp .skill-sources/imagegen-skills/LICENSE .agents/skills/imagegen-frontend-mobile/LICENSE",
      "docs": "https://github.com/Leonxlnx/imagegen-skills"
    },
    {
      "id": "image-to-code",
      "kind": "skill",
      "name": "image-to-code",
      "description": "先生成并分析网站参考图，再实现前端。当前上游偏向网站与落地页，H5 App 优先使用移动端视觉技能。",
      "version": "beb16b0",
      "tags": [
        "参考图到代码",
        "Web"
      ],
      "author": "Leonxlnx",
      "source": "https://github.com/Leonxlnx/imagegen-skills",
      "license": "MIT",
      "path": "skills/image-to-code",
      "commit": "beb16b0d0f4dae9a6f5cb04ea41e97b93a54ab8e",
      "inputs": [
        "网站 brief",
        "设计规则"
      ],
      "outputs": [
        "参考图",
        "前端源码"
      ],
      "tools": [
        "图像生成",
        "文件读写",
        "终端",
        "浏览器"
      ],
      "filePresent": true,
      "installed": false,
      "hostRecognized": false,
      "invoked": false,
      "install": "git clone https://github.com/Leonxlnx/imagegen-skills .skill-sources/imagegen-skills\ngit -C .skill-sources/imagegen-skills checkout beb16b0d0f4dae9a6f5cb04ea41e97b93a54ab8e\nmkdir -p .agents/skills\ncp -R .skill-sources/imagegen-skills/skills/image-to-code .agents/skills/\ncp .skill-sources/imagegen-skills/LICENSE .agents/skills/image-to-code/LICENSE",
      "docs": "https://github.com/Leonxlnx/imagegen-skills"
    },
    {
      "id": "design-taste-frontend",
      "kind": "skill",
      "name": "design-taste-frontend",
      "description": "探索设计方向并检查真实页面。App 界面使用上游专门的 app-screens 流程，保留本次已确定的设计规则。",
      "version": "6010f91",
      "tags": [
        "设计审查",
        "真实浏览器"
      ],
      "author": "Leonxlnx",
      "source": "https://github.com/Leonxlnx/taste-skill",
      "license": "MIT",
      "path": "skills/taste-skill",
      "commit": "6010f91a9935f1c167dfc500fb1a475681892e6b",
      "inputs": [
        "现有界面",
        "项目 brief",
        "设计规则"
      ],
      "outputs": [
        "设计方向",
        "审查结果",
        "改进截图"
      ],
      "tools": [
        "Node.js 22+",
        "Chrome / Edge / Chromium",
        "文件读写",
        "网络（素材搜索）"
      ],
      "filePresent": true,
      "installed": false,
      "hostRecognized": false,
      "invoked": false,
      "install": "git clone https://github.com/Leonxlnx/taste-skill .skill-sources/taste-skill\ngit -C .skill-sources/taste-skill checkout 6010f91a9935f1c167dfc500fb1a475681892e6b\nmkdir -p .agents/skills\ncp -R .skill-sources/taste-skill/skills/taste-skill .agents/skills/design-taste-frontend\ncp .skill-sources/taste-skill/LICENSE .agents/skills/design-taste-frontend/LICENSE",
      "docs": "https://www.tasteskill.dev/docs"
    }
  ],
  "workflows": [
    {
      "id": "explore",
      "kind": "workflow",
      "name": "从想法，到视觉方向",
      "description": "还没有确定界面风格？先探索，再决定。",
      "version": "1.0.0",
      "tags": [
        "视觉探索"
      ],
      "author": "UI Lab",
      "source": "本仓库",
      "license": "MIT",
      "steps": [
        "描述场景、设备与关键用户任务",
        "用入口 Skill 确定配色、字体和间距",
        "按需调用 imagegen-frontend-mobile 生成参考",
        "检查多屏一致性，保存为视觉参考资产"
      ],
      "skillIds": [
        "frontend-ui-workbench",
        "imagegen-frontend-mobile"
      ],
      "prompt": "使用 frontend-ui-workbench 分析我的需求与现有设计规则。先确定并记录本次配色、字体、间距与组件约定，再按需使用 imagegen-frontend-mobile 探索移动端视觉。开始前检查生图能力；无工具时给出需求与提示词，不宣称生成成功。所有生成图标记为视觉参考。我的需求是：[填写需求]。",
      "executable": false
    },
    {
      "id": "build",
      "kind": "workflow",
      "name": "从模板，到你的产品",
      "description": "选择一个可靠的起点，把精力留给业务。",
      "version": "1.0.0",
      "tags": [
        "推荐起步"
      ],
      "author": "UI Lab",
      "source": "本仓库",
      "license": "MIT",
      "steps": [
        "在模板库体验真实预览，选择模板",
        "检查项目技术栈、已有逻辑与依赖兼容性",
        "通过 Registry 导入源码，记录模板版本",
        "适配业务、运行项目并验证主要流程"
      ],
      "skillIds": [
        "frontend-ui-workbench"
      ],
      "prompt": "使用 frontend-ui-workbench，将 UI Lab 的 jinjie 1.0.0 模板适配到我的项目。先检查项目结构和技术栈，在确认 Registry 服务可达后导入源码，保留已有业务逻辑。遵循模板设计变量，记录导入版本，并验证开始训练、记录、休息、完成与返回。业务需求：[填写需求]。Registry 地址：[填写本地或部署地址]。",
      "executable": false
    },
    {
      "id": "review",
      "kind": "workflow",
      "name": "从现有界面，到更好体验",
      "description": "用真实渲染结果，找到值得改进的地方。",
      "version": "1.0.0",
      "tags": [
        "界面改进"
      ],
      "author": "UI Lab",
      "source": "本仓库",
      "license": "MIT",
      "steps": [
        "启动现有项目，拍摄改进前截图",
        "按 app-screens 规则审查布局、可读性与交互",
        "在共享设计规则内实现有依据的改进",
        "复测同一流程，输出前后截图与变更说明"
      ],
      "skillIds": [
        "frontend-ui-workbench",
        "design-taste-frontend"
      ],
      "prompt": "使用 frontend-ui-workbench 审查我的现有界面，按需加载 design-taste-frontend 的 app-screens 指引。保留已确定的配色、字体、间距与业务逻辑，先截图再改进。修改后在手机、平板和桌面复测，给出前后对比与真实验证结果。项目路径：[填写路径]。",
      "executable": false
    }
  ]
}