Design System Audit and Remediation

curated by SkillMD · plugin · 14 skills

Identify design debt, audit tokens, and enforce consistency across a product.

Install the whole plugin (CLI)

npx skillmds add owl-listener/design-debt-audit
npx skillmds add owl-listener/design-token-audit
npx skillmds add antigravity/ui-lint
npx skillmds add owl-listener/design-qa-checklist
npx skillmds add nextlevelbuilder/design-system
npx skillmds add voltagent/ollama-design-analysis
npx skillmds add voltagent/shopifi-inspired-design-analysis
npx skillmds add voltagent/playstation-design-analysis
npx skillmds add tinh2/ux
npx skillmds add tinh2/design-audit
npx skillmds add tinh2/design-setup
npx skillmds add comeonoliver/extract
npx skillmds add drnabeelkhan/maxim-design-system
npx skillmds add drnabeelkhan/design-resources

⬇ Download

Skills in this plugin

▌
design-debt-audit · owl-listener
Identify, categorize, and prioritize accumulated design inconsistencies and structural problems across a product.

1.7k
repo stars
▌
design-token-audit · owl-listener
Audit design token usage across a product for consistency and coverage, identifying hard-coded values and gaps.

1.7k
repo stars
▌
ui-lint · antigravity
Scans frontend files for common design system violations using grep-based checks.

42.4k
repo stars
▌
design-qa-checklist · owl-listener
Create systematic QA checklists to verify that design implementations match specifications across visual accuracy, layout, interaction, content, accessibility, and cross-platform categories.

1.7k
repo stars
▌
design-system · nextlevelbuilder bundle
Creates and manages design tokens with a three-layer architecture (primitive, semantic, component), generates CSS variables and component specifications, and produces brand-compliant slide presentations with Chart.js integration.

4
installs
▌
ollama-design-analysis · voltagent bundle
Documents the design system behind Ollama's marketing site, including color tokens, typography hierarchy, spacing, and component patterns for a minimal, documentation-first aesthetic.

50.9k
repo stars
▌
shopifi-inspired-design-analysis · voltagent bundle
Analyzes and documents a two-track design system with cinematic dark marketing pages and light transactional surfaces, including color palettes, typography hierarchy, and component vocabulary.

50.9k
repo stars
▌
playstation-design-analysis · voltagent bundle
Documents the PlayStation marketing design system with three alternating canvas modes, PlayStation SST typography at weight 300, and a restrained chrome vocabulary where imagery occupies 60-90% of each section.

50.9k
repo stars
▌
ux · tinh2
Audits UX quality of a codebase or validates implementation against design mockups, then fixes issues and commits changes.

13
repo stars
▌
design-audit · tinh2
Audits design quality across accessibility, performance, theming, and responsiveness, producing a prioritized report with severity ratings and fix recommendations.

13
repo stars
▌
design-setup · tinh2
Scans a codebase to extract design tokens, typography, colors, spacing, and brand patterns, then writes a Design Context section to CLAUDE.md without asking questions.

13
repo stars
▌
extract · comeonoliver
Identifies reusable UI patterns, components, and design tokens, then extracts and consolidates them into a design system for systematic reuse.

61
repo stars
▌
maxim-design-system · drnabeelkhan bundle
Builds and governs design systems with a three-layer token architecture, component specs, and design-to-code handoff, including slide generation.

2
repo stars
▌
design-resources · drnabeelkhan bundle
Provides a curated library of design references covering typography, color systems, component patterns, animation, accessibility, and critique frameworks, plus a catalog of 59 brand design systems for UI generation.

2
repo stars