claude

designer-systems

Design systems: tokens, components, accessibility, theming, documentation.

48 on GitHubby MC Deanv1.0.0MITupdated 8 months agodesign
/

Plugin designer-systems from marketplace claude-skills in sethdford/claude-skills. Commands read from the repo's manifest — 1 month ago.

What it installs

Skills (8)

  • accessibility-audit

    Conduct a comprehensive accessibility audit against WCAG guidelines with severity ratings and remediation steps.

  • component-spec

    Write a detailed component specification including props, states, variants, accessibility requirements, and usage guidelines.

  • design-token

    Define and organize design tokens (color, spacing, typography, elevation) with naming conventions and usage guidance.

  • documentation-template

    Generate structured documentation templates for components, patterns, or guidelines within a design system.

  • icon-system

    Create an icon system specification covering grid, sizing, naming, categories, and implementation guidance.

  • naming-convention

    Establish a naming convention system for design elements, components, and tokens with clear rules and examples.

  • pattern-library

    Structure a pattern library entry with problem context, solution pattern, usage examples, and related patterns.

  • theming-system

    Design a theming architecture that supports brand variants, dark mode, and high-contrast modes with token mapping.

Slash commands (3)

  • /designer-systems:audit-system

    Run a comprehensive audit of an existing design system for consistency, completeness, and accessibility.

  • /designer-systems:create-component

    Scaffold a full component specification from a name or description.

  • /designer-systems:tokenize

    Extract and organize design tokens from an existing design or stylesheet.

View source on GitHub

More from sethdford/claude-skills

All 57 plugins →

sdlc-cross-role

claude

Cross-functional SDLC workflows: phase gates, definitions of ready/done, feature lifecycle, release checklists, incident-to-improvement, compliance traceability. Grounded in ISO/IEC 12207, 15288.

8 skills · 8 commands

48

architect-system-design

claude

Architecture patterns, system decomposition, DDD, microservices, event-driven, CQRS. Grounded in TOGAF, IASA BTABoK, ISO 42010.

10 skills · 4 commands

48

designer-research

claude

User research: personas, empathy maps, journey maps, interviews, usability testing, JTBD.

10 skills · 4 commands

48

engineer-code-quality

claude

Clean code, refactoring, SOLID principles, code smell detection, complexity analysis.

10 skills · 4 commands

48

pm-discovery

claude

Problem discovery, customer research, opportunity assessment, assumption mapping.

10 skills · 4 commands

48

designer-ui-design

claude

UI design: color systems, typography, layout grids, responsive design, data viz.

9 skills · 4 commands

48

Similar plugins

nextjs

claude

Official Next.js skills: adopt and optimize Cache Components, adopt Partial Prefetching, and verify runtime behavior against a running dev server.

6 skills

vercel/next.js 143,495

Taste Skill

claudecodex

tasteskill 2.5.1: professional company websites at the figma.com and x.ai level, with one section per screen, real photographs, real product UI, effects kept for tech and gaming pages, and a real-browser checker and finish gate.

1 skill

Leonxlnx/taste-skill 114,391

mem0

claudecodex

Cross-session memory and token savings for coding agents.

6 skills · 1 agent · 1 MCP server · hooks

mem0ai/mem0 68,893

diagram-design

claudecodex

Editorial diagrams in your brand, as self-contained HTML and SVG. Architecture, flowcharts, sequence, state machines, ER and database schemas, timelines, swimlanes, org charts, Gantt, Wardley maps, user journeys, service blueprints, UML class, lifecycle phase maps, and charts from bar, line and scatter to Sankey, treemap and heatmap, plus many more. Redraws draw.io, Mermaid, Excalidraw and PlantUML files. Exports SVG and PNG.

1 skill · 7 commands

cathrynlavery/diagram-design 66,757

daisyui

claudecodex

daisyUI component library skill

7 skills

saadeghi/daisyui 42,821

backend-development

claudecodex

Backend API design, GraphQL architecture, workflow orchestration with Temporal, and test-driven backend development

9 skills · 1 command · 8 agents

wshobson/agents 42,461

Maintain designer-systems?

This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.

claude & codex plugins57 plugins