longbridge avatar

Generate Component Documentation

This automates the tedious work of writing component docs for GPUI projects by following the patterns already established in your docs folder. It looks at your component stories in crates/story/src/stories and generates markdown documentation that matches the style of existing files like button.md and accordion.md. You get proper API references with docs.rs links, usage examples, and consistent structure without manually templating everything. It's from the Longbridge team behind the GPUI component library with 11.6K stars, so it's built by people who actually maintain a large component system. Saves you from context switching between writing code and writing about code.

skills.sh installs
172
GitHub stars
12.5K
last updated
Aug 21, 2026

Install

$ npx -y skills add longbridge/gpui-component --skill generate-component-documentation --agent claude-code

Installs into .claude/skills of the current project.

Files

This automates the tedious work of writing component docs for GPUI projects by following the patterns already established in your docs folder. It looks at your component stories in crates/story/src/stories and generates markdown documentation that matches the style of existing files like button.md and accordion.md. You get proper API references with docs.rs links, usage examples, and consistent structure without manually templating everything. It's from the Longbridge team behind the GPUI component library with 11.6K stars, so it's built by people who actually maintain a large component system. Saves you from context switching between writing code and writing about code.

Browse the repository on GitHub

Sponsors

Details

Repository
github.com/longbridge/gpui-component
Categories
Frontend Development, Documentation, Finance & Trading
First seen
Jun 3, 2026

More from longbridge/gpui-component

All 16
1oguzhan18 avatarangular-control-flowoguzhan18/angular-ecosystem-skillsALWAYS use when working with Angular Control Flow syntax, @if, @for, @switch, @defer, or new template syntax in Angular applications.170skills.sh installs
2oguzhan18 avatarangular-zonelessoguzhan18/angular-ecosystem-skillsALWAYS use when working with Angular Zoneless, zoneless change detection, provideZonelessChangeDetection, or removing zone.js in Angular applications.170skills.sh installs
3charleswiltgen avataraxiom-ui-recordingcharleswiltgen/axiomUse when setting up UI test recording in Xcode 26, enhancing recorded tests for stability, or configuring test plans for multi-configuration replay. Based on WW169skills.sh installs
4oguzhan18 avatarangular-signals-httpoguzhan18/angular-ecosystem-skillsALWAYS use when working with Angular Signals and HttpClient, toSignal, toObservable, or HTTP with signals.169skills.sh installs
5oguzhan18 avatarangular-injectoroguzhan18/angular-ecosystem-skillsALWAYS use when working with Angular Injector, inject() function, Provider, or dependency resolution in Angular.165skills.sh installs
6thebushidocollective avatarstorybook-component-documentationthebushidocollective/hanUse when creating or improving component documentation in Storybook. Helps generate comprehensive docs using MDX, autodocs, and JSDoc comments.165skills.sh installs