codex

refactoring-ui-skills

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

0 on GitHubby Refactoring UI Expertv1.0.0MITupdated 2 months agoDesign

Plugin refactoring-ui-skills in jxboi/skills-lab. Commands read from the repo's manifest — 1 month ago.

What it installs

Skills (12)

  • refactoring-ui-skills
  • establish-visual-hierarchy

    Determine what UI element draws attention first, second, third using size, weight, color, and de-emphasis strategies

  • apply-typography-scale

    Create clear typographic hierarchy using hand-crafted font sizes, weights, and colors

  • build-color-palette

    Create comprehensive palette with 8-10 greys, 5-10 primary, 5-10 accent shades

  • apply-consistent-spacing

    Use systematic spacing with 25% minimum jumps, start with excess whitespace

  • design-button-hierarchy

    Create clear primary/secondary/tertiary action distinctions

  • eliminate-visual-clutter

    Remove unnecessary borders, backgrounds, shadows, decorations

  • design-empty-states

    Create helpful, actionable zero-content states

  • use-shadows-appropriately

    Add depth only when functionally necessary (elevation, not decoration)

  • manage-color-contrast

    Ensure WCAG AA accessibility and readability

  • group-related-elements

    Use proximity and spacing to show relationships

  • refactor-ui

    Analyze a design against all 10 Refactoring UI skills and generate a comprehensive assessment with specific fixes

View source on GitHub

Similar plugins

Collection of example skills demonstrating various capabilities including skill creation, MCP building, visual design, algorithmic art, internal communications, web testing, artifact building, Slack GIFs, and theme styling

19 skills

anthropics/skills 193,780

Comprehensive PR review agents specializing in comments, tests, error handling, type design, code quality, and code simplification

1 command · 6 agents

anthropics/claude-code 155,476

Professional UI/UX design intelligence for AI coding assistants. Includes searchable databases of styles, colors, typography, charts, and UX guidelines for React, Next.js, Astro, Vue, Nuxt.js, Nuxt UI, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, Jetpack Compose, Angular, Laravel, JavaFX, and Three.js.

7 skills

nextlevelbuilder/ui-ux-pro-max-skill 148,759

Taste Skill

claudecodex

tasteskill 2.5.1: professional company websites at the figma.com and x.ai level, with one section per screen, real photographs, real product UI, effects kept for tech and gaming pages, and a real-browser checker and finish gate.

1 skill

Leonxlnx/taste-skill 114,391

Design fluency for frontend development. 1 skill with 24 commands (/impeccable polish, /impeccable audit, /impeccable critique, etc.) and curated anti-pattern detection.

1 skill · 4 agents · hooks

pbakaus/impeccable 109,099

storybook

claudecodex

Build, preview, and test UI components with Storybook.

7 skills

storybookjs/storybook 91,552

Maintain refactoring-ui-skills?

This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.

claude & codex pluginslisted