ui-skill-lab — Codex Skill by Jason904

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 Code 按规格合同写页面，再通过截图验收和 diff fix 逐轮修正。 对于强依赖人物、产品图、插画、3D 主视觉或复杂切图的页面，最终效果主要取决于是否准备了 clean assets。相关能力会先放到后续 Asset Workflow Planning 中探索。 当前状态： 这是一个早期开源的 AI 前端工作流参考项目，适合用于学习、拆解、迁移，也可以接入 Codex / Claude Code / 自研 Agentic Coding 流程。 🗺️ 一图看懂 这张图展示的是 UI Skill La

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%)

ui-skill-lab alternative? Top 6 similar tools

Looking for a ui-skill-lab alternative? If you're comparing ui-skill-lab with other codex skill tools, these 6 projects are the closest alternatives on Agent Skills Hub — ranked by topic overlap, star count, and community traction.

• ai-maestro by 23blocks-OS · ⭐ 709

  AI Agent Orchestrator with Skills System - Give AI Agents superpowers: memory search, code graph queries, agen

• upskill by huggingface · ⭐ 652

  Generate and evaluate agent skills for code agents like Claude Code, Open Code, OpenAI Codex

• skills by wlzh · ⭐ 577

  开源了Codex Skills等集合，大部分是自己实际需要搞得，需要的自取。欢迎star

• solana-dev-skill by solana-foundation · ⭐ 520

  Skills for agentic development on Solana

• cc-1c-skills by Nikolay-Shirokov · ⭐ 436

  Набор навыков для AI(ИИ)-агентов (Claude Code, Cursor, Codex и др.), помогающий охватить полный цикл разработк

• theorist by blader · ⭐ 163

  A Codex/Claude skill that maintains per-repo operating theory documents.

More Codex Skill Tools

Explore other popular codex skill tools:

• refly ⭐ 7.1k
• nano-banana-pro-prompts-recommend-skill ⭐ 1.7k
• skillshare ⭐ 2.3k
• pi-skills ⭐ 1.9k
• skillkit ⭐ 1.2k
• ai-maestro ⭐ 709
• upskill ⭐ 652
• Claude-to-IM-skill ⭐ 2.8k
• learning-opportunities ⭐ 2.1k
• solana-dev-skill ⭐ 520

Popular Python Agent Tools

• TrendRadar ⭐ 60.2k · MCP Server
• gpt-researcher ⭐ 27.9k · MCP Server
• Scrapling ⭐ 67.2k · MCP Server
• serena ⭐ 26.0k · MCP Server
• MaxKB ⭐ 21.6k · MCP Server

Frequently Asked Questions