Build, document, and maintain scalable design systems — from tokens and components to accessibility and theming.
npx claudepluginhub sethdford/claude-skills --plugin designer-systemsRun a comprehensive audit of an existing design system for consistency, completeness, and accessibility.
Scaffold a full component specification from a name or description.
Extract and organize design tokens from an existing design or stylesheet.
Conduct a comprehensive accessibility audit against WCAG guidelines with severity ratings and remediation steps.
Write a detailed component specification including props, states, variants, accessibility requirements, and usage guidelines.
Define and organize design tokens (color, spacing, typography, elevation) with naming conventions and usage guidance.
Generate structured documentation templates for components, patterns, or guidelines within a design system.
Create an icon system specification covering grid, sizing, naming, categories, and implementation guidance.
Establish a naming convention system for design elements, components, and tokens with clear rules and examples.
Structure a pattern library entry with problem context, solution pattern, usage examples, and related patterns.
Design a theming architecture that supports brand variants, dark mode, and high-contrast modes with token mapping.
Comprehensive UI/UX design plugin for mobile (iOS, Android, React Native) and web applications with design systems, accessibility, and modern patterns
AI-native product management for startups. Transform Claude into an expert PM with competitive research, gap analysis using the WINNING filter, PRD generation, and GitHub Issues integration.