bmad-wds-browse-design-system
OfficialExplore design tokens and components in a disposable app.
Design & Creative#design system#design consistency#UI/UX design#token exploration#component browsing
Authorlaraxot
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill addresses the need for an efficient way to browse and explore design tokens, components, and their relationships within a design system.
Core Features & Use Cases
- Token Exploration: Access and visualize design tokens such as colors, typography, and spacing.
- Component Browsing: Navigate through various components and see how they are structured and styled.
- Relationship Mapping: Understand how different components are related and how they interact within the design system.
- Use Case: When you are designing a new product and need to ensure consistency with an existing design system, this Skill helps you quickly find and review the relevant components and tokens.
Quick Start
Load the Skill and use the 'browse-components' command to explore the components in your design system.
Dependency Matrix
Required Modules
None requiredComponents
scriptsreferences
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: bmad-wds-browse-design-system Download link: https://github.com/laraxot/laravelpizza.com/archive/main.zip#bmad-wds-browse-design-system Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.