先安装一个入口 Skill，再按当前任务补充设计能力。
它告诉 AI 怎样检查项目、做设计和验证结果。将技能文件装到你的项目，再在 Codex 或 Cursor 中调用。
下方是交付时的核实记录，不会自动检测你电脑上的安装状态。
协调任务：检查项目、选择技能、验证结果
业务需求、项目路径、模板 ID
适配后的源码、设计约定、验证报告
文件读写、终端、浏览器（视觉验证）
在目标项目终端执行；将 /path/to/ui-lab 替换为仓库实际路径。安装后刷新 AI 宿主，确认识别再调用。
mkdir -p .agents/skills
cp -R /path/to/ui-lab/skills/frontend-ui-workbench .agents/skills/调用方式：$frontend-ui-workbench + 你的需求与项目路径。
探索视觉：生成移动端界面参考图
移动端 brief、共享设计规则
移动端参考图
图像生成、图像查看
在目标项目终端执行；将 /path/to/ui-lab 替换为仓库实际路径。安装后刷新 AI 宿主，确认识别再调用。
git clone https://github.com/Leonxlnx/imagegen-skills .skill-sources/imagegen-skills
git -C .skill-sources/imagegen-skills checkout beb16b0d0f4dae9a6f5cb04ea41e97b93a54ab8e
mkdir -p .agents/skills
cp -R .skill-sources/imagegen-skills/skills/imagegen-frontend-mobile .agents/skills/
cp .skill-sources/imagegen-skills/LICENSE .agents/skills/imagegen-frontend-mobile/LICENSE调用方式：$imagegen-frontend-mobile + 你的需求与项目路径。
实现界面：从设计参考进入网站代码
网站 brief、设计规则
参考图、前端源码
图像生成、文件读写、终端、浏览器
在目标项目终端执行；将 /path/to/ui-lab 替换为仓库实际路径。安装后刷新 AI 宿主，确认识别再调用。
git clone https://github.com/Leonxlnx/imagegen-skills .skill-sources/imagegen-skills
git -C .skill-sources/imagegen-skills checkout beb16b0d0f4dae9a6f5cb04ea41e97b93a54ab8e
mkdir -p .agents/skills
cp -R .skill-sources/imagegen-skills/skills/image-to-code .agents/skills/
cp .skill-sources/imagegen-skills/LICENSE .agents/skills/image-to-code/LICENSE调用方式：$image-to-code + 你的需求与项目路径。
改进质量：审查布局、文字和交互
现有界面、项目 brief、设计规则
设计方向、审查结果、改进截图
Node.js 22+、Chrome / Edge / Chromium、文件读写、网络（素材搜索）
在目标项目终端执行；将 /path/to/ui-lab 替换为仓库实际路径。安装后刷新 AI 宿主，确认识别再调用。
git clone https://github.com/Leonxlnx/taste-skill .skill-sources/taste-skill
git -C .skill-sources/taste-skill checkout 6010f91a9935f1c167dfc500fb1a475681892e6b
mkdir -p .agents/skills
cp -R .skill-sources/taste-skill/skills/taste-skill .agents/skills/design-taste-frontend
cp .skill-sources/taste-skill/LICENSE .agents/skills/design-taste-frontend/LICENSE调用方式：$design-taste-frontend + 你的需求与项目路径。