Profile My skills Saved Collections Edit profile Submit a skill

Design System Generalizer

Scans token and component usage patterns from a golden reference page and diffs violations on other routes. Use when spreading a well-built page's patterns across the app in PR-sized chunks.

HeyEddi-com b397a8c 8 files · 13.2 KB Updated
Web & Frontend

File contents

Design System Generalizer

When to use

  • One route is the "golden" reference (e.g. /settings)
  • Other routes drift from tokens or component reuse
  • Planning incremental migration PRs

Instructions

  1. python scripts/scan_patterns.py --route /golden --project-root <root>
  2. python scripts/diff_violations.py --golden /golden --target /other --project-root <root>
  3. Use --check on diff to exit non-zero when target has hex colors or missing route files.
  4. Propose small PRs — never whole-app rewrite in one shot.

HeyEddi-com/heyeddi-skills/tree/main/.agents/skills/design-system-generalizer commit b397a8c057

Browse category

Frequently asked questions

npx skillmds@latest add heyeddi-com/design-system-generalizer-2