design-system-patterns
๐ฏSkillfrom wshobson/agents
|A design system patterns skill from the wshobson/agents ecosystem, providing Claude Code with specialized knowledge of component libraries, design tokens, theming, and scalable UI architecture.
Overview
Design System Patterns is a skill from the wshobson/agents plugin ecosystem, a comprehensive production-ready system of 73 focused plugins for Claude Code featuring 112 specialized agents, 146 skills, and 79 development tools. This skill provides specialized knowledge for creating and maintaining design systems, including component libraries, design tokens, theming patterns, and consistent UI architecture.
Key Features
- Design System Expertise: Provides deep knowledge of design system architecture including component libraries, design tokens, theming, accessibility patterns, and cross-platform consistency
- Progressive Disclosure Loading: Loads design system knowledge on demand when design-related tasks are detected, minimizing token usage while maintaining comprehensive coverage
- Multi-Agent Workflow Integration: Composable with frontend development, code review, and comprehensive review plugins for building robust, well-reviewed design systems
- Part of the Development Category: Works within the broader wshobson/agents ecosystem alongside frontend, multi-platform, and documentation plugins for consistent UI development
Who is this for?
- Frontend developers and UI engineers building or maintaining design systems who want AI-assisted guidance on tokens, theming, and component architecture through Claude Code
- Design system teams who need AI support for creating consistent, accessible, and scalable component libraries across web and mobile platforms
- Organizations establishing design system governance who want expert patterns for documentation, versioning, and cross-team adoption
Same repository
wshobson/agents(240 items)
Installation
npx vibeindex add wshobson/agents --skill design-system-patternsnpx skills add wshobson/agents --skill design-system-patterns~/.claude/skills/design-system-patterns/SKILL.mdSKILL.md
More from this repository10
Comprehensive Claude Code plugin collection with 112 AI agents, 146 skills, and 73 focused plugins covering full-stack development, security, infrastructure, and multi-agent orchestration.
A specialized agent skill for advanced TypeScript type system patterns, part of the wshobson/agents plugin marketplace with 146 skills across 73 plugins for Claude Code.
Production-ready workflow orchestration with 72 focused plugins, 108 specialized agents, and 129 skills - optimized for granular installation and minimal token usage
A Claude Code plugin bundling core development agents and tools from the wshobson/agents marketplace, providing a foundational set of AI-assisted capabilities with minimal token usage.
The error-debugging plugin is part of the wshobson/agents marketplace for Claude Code, providing specialized AI agents for diagnosing and resolving software errors.
A Claude Code plugin from the wshobson/agents marketplace providing specialized error diagnosis and troubleshooting agents for root cause analysis, stack trace investigation, and fix recommendations across technology stacks.
git-pr-workflows is a Claude Code plugin from the wshobson/agents marketplace that provides specialized Git and pull request workflow automation.
A specialized AI agent plugin for modernizing legacy codebases using Claude Code. Part of a comprehensive system of 112 specialized agents, it automates the assessment and transformation of outdated code into modern architectures and patterns.
The data-validation-suite plugin is part of the wshobson/agents marketplace for Claude Code. It falls under the Data category, which includes two data-focused plugins: data engineering and data validation.
The ui-design plugin is part of the wshobson/agents marketplace for Claude Code, providing specialized AI agents for UI/UX design assistance within development workflows.