Ankish8 Storybook Npm
ankish8-storybook-npm is a Claude Code plugin bundle for the Build phase that automates Storybook-centric React component creation, Figma alignment, and npm publishing for myOperator UI.
by Ankish8 · github.com/Ankish8/storybook-npm
Register three Storybook- and Figma-oriented Claude plugins to create, test, and publish myOperator-style React UI packages.
Add it to Claude Code
Install the plugin in Claude Code. One command, paste-ready.
/plugin install ankish8-storybook-npm@Ankish8/storybook-npmBuilt to be called by your agent
Skillselion is itself an MCP server. Your agent can pull this entry and a paste-ready install config straight from the API - no copy-paste.
Retrieve this entry with skillselion.get_details("plugin:Ankish8/storybook-npm") and the paste-ready config with skillselion.get_install_config("plugin:Ankish8/storybook-npm").
What it does
ankish8-storybook-npm is a Claude Code plugin collection built for myOperator UI teams who treat Storybook and npm packages as the source of truth for React components. The repository lists three plugins oriented around automated creation, design consistency, and publish-ready bundles, with keywords pointing to Figma integration, Tailwind styling, visual testing, and validation. Solo builders maintaining a component library can borrow the same pattern: agents help translate design language into documented stories, enforce visual checks, and package widgets for reuse across apps. It is narrower than a generic UI generator because it encodes myOperator-specific publishing and workflow steps. Expect frontend and design-system depth, not backend or DevOps coverage. Use during active UI system work and before shipping updated packages to consumers.
Highlights
- Three-plugin local marketplace tailored to myOperator UI and Storybook npm workflows.
- Figma-integrated, intelligent component creation with aesthetic and language matching.
- React and React-Tailwind standalone package generation and publishing pipeline.
- Visual testing and validation hooks in the component workflow.
- Consistent design-system output instead of one-off page copies.
Why builders use it
Teams shipping a shared UI kit lose velocity when Figma specs, Storybook stories, and npm packages drift out of sync.
After installing the three plugins, Claude Code can drive consistent component creation, visual validation, and package publish steps in one workflow.
At a glance
- Type - Plugin in Frontend & UI.
- Adoption - 0 installs, 1 stars, 0 votes.
FAQ
Who is ankish8-storybook-npm for?
Developers building myOperator-style UIs who use Storybook, React, Tailwind, and npm component packages with Claude Code.
When should I use ankish8-storybook-npm?
When you are creating, visually testing, or publishing UI components and want agent-guided Figma-to-Storybook consistency.
How do I add ankish8-storybook-npm to my agent?
Add the Ankish8/storybook-npm repo as a Claude Code plugin source and enable all three UI workflow plugins in your project.
Comments
Share how you use ankish8-storybook-npm, gotchas, or tips for other indie builders.
No comments yet - be the first to share how you use it.