generate-component-story

Official

Create compelling component stories for demos.

Authorlongbridge
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Component stories help designers and developers visualize how UI components behave across states and usages, enabling rapid communication and alignment.

Core Features & Use Cases

  • Provides runnable story templates based on existing storytelling patterns.
  • Covers multiple variants, states, and edge cases to showcase robust usage.
  • Useful for design reviews, tutorials, documentation, and onboarding of new engineers.

Quick Start

Create a story showing the Button component's primary and secondary variants in a simple dashboard layout.

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: generate-component-story
Download link: https://github.com/longbridge/gpui-component/archive/main.zip#generate-component-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 223,000+ vetted skills library on demand.