skylar-component-explorer
CommunityExplore the UI component library.
Design & Creative#design system#component library#ux design#frontend development#storybook#ui components
Authortylersahagun
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill helps designers and developers quickly understand and locate available UI components within the design system, streamlining the process of building consistent and efficient user interfaces.
Core Features & Use Cases
- Component Discovery: Lists and describes available UI primitives and feature components.
- Variant and Usage Information: Explains component variants, states, and interactions.
- Storybook Navigation: Guides users on how to find and explore components in Storybook.
- Use Case: A designer needs a specific type of button for a new feature. They can ask the AI, "What button variants do we have?" and receive a clear overview, including visual descriptions and where to find them in Storybook.
Quick Start
Show me all the buttons available in the component library.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 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: skylar-component-explorer Download link: https://github.com/tylersahagun/elmer/archive/main.zip#skylar-component-explorer 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 223,000+ vetted skills library on demand.