storybook-expert
CommunityMake Storybook stories testable, accessible
Software Engineering#testing#accessibility#chromatic#storybook#visual regression#interaction testing#vitest addon
Authordavid-nossebro
Version1.0.0
Installs0
System Documentation
What problem does it solve?
It helps you reliably research, design, implement, and debug Storybook stories and Storybook-driven tests instead of guessing Storybook APIs or ending up with flaky, inaccessible, or visually unstable UI checks.
Core Features & Use Cases
- Story-first testing: treat stories as reusable test cases for development, review, and automation rather than writing disconnected tests.
- Correct test-stack selection: choose the right approach for the task (Vitest addon on Vite Storybook, the Storybook test-runner otherwise, accessibility checks via the a11y addon, and visual testing via Visual Tests/Chromatic).
- Deterministic interactions and audits: implement robust
playinteractions with accessible queries and awaited assertions, configureparameters.a11y.testintentionally, and keep visual baselines stable.
Quick Start
Use the storybook-expert skill to add missing Storybook states and play interaction tests that run consistently with your repo’s existing testing and CI setup.
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: storybook-expert Download link: https://github.com/david-nossebro/agent-commons/archive/main.zip#storybook-expert 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.