{
 "schema_version": 1,
 "generated": "2026-10-23",
 "repo": "edisonmbli/refactoring-ui-skill",
 "name": "refactoring-ui-skill",
 "owner": "edisonmbli",
 "slug": "edisonmbli-refactoring-ui-skill",
 "github": "https://github.com/edisonmbli/refactoring-ui-skill",
 "what": "A Claude Skill that turns the book Refactoring UI into 151 checkable design rules, used to review web interfaces, generate design tokens, and guide AI coding assistants.",
 "why": "",
 "language": "Python",
 "requirements": [
  "Claude Code, or another AI coding assistant that can read files in the project",
  "Git, to clone the repository",
  "Python 3.9 or newer for the scripts (no third-party packages needed)",
  "A web project with HTML, CSS, or a framework such as Tailwind, for the review and token steps"
 ],
 "audience_note": "Front-end developers and product builders who use an AI coding assistant to write HTML, CSS, or Tailwind and want the output to follow solid visual design rules.",
 "risk": "none",
 "section": "earlier",
 "weekly_rank": null,
 "category": "Software and DevOps",
 "url": "https://dedupedai.com/use-cases/edisonmbli-refactoring-ui-skill/",
 "use_case_count": 4,
 "use_cases": [
  {
   "id": "edisonmbli-refactoring-ui-skill--review-ui-page-for-design-issues",
   "title": "Review a UI page for design problems before release",
   "best": true,
   "url": "https://dedupedai.com/use-cases/edisonmbli-refactoring-ui-skill/review-ui-page-for-design-issues/",
   "json": "https://dedupedai.com/use-cases/u/edisonmbli-refactoring-ui-skill/review-ui-page-for-design-issues.json"
  },
  {
   "id": "edisonmbli-refactoring-ui-skill--generate-design-system-from-scratch",
   "title": "Create a design system for a project that has none",
   "best": false,
   "url": "https://dedupedai.com/use-cases/edisonmbli-refactoring-ui-skill/generate-design-system-from-scratch/",
   "json": "https://dedupedai.com/use-cases/u/edisonmbli-refactoring-ui-skill/generate-design-system-from-scratch.json"
  },
  {
   "id": "edisonmbli-refactoring-ui-skill--load-design-rules-before-ai-writes-ui",
   "title": "Give Codex or Cursor the design rules before it writes UI",
   "best": false,
   "url": "https://dedupedai.com/use-cases/edisonmbli-refactoring-ui-skill/load-design-rules-before-ai-writes-ui/",
   "json": "https://dedupedai.com/use-cases/u/edisonmbli-refactoring-ui-skill/load-design-rules-before-ai-writes-ui.json"
  },
  {
   "id": "edisonmbli-refactoring-ui-skill--look-up-why-a-design-choice-fails",
   "title": "Find out why a color or spacing choice looks wrong",
   "best": false,
   "url": "https://dedupedai.com/use-cases/edisonmbli-refactoring-ui-skill/look-up-why-a-design-choice-fails/",
   "json": "https://dedupedai.com/use-cases/u/edisonmbli-refactoring-ui-skill/look-up-why-a-design-choice-fails.json"
  }
 ],
 "disclaimer": "Third-party repos we don't own or vouch for. AI-generated use cases can be wrong: review everything and run at your own risk."
}