Skill 与 AgentSKILLS & AGENTS· CLAUDE-SKILL

ui-craft

educlopez/ui-craft

给AI编码助手装一套UI设计系统，让界面不再像流水线产物。Design engineering system for AI coding agents — ship UI with craft-level quality. Install as an agent skill.

根据公开文档整理，未运行实测；费用以项目官网为准。Based on public documentation, without runtime testing. Check the project site for pricing.

适用平台Platforms: claude-code · codex · cursor · gemini-cli · claude-desktop · opencode
已识别的要求Documented requirements: Local runtime
许可LICENSE: MIT

打开仓库Open repository 官网Homepage

能力CAPABILITIES

它能帮你做成什么What it helps you do

01
用一条命令生成完整界面
02
自动检查可访问性和性能
03
对界面做设计评审并输出问题
04
检测UI中的反模式代码
05
自动适配不同屏幕尺寸

上手GET STARTED

怎么装How to install

CURL-PIPE

curl -fsSL https://skills.smoothui.dev/install | bash

选择与你的环境对应的方式。命令来自项目文档，未运行实测。Choose the option for your environment. Commands come from project documentation and have not been run-tested.

打开项目文档Open project documentation ↗

使用限制LIMITATIONS

限制与风险Limits and risk

以下要求与风险来自文档静态检查，未执行项目代码；扫描没有命中，不代表使用安全。Risk here is evidence, not an alarm. These findings come from static scanning of the docs; we never execute a project’s code.

限制LIMITS

存在风险Risk found

01需要 API KeyREQUIRES API KEY: 未在文档中发现Not found in the docs
02需要本地环境NEEDS LOCAL RUNTIME: 是Yes
03需要 DockerNEEDS DOCKER: 未在文档中发现Not found in the docs
04难度DIFFICULTY: 需要本地环境Needs a local runtime

项目动态PROJECT ACTIVITY

它现在处在什么位置Where it stands right now

首次发现FIRST SEEN

03 OCT 202603 OCT 2026

增长GROWTH

+3.0%+3.0%

366 → 377 stars · 8 个快照366 → 377 stars · 8 snapshots

状态STATUS

持续活跃Active

质量 A-Quality A-

项目发布仅几个月已获得377星，社区关注度高。

PROVENANCE · 这些结论的依据是什么Where these conclusions come from

来源 URLSource URL: https://github.com/educlopez/ui-craft
原始数据哈希Raw data hash: 5913b829d25aaf92018c945f7dfa40ea
解析时间Parsed at: 2026-10-10T23:41:46.564Z
最后一次验证Last verified: 2026-10-10T22:10:48.059Z
增长测量时间Growth measured: 2026-10-10T23:41:53.363Z
发现查询Discovery queries: focus:design:repo:design-skill
分类来源Category source: rules
焦点Focus: design · motion · web (14)

静态扫描STATIC SCAN

01执行远程脚本Runs a remote scriptreadme

curl -fsSL https://skills.smoothui.dev/install | bash

02控制浏览器Controls a browserreadme

- **puppeteer** (optional — `npm install puppeteer`) loads the page in headless Chromium and scans the JS-rendered DOM, so SPA/client-render

03控制浏览器Controls a browser.agents/skills/audit/SKILL.md

1. **Playwright MCP** — if `playwright` MCP server is available, use it. Capture full-page screenshots at three viewports: desktop (1280×800

安装脚本会从远程地址下载并执行bash代码（curl -fsSL https://skills.smoothui.dev/install | bash），这是一个高风险操作。此外，可选组件涉及控制浏览器的功能（puppeteer和Playwright MCP），可能带来中等风险。

完整解析证据 JSONFull parse evidence JSON

{
  "agents": [
    {
      "agent": "claude-code",
      "evidence": "tree: .claude/"
    },
    {
      "agent": "codex",
      "evidence": "tree: .codex/"
    },
    {
      "agent": "cursor",
      "evidence": "tree: .cursor/"
    },
    {
      "agent": "gemini-cli",
      "evidence": "tree: .gemini/"
    },
    {
      "agent": "claude-desktop",
      "evidence": "readme: …(stdio transport). Works with Claude Desktop, Cursor, and any MCP-compatib…"
    },
    {
      "agent": "opencode",
      "evidence": "readme: …e / Cursor / Codex / Gemini / OpenCode, walks you through à-la-carte…"
    }
  ],
  "apiKey": null,
  "docker": null,
  "taxonomy": {
    "scores": {
      "design": 15,
      "ai-tools": 1,
      "dev-tools": 1,
      "indie-web": 1,
      "skill-agent": 8,
      "productivity": 0
    },
    "primary": "skill-agent",
    "secondary": "claude-skill"
  },
  "localRuntime": "or page transitions/drawers), GPU-only, `prefers-reduced-motion` honored.",
  "skillMdTotal": 217,
  "skillMdErrors": [],
  "treeTruncated": false,
  "categoryScores": {
    "data": 0,
    "agent": 0,
    "media": 0,
    "design": 21,
    "browser": 0,
    "devtool": 1,
    "security": 0,
    "marketing": 0,
    "productivity": 0
  },
  "classification": [
    {
      "signal": "60 SKILL.md with name + description",
      "weight": 0.95
    },
    {
      "signal": "skills/ directory with 39 markdown files",
      "weight": 0.75
    },
    {
      "signal": "README describes a Claude / Agent Skill",
      "weight": 0.7
    },
    {
      "signal": "Claude Code plugin manifest",
      "weight": 0.7
    },
    {
      "signal": ".mcp.json (configures servers it uses)",
      "weight": 0.3
    },
    {
      "signal": "description mentions AI",
      "weight": 0.2
    }
  ],
  "scannedSources": [
    "readme",
    ".agents/skills/adapt/SKILL.md",
    ".agents/skills/animate/SKILL.md",
    ".agents/skills/audit/SKILL.md",
    ".agents/skills/bolder/SKILL.md",
    ".agents/skills/brief/SKILL.md",
    ".agents/skills/clarify/SKILL.md",
    ".agents/skills/colorize/SKILL.md",
    ".agents/skills/craft/SKILL.md",
    ".agents/skills/critique/SKILL.md",
    ".agents/skills/delight/SKILL.md",
    ".agents/skills/distill/SKILL.md",
    ".agents/skills/extract/SKILL.md",
    ".agents/skills/finalize/SKILL.md",
    ".agents/skills/harden/SKILL.md",
    ".agents/skills/heuristic/SKILL.md",
    ".agents/skills/polish/SKILL.md",
    ".agents/skills/quieter/SKILL.md",
    ".agents/skills/redesign/SKILL.md",
    ".agents/skills/remember/SKILL.md",
    ".agents/skills/sddesign/SKILL.md",
    ".agents/skills/shape/SKILL.md",
    ".agents/skills/start/SKILL.md",
    ".agents/skills/tokens/SKILL.md",
    ".agents/skills/typeset/SKILL.md",
    ".agents/skills/ui-craft-dense-dashboard/SKILL.md",
    ".agents/skills/ui-craft-editorial/SKILL.md",
    ".agents/skills/ui-craft-minimal/SKILL.md",
    ".agents/skills/ui-craft/SKILL.md",
    ".agents/skills/unhappy/SKILL.md",
    ".claude/skills/friction-log/SKILL.md",
    ".codex/skills/adapt/SKILL.md",
    ".codex/skills/animate/SKILL.md",
    ".codex/skills/audit/SKILL.md",
    ".codex/skills/bolder/SKILL.md",
    ".codex/skills/brief/SKILL.md",
    ".codex/skills/clarify/SKILL.md",
    ".codex/skills/colorize/SKILL.md",
    ".codex/skills/craft/SKILL.md",
    ".codex/skills/critique/SKILL.md",
    ".codex/skills/delight/SKILL.md",
    ".codex/skills/distill/SKILL.md",
    ".codex/skills/extract/SKILL.md",
    ".codex/skills/finalize/SKILL.md",
    ".codex/skills/harden/SKILL.md",
    ".codex/skills/heuristic/SKILL.md",
    ".codex/skills/polish/SKILL.md",
    ".codex/skills/quieter/SKILL.md",
    ".codex/skills/redesign/SKILL.md",
    ".codex/skills/remember/SKILL.md",
    ".codex/skills/sddesign/SKILL.md",
    ".codex/skills/shape/SKILL.md",
    ".codex/skills/start/SKILL.md",
    ".codex/skills/tokens/SKILL.md",
    ".codex/skills/typeset/SKILL.md",
    ".codex/skills/ui-craft-dense-dashboard/SKILL.md",
    ".codex/skills/ui-craft-editorial/SKILL.md",
    ".codex/skills/ui-craft-minimal/SKILL.md",
    ".codex/skills/ui-craft/SKILL.md",
    ".codex/skills/unhappy/SKILL.md",
    ".cursor/skills/friction-log/SKILL.md"
  ],
  "skillMdFetched": 60
}