设计资源DESIGN· UI-KIT
edisonmbli/refactoring-ui-skill
让AI助手按《Refactoring UI》的151条规则帮你检查界面、生成配色和Tailwind变量。A Claude Skill that brings 151 design rules from the book Refactoring UI into your AI coding assistant.
根据公开文档整理，未运行实测；费用以项目官网为准。Based on public documentation, without runtime testing. Check the project site for pricing.
能力CAPABILITIES
检查网页界面设计是否符合151条规则
生成可直接用的颜色调色板
将设计语言转化为Tailwind类名和变量
通过对比实例学习界面改进
Generate consistent color palettes from any base hue
Check text contrast ratios against WCAG guidelines
Apply Tailwind design tokens and spacing rules
Detect visual inconsistencies in spacing and alignment
Refactor layouts with before-and-after examples
上手GET STARTED
/plugin marketplace add edisonmbli/refactoring-ui-skill选择与你的环境对应的方式。命令来自项目文档，未运行实测。Choose the option for your environment. Commands come from project documentation and have not been run-tested.
使用限制LIMITATIONS
以下要求与风险来自文档静态检查，未执行项目代码；扫描没有命中，不代表使用安全。Risk here is evidence, not an alarm. These findings come from static scanning of the docs; we never execute a project’s code.
限制LIMITS
未知Unknown
静态扫描STATIC SCAN
在 README、SKILL.md 和依赖清单中没有匹配到已知风险模式。No known risk patterns matched in the README, SKILL.md or dependency list.
静态扫描未发现明显风险，但不代表安全Static scanning did not find any known risk patterns in the documentation, but this does not guarantee the skill is safe.
项目动态PROJECT ACTIVITY
首次发现FIRST SEEN
18 OCT 202618 OCT 2026
增长GROWTH
+280.0%+280.0%
70 → 266 stars · 6 个快照70 → 266 stars · 6 snapshots
讨论DISCUSSION
1 SOURCES1 SOURCES
5 条外部提及5 external mentions
状态STATUS
持续活跃Active
源自《Refactoring UI》的151条设计规则，可直接通过AI助手应用到项目中。Derived from the popular Refactoring UI book with 151 tracked rules
HN_STORY · 1 points · 0 comments
HN_STORY · 1019 points · 189 comments
HN_STORY · 3 points · 0 comments
{
"agents": [
{
"agent": "claude-code",
"evidence": "tree: .claude-plugin/"
},
{
"agent": "cursor",
"evidence": "tree: .cursor/"
},
{
"agent": "codex",
"evidence": "readme: …----------------------- | | **OpenAI Codex** | 仓库根目录的`AGENTS.md`…"
},
{
"agent": "windsurf",
"evidence": "readme: …的那种： ```bash # Codex、Copilot、Windsurf、Cline/Roo、Aider，或者作为 Cursor 的…"
},
{
"agent": "cline",
"evidence": "readme: …bash # Codex、Copilot、Windsurf、Cline/Roo、Aider，或者作为 Cursor 的 AGENT…"
},
{
"agent": "copilot",
"evidence": "readme: …或 `AGENTS.md` | | **GitHub Copilot** | `.github/copilot-instruct…"
}
],
"apiKey": null,
"docker": null,
"taxonomy": {
"scores": {
"design": 9,
"ai-tools": 0,
"dev-tools": 1,
"indie-web": 0,
"skill-agent": 6,
"productivity": 0
},
"primary": "design",
"secondary": "ui-kit"
},
"localRuntime": null,
"skillMdTotal": 1,
"skillMdErrors": [
{
"path": "skills/refactoring-ui/SKILL.md",
"error": "Nested mappings are not allowed in compact mappings at line 2, column 14:"
}
],
"treeTruncated": false,
"categoryScores": {
"data": 0,
"agent": 0,
"media": 0,
"design": 21,
"browser": 0,
"devtool": 10,
"security": 0,
"marketing": 0,
"productivity": 0
},
"classification": [
{
"signal": "SKILL.md present, frontmatter incomplete",
"weight": 0.85
},
{
"signal": "skills/ directory with 21 markdown files",
"weight": 0.75
},
{
"signal": "README describes a Claude / Agent Skill",
"weight": 0.7
},
{
"signal": "Claude Code plugin manifest",
"weight": 0.7
},
{
"signal": "name contains 'skill'",
"weight": 0.4
},
{
"signal": "description mentions AI",
"weight": 0.2
}
],
"scannedSources": [
"readme",
"skills/refactoring-ui/SKILL.md"
],
"skillMdFetched": 1
}