add-storybook-story

Official

Efficiently integrate Storybook stories into components with best practices.

Authorvintasoftware
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill simplifies the process of adding and updating Storybook stories for a component, ensuring best practices and consistency.

Core Features & Use Cases

  • Colocated Storybook Stories: Automatically generate *.stories.tsx files adjacent to component files, adhering to established conventions.
  • Story Meta Setup: Offers predefined metadata and structure to optimize Storybook configurations.
  • Variants and Viewports: Supports rendering of all component variations in multiple viewports, ensuring responsive design.

Quick Start

Execute the 'add-storybook-story' skill to automatically generate a story for your component following the repository's Storybook guidelines.

Dependency Matrix

Required Modules

None required

Components

scripts

💻 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: add-storybook-story
Download link: https://github.com/vintasoftware/vinta-schedule-frontend-web/archive/main.zip#add-storybook-story

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