Google PageRank for AI agents. 25,000+ tools indexed.

story-ui MCP Server

southleft/story-ui

Score: 54.0 Rank #11842 Agent Framework
[![AgentRank](https://agentrank-ai.com/api/v1/badge/southleft--story-ui)](https://agentrank-ai.com/tool/southleft--story-ui/?utm_source=badge&utm_medium=readme&utm_campaign=agentrank_badge)
Are you the maintainer of southleft/story-ui? Claim this listing →

AI-powered Storybook story generator — works with any framework, any design system, any LLM provider

Add AgentRank to Claude Code Discover and compare tools like southleft/story-ui — your AI finds the right one automatically
Get API Access →
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

TypeScript MIT
aiangularcode-generationcomponent-librarydesign-systemmcpreactstorybooksveltevueweb-components

Score Breakdown

StarsFreshnessIssue HealthContributorsDependents
Stars 15% 234

234 stars → growing community

Freshness 25% 1mo ago

Last commit 1mo ago → moderate activity

Issue Health 25% 6%

1/16 issues closed → many open issues

Contributors 10% 2

2 contributors → solo project

Dependents 25% 0

No dependents → no downstream usage

npm Downloads N/A
PyPI Downloads N/A
Forks 20
Description Good
License MIT

Weights: Freshness 20% · Issue Health 20% · Dependents 22% · Stars 10% · Contributors 8% · How we score →

How to Improve

Description low impact

Expand your description to 150+ characters for better discoverability

Freshness high impact

Last commit was 47 days ago — a recent commit would boost your freshness score

Issue Health high impact

You have 15 open vs 1 closed issues — triaging stale issues improves health

Badge all embed codes →

AgentRank score for southleft/story-ui
[![AgentRank](https://agentrank-ai.com/api/v1/badge/southleft--story-ui)](https://agentrank-ai.com/tool/southleft--story-ui/?utm_source=badge&utm_medium=readme&utm_campaign=agentrank_badge)
<a href="https://agentrank-ai.com/tool/southleft--story-ui/?utm_source=badge&utm_medium=readme&utm_campaign=agentrank_badge"><img src="https://agentrank-ai.com/api/v1/badge/southleft--story-ui" alt="AgentRank"></a>

Embed Widget docs →

Embed a rich score widget on your site or blog.

<script src="https://agentrank-ai.com/embed.js" data-tool="southleft/story-ui"></script>

Matched Queries

topic:mcp

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 invent 
Read full README on GitHub →

Get the weekly AgentRank digest

Top movers, new tools, ecosystem insights — straight to your inbox.