Skills
.Work. You
Rest

f0-storybook-stories

Official

Generate Storybook stories for F0 React components.

Software Engineering#testing#documentation#react#design system#component#storybook
Authorfactorialco
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill streamlines the creation of Storybook story files (.stories.tsx) for F0 React components, ensuring consistency and maintainability in your design system documentation.

Core Features & Use Cases

  • Automated Story Creation: Generates .stories.tsx files, including meta definitions, argTypes, and basic story structures.
  • Consistency Enforcement: Adheres to F0's Storybook best practices for meta definitions, tags, and argTypes.
  • Use Case: When developing a new F0 button component, use this Skill to quickly scaffold its Storybook stories, including defining variants, sizes, and interaction states.

Quick Start

Use the f0-storybook-stories skill to create a new story file for the F0Card component.

Dependency Matrix

Required Modules

None required

Components

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: f0-storybook-stories
Download link: https://github.com/factorialco/f0/archive/main.zip#f0-storybook-stories

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 223,000+ vetted skills library on demand.