storybook-design-system
CommunityStreamline frontend development with consistent UI standards.
Authorsaschadudkin-sketch
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill ensures that Storybook stories and design-system components are developed consistently, with accessibility and UI governance in mind.
Core Features & Use Cases
- Design System Consistency: Facilitates uniform design development across the frontend.
- Accessibility Checks: Integrates accessibility checks for modals, menus, and forms.
- Visual State Coverage: Ensures that all visual states of components are tested.
- Use Case: When you need to update a component, this Skill helps maintain the consistency of design-system components across the application.
Quick Start
Run the verify:visual-state-matrix command to check the visual states of your components.
Dependency Matrix
Required Modules
None requiredComponents
scripts
💻 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: storybook-design-system Download link: https://github.com/saschadudkin-sketch/rezidence4/archive/main.zip#storybook-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.