refactoring-ui-skills

v1.0.0

AI-powered UI design skills based on Refactoring UI principles. Evaluate and improve interface designs with expert-validated guidance.

CodexClaude Code

By Refactoring UI ExpertLicense: MIT384 GitHub starsUpdated 5 months ago

Directory evidence

Runtimes: Codex and Claude Code
Parsed components: 0 skill or MCP entries
Source updated: Apr 26, 2026
Manifest status: Canonical path parsed

The directory validates manifest shape and source location. It does not execute the plugin or provide a security endorsement. Review the indexing methodology →

Install refactoring-ui-skills for Codex and Claude Code

Installs for the current user

codex plugin marketplace add IchenDEV/agent-plugin-mkt
codex plugin marketplace upgrade agent-plugin-marketplace
codex plugin add refactoring-ui-skills@agent-plugin-marketplace

Paste and run these commands in a terminal with Codex. They add and refresh the PluginsMP catalog, then install this plugin.

The installer fetches third-party code from the source repository shown on this page. This directory validates manifest structure and source location, but does not perform a security audit; review the manifest, components, and source before installing.

Get the source manually

$ git clone https://github.com/gnurio/refactoring-ui-plugin

Clone the source repository, then follow its setup instructions to add the plugin to a compatible client. The repository root is the plugin root.

Plugin files

refactoring-ui-skills/

├── .codex-plugin/plugin.json
└── .claude-plugin/plugin.json

Plugin manifests2

.codex-plugin/plugin.json

{
  "name": "refactoring-ui-skills",
  "version": "1.0.0",
  "description": "AI-powered UI design skills based on Refactoring UI principles. Evaluate and improve interface designs with expert-validated guidance.",
  "author": {
    "name": "Refactoring UI Expert",
    "url": "https://refactoringui.com/"
  },
  "homepage": "https://github.com/gnurio/refactoring-ui-plugin",
  "repository": "https://github.com/gnurio/refactoring-ui-plugin",
  "license": "MIT",
  "keywords": [
    "ui-design",
    "refactoring-ui",
    "design-system",
    "visual-hierarchy",
    "typography",
    "color-palette",
    "spacing"
  ],
  "skills": "./skills/",
  "interface": {
    "displayName": "Refactoring UI Skills",
    "shortDescription": "AI-powered UI design skills for evaluating and improving interfaces",
    "longDescription": "A collection of 10 atomic UI design skills extracted from Refactoring UI by Adam Wathan & Steve Schoger. Each skill has been validated to 97% agreement with the book's principles. Skills cover visual hierarchy, typography, color, spacing, button design, visual clutter, empty states, shadows, contrast, and element grouping.",
    "category": "Design",
    "capabilities": [
      "Read",
      "Evaluate"
    ],
    "defaultPrompt": [
      "/refactor-ui --design=\"my-design.md\"",
      "/establish-visual-hierarchy --input=\"design-description\"",
      "/apply-typography-scale --context=\"marketing\""
    ]
  }
}

.claude-plugin/plugin.json

{
  "name": "refactoring-ui-skills",
  "version": "1.0.0",
  "description": "AI-powered UI design skills based on Refactoring UI principles. Evaluate and improve interface designs with expert-validated guidance.",
  "author": {
    "name": "Refactoring UI Expert",
    "url": "https://refactoringui.com/"
  },
  "homepage": "https://github.com/gnurio/refactoring-ui-plugin",
  "repository": "https://github.com/gnurio/refactoring-ui-plugin",
  "license": "MIT",
  "keywords": [
    "ui-design",
    "refactoring-ui",
    "design-system",
    "visual-hierarchy",
    "typography",
    "color-palette",
    "spacing"
  ]
}