ui-skill-lab

About ui-skill-lab

UI Skill Lab 先让团队看见 UI 目标，再让 Codex / Claude Code 按目标实现、验收和修复。 English · 简体中文 UI Skill Lab 提出并开源一套 "视觉稿 + 规格合同"驱动的 AI 前端实现工作流。 它的核心想法很简单： 先把 PRD 变成一张团队能讨论的 UI 视觉稿，让大家先看到页面大概长什么样；再把定稿视觉稿转成 visual spec、tokens、layout、component tree 和 design rules，让 Codex / Claude Code 按这份规格合同实现、验收和修复。 传统 AI 写前端，通常是把 PRD 直接交给 Agent，让它生成代码。 问题是：PRD 是文字，团队很难提前判断页面最终长什么样，也很难建立一致的视觉体感。Agent 在缺少明确视觉目标和实现规格时，容易套用通用页面结构，写出一个"能跑但不对"的 UI。 UI Skill Lab 把这个过程拆成三步： 先可视化目标：把 PRD 转成可讨论、可迭代的 UI 视觉稿，让团队先建立页面体感和视觉共识； 再规格化目标：把定稿视觉稿拆成 visual spec、tokens、layout、component tree 和 design rules，让主观视觉尽量变成可执行的客观规格； 最后按规格实现：让 Codex / Claude...

Quick Facts

Compatible Skills

These tools work well together with ui-skill-lab for enhanced workflows:

• niw-skill-suite — semantic(0.30)+complementary+same_lang+similar_pop+shared_platform (60%)
• niw-skill-suite — semantic(0.30)+complementary+same_lang+similar_pop+shared_platform (60%)
• prd-taskmaster — semantic(0.18)+complementary+same_lang+similar_pop+shared_platform (56%)
• disciplined-agentic-engineering — semantic(0.18)+complementary+same_lang+similar_pop+shared_platform (56%)

More Codex Skill Tools

Explore other popular codex skill tools:

• openclaw ⭐ 382.2k
• hermes-agent ⭐ 211.4k
• ui-ux-pro-max-skill ⭐ 101.6k
• graphify ⭐ 80.2k
• graphify ⭐ 77.1k
• open-design ⭐ 76.2k
• agent-skills ⭐ 71.4k
• career-ops ⭐ 59.1k
• taste-skill ⭐ 56.5k
• system_prompts_leaks ⭐ 53.8k

Popular Python Agent Tools

• hermes-agent ⭐ 211.4k · Codex Skill
• AutoGPT ⭐ 185.4k · Agent Tool
• skills ⭐ 157.3k · Claude Skill
• langflow ⭐ 151.4k · Agent Tool
• open-webui ⭐ 143.9k · MCP Server

Frequently Asked Questions