Storybook & design system
Created by CodeCraft LLCSet up, write, and review Storybook for a React/Next.js design system (shadcn/Radix/Tailwind components)
Product and technology names are trademarks of their respective owners, used only to identify what this skill covers. CodeCraft LLC is not affiliated with or endorsed by them.
by Jace (@jamick)v1.1.0 · updated 2026-10-03Report copyright infringement
Description
Set up, write, and review Storybook for a React/Next.js design system (shadcn/Radix/Tailwind components) — framework choice (Next.js/Vite builders), CSF stories with args and controls, covering all states (loading, empty, error, disabled, long content, RTL, dark mode), decorators for providers (themes, i18n, query clients), mocking data with MSW, interaction and component tests via the Vitest integration, accessibility addon checks, visual regression testing, documenting tokens and usage guidelines, and keeping stories in CI. Use whenever .storybook exists, storybook is in package.json, the user wants to document or catalog components, build a design system, add visual or interaction tests for components, or reviews stories.
Included with all-access
$5.00 value as a single download
AiSkillz is in preview: browse the catalogue now - skill downloads and subscriptions open soon.
All skills are included with the all-access subscription
Changelog
v1.1.0Oct 3, 2026Latest
Changed
- Checked against the official documentation (October 2026).
- Added Storybook 10: ESM-only config, Node.js 20.19+/22.12+, addon-vitest replacing the test-runner, upgrade command.
v1.0.1Oct 3, 2026
Changed
- Added a trademark notice to the README.
v1.0.0Oct 2, 2026
Added
- First release.