Skills
.Work. You
Rest

frontend-story-generate

Community

Generate CSF3 Storybook stories with variants.

Software Engineering#storybook#csf3#cva#msw#component-stories#variant-coverage
Authorparhumm
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Automate the creation of CSF3 Storybook stories for UI components, delivering complete variant coverage and state matrices to reduce manual storytelling overhead.

Core Features & Use Cases

  • Generate declarative CSF3 stories for components with variant coverage and state matrices.
  • Produce accompanying documentation and an integration-ready scaffold for Storybook.
  • Support API-dependent components with MSW-based handlers and per-story overrides to demonstrate realistic data flows.

Quick Start

Provide the path to a component or run a scan to identify missing stories, then review the generated CSF3 stories and documentation.

Dependency Matrix

Required Modules

None required

Components

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: frontend-story-generate
Download link: https://github.com/parhumm/jaan-to/archive/main.zip#frontend-story-generate

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.