story-ui MCP Server
southleft/story-ui
[](https://agentrank-ai.com/tool/southleft--story-ui/?utm_source=badge&utm_medium=readme&utm_campaign=agentrank_badge) AI-powered Storybook story generator — works with any framework, any design system, any LLM provider
claude mcp add agentrank -- npx -y agentrank-mcp-server Overview
southleft/story-ui is a TypeScript tool licensed under MIT. AI-powered Storybook story generator — works with any framework, any design system, any LLM provider Topics: ai, angular, code-generation, component-library, design-system, mcp, react, storybook, svelte, vue, web-components.
Ranked #11842 out of 24846 indexed tools.
Ecosystem
Score Breakdown
234 stars → growing community
Last commit 1mo ago → moderate activity
1/16 issues closed → many open issues
2 contributors → solo project
No dependents → no downstream usage
Weights: Freshness 20% · Issue Health 20% · Dependents 22% · Stars 10% · Contributors 8% · How we score →
How to Improve
Matched Queries
From the README
# Story UI **Design screens in your own design system, by describing them.** Story UI adds a workspace to the Storybook you already have. You type what you want — "a settings page with a sidebar and a sticky save bar" — and it writes a real Storybook story using the components your team actually ships. The result appears in Storybook's own preview, with your providers, your theme and your tokens. It is not a mockup and not a sandbox. It is a file in your repository that a developer can open, review and keep. --- ## Why it exists Design systems are full of components that nobody has time to assemble into real screens. So exploration happens in a design tool, in a vocabulary the code does not share, and every idea has to be rebuilt before anyone can judge it. Story UI closes that gap from the other side. - **It only uses what you have.** Components are discovered from your project: the package's type declarations, your local source, and Storybook's own index. It cannot inventRead full README on GitHub →
Get the weekly AgentRank digest
Top movers, new tools, ecosystem insights — straight to your inbox.