Traction scoreGitHub stars can be faked, so popularity alone can be misleading. Traction Score looks for broader signs of recent attention, adoption, and active maintenance.
This skill provides a structured rulebook for interface design, helping frontend engineers identify where a layout breaks visual principles. It focuses on the concrete constraints of hierarchy, spacing, and typography to move a design from an amateur look to a polished finish.
By mapping these principles directly to Tailwind CSS defaults, the skill shortens the path between a design critique and the actual code implementation.
Compatible AgentsThe repository documents support for these agents. The skills may also work with other agents that can load SKILL.md files, but they may need some setup or small changes.
Installs: A repository-local refactoring-ui checkout with an AGENTS.md pointer; Cursor uses this as a fallback. · OpenAI Codex, GitHub Copilot, Windsurf, Cline / Roo, Aider, Cursor
Before you start
An agent that can read files and loads the repository's AGENTS.md.
Python 3.9+ and permission to run commands are required only for scripts; manual fallback is available.
Browser tooling is needed for visual verification; otherwise conclusions are marked code-only.
Run from: The target repository root.
Run in a terminal at the target repository root to place the skill in a stable local checkout.
Run in the same terminal directory to install the pointer file. If AGENTS.md already exists, manually merge the template into it instead of replacing it.
cp .refactoring-ui/templates/AGENTS.md AGENTS.md # or merge into your existing one
Provide the target component's source or its actual project path.
Make the project's package metadata, styles, and existing theme or token definitions available.
For visual verification, provide access to a rendered page and browser tooling; otherwise the review can use source alone.
Use the refactoring-ui skill to review the component I provide. First identify the framework, Tailwind version if present, existing design tokens, component library, and dark-mode support. Then identify up to three concrete improvements to visual hierarchy, spacing, typography, or contrast, using the existing design system's vocabulary. Explain the suggested fixes without editing files.
Claude
Codex
Cursor
Copilot
Windsurf
Cline