rule-frontend-storybook
CommunityEnforce robust, accessible Storybook rules.
Authorbtabaska
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Frontend teams often struggle to maintain consistent, accessible Storybook stories and CSF3 compliance across large codebases. This Skill standardizes how stories are authored, tested, and documented, reducing review cycles and UI inconsistencies.
Core Features & Use Cases
- Enforces Component Story Format 3 (CSF3) usage with proper Meta and StoryObj types.
- Promotes consistent file structure, naming, and argTypes for discoverability, accessibility compliance, and maintainability.
- Use Case: when onboarding new frontend engineers, apply these rules to ensure stories meet architectural and accessibility standards from day one.
Quick Start
Start applying the Storybook rules by ensuring your next frontend story uses CSF3 and includes accessible naming and controls.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 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: rule-frontend-storybook Download link: https://github.com/btabaska/simpler-grants-documentation-automation/archive/main.zip#rule-frontend-storybook 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 471,000+ vetted skills library on demand.