{
  "markdown": "# consistent-ui\n\nA Claude Code skill that enforces UI consistency across an entire codebase — regardless of language, framework, or styling approach.\n\n## What it does\n\nCompares **every UI surface against every other UI surface** and against the project's design system, then surfaces drift in:\n\n- **Spacing & layout** — off-scale paddings, inconsistent rhythm, mixed units\n- **Typography** — heading drift, off-scale sizes, weight mixing\n- **Color & theme** — hard-coded values, token bypass, dark-mode gaps\n- **Components** — duplicate implementations, inline reimplementations, API drift\n- **Iconography** — mixed libraries, size/stroke mismatch\n- **Borders, radius, shadows / elevation** — inconsistent corners and depth\n- **Interaction & motion** — hover/press/focus, durations, easing, focus rings\n- **Forms** — input heights, label placement, error styling, required indicators\n- **Page chrome** — headers, empty/loading/error states, toasts, navigation\n- **Copy & microcopy** — capitalization, terminology, translation gaps (per locale)\n\nOutput is a **Consistency Health Score** (??/40), findings tagged **P0-P3** with file:line locations, systemic root-cause patterns, and a phased remediation plan.\n\n## Stacks supported\n\nAuto-detects and adapts patterns for:\n\n- **Web — components**: React, Vue, Svelte, Angular, Solid, Astro, Qwik\n- **Web — styling**: plain CSS/SCSS/Less, Tailwind / UnoCSS / Windi, styled-components, emotion, vanilla-extract, panda, stitches\n- **Native iOS**: SwiftUI, UIKit\n- **Native Android**: Jetpack Compose, View XML\n- **Cross-platform mobile**: Flutter, React Native\n- **Server-rendered templates**: Blade, ERB, Twig, Razor, JSP, Pug, Liquid, Handlebars, Phoenix HEEx, Django\n\nMixed-stack repos are scanned per profile and reported with combined plus per-stack scores.\n\n## Install\n\n### Via Claude Code (recommended)\n\nIn any Claude Code session:\n\n```\n/plugin marketplace add thevrus/consistent-ui\n/plugin install consistent-ui@consistent-ui\n```\n\nThat's it — the skill will be available globally.\n\n### Manually (clone into your skills directory)\n\n```bash\ngit clone https://github.com/thevrus/consistent-ui.git ~/.claude/skills/consistent-ui-source\nln -s ~/.claude/skills/consistent-ui-source/skills/consistent-ui ~/.claude/skills/consistent-ui\n```\n\n## Usage\n\n```\n/consistent-ui\n/consistent-ui src/components/dashboard\n/consistent-ui checkout-flow\n```\n\nWithout an argument, scans the entire UI codebase. With an argument, restricts analysis to a path or feature.\n\n## Output\n\n1. **Detected stacks and locales** (confirmed before scanning)\n2. **Discovered design system** (tokens, components, conventions)\n3. **Consistency Health Score** with per-dimension breakdown\n4. **Findings by severity** (P0 → P3) with locations and canonical alternatives\n5. **Systemic patterns** — root-cause groupings\n6. **Positive findings** — what's already consistent\n7. **Remediation plan** in waves you can run independently\n\nAfter the report, the skill asks whether to apply fixes immediately, run waves with confirmation, or stop at the report.\n\n## When to use vs other skills\n\n- Use **`consistent-ui`** for cross-surface drift across the whole codebase.\n- Use **`/audit`** for technical quality (a11y, performance, anti-patterns) on a single surface.\n- Use **`/polish`** for the final pre-ship micro-pass on one feature.\n\n## Contributing\n\nThis is a **markdown-only skill** — no CLI binary, no companion executable, no runtime code. The behavior lives entirely in [`skills/consistent-ui/SKILL.md`](skills/consistent-ui/SKILL.md), which Claude Code loads directly. As a result:\n\n- The [CLI hint protocol](https://code.claude.com/docs/en/cli-hint) (`<claude-code-hint />` markers on stderr) does **not** apply here. There is no CLI to emit one from.\n- Improvements should be made by editing `SKILL.md` directly. New stack profiles, detection patterns, and dimension checks all live in that single file (see Appendix A for the per-stack pattern table).\n- Bumps to `version` must be made in **both** `.claude-plugin/plugin.json` and `.claude-plugin/marketplace.json` to keep the manifests in sync.\n\nPRs welcome.\n\n## License\n\nMIT — see [LICENSE](LICENSE).\n",
  "bytes": 4166,
  "sha": "3f527c42f23691888d75d1569621c4588f2c0acb50bb64ba029d04b3c9787c45",
  "repo_slug": "thevrus/consistent-ui",
  "fonte": "repo",
  "truncated": false,
  "api": "https://agentalog.com/api/listings/plg_thevrus_consistent_ui_consistent_ui_7fda40a7/readme"
}