Skills
.Work. You
Rest

K2BG Storybook Documentation Generator

Official

Streamline Storybook & i18n documentation.

Software Engineering#typescript#documentation#react#component library#i18n#storybook
Authork2bg-technology
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill automates the creation and updating of Storybook documentation and associated i18n translation files for UI components, ensuring consistency and saving significant developer time.

Core Features & Use Cases

  • Automated Story Generation: Creates Storybook CSF3 stories based on component structure and props.
  • i18n Translation Management: Generates and updates English and Japanese translation files for component documentation.
  • Use Case: When a new Button component is added to the packages/ui library, this Skill can generate its initial Storybook story file and the corresponding description, overview, usage, accessibility, doList, dontList, relatedComponents, dependencies, and references entries in both English and Japanese translation files.

Quick Start

Use the K2BG Storybook Documentation Generator skill to create documentation for the new Avatar component located at packages/ui/src/components/Avatar/.

Dependency Matrix

Required Modules

None required

Components

scriptsreferences

💻 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: K2BG Storybook Documentation Generator
Download link: https://github.com/k2bg-technology/k2bg-branding/archive/main.zip#k2bg-storybook-documentation-generator

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.