# 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.

- Skill: `heyeddi-com/design-system-generalizer-2` (Agent Skill, multi-file: 8 files)
- Install (CLI): `npx skillmds@latest add heyeddi-com/design-system-generalizer-2`
- Raw SKILL.md: https://api.skillmd.com/api/skills/heyeddi-com/design-system-generalizer-2/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: HeyEddi-com (https://skillmd.com/u/heyeddi-com)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/heyeddi-com/design-system-generalizer-2

---


# 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.