storykit-mcp
The StoryKit MCP server lets AI assistants search and embed free, ready-made design blocks (charts, widgets, illustrations, themes) — no API key or signup required.
Search the library (
search_assets): Find design blocks by text query and/or kind (CHART_VARIANT, ANIMATION, TEXT_STYLE, THEME, COMPONENT, SVG, INTERACTIVE), with sorting (newest,used,name) and pagination support.Get full asset details (
get_asset): Retrieve complete metadata for a specific asset by ID, including its data schema, embed snippet, and links.Get embed snippets (
get_embed_snippet): Generate a ready-to-paste HTML snippet (one-line<div>+ script) pre-filled with example data; customize viadata-sk-*attributes.List themes & theme families (
list_themes,list_theme_families): Browse published color palettes and editorial theme families for consistent styling.List chart families (
list_chart_families): Explore 65+ Datawrapper-aligned chart types with usage guidance and sample data.Build bundle download URLs (
bundle_url): Generate a.ziparchive of one or more assets as standalone HTML pages (plus a composed page), optionally themed.
Click on "Install Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@storykit-mcpSearch for a gauge chart and give me the embed snippet."
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
storykit-mcp
Give an AI structured data and get back a relevant, hosted StoryKit widget. The agent searches by intent, maps rows to the selected schema, and receives an opaque expiring resource link. Widget HTML, CSS, JavaScript, descriptors, and embed snippets are not exposed through the MCP tools.
No API key or signup is required. The public service is rate-limited per caller IP.
Connect
Remote Streamable HTTP:
claude mcp add --transport http storykit https://asset.storykit.space/api/v1/mcpLocal stdio client:
claude mcp add storykit -- npx -y storykit-mcpOther MCP clients can use the same remote URL or run npx -y storykit-mcp. The setup guide is at
asset.storykit.space/mcp.
Related MCP server: metricui
Workflow
Ask the agent for the outcome, not a component implementation:
Visualize these CPU readings with a StoryKit widget: user 31, system 12, idle 57.
The agent then:
calls
find_widgetswith the display intent and available field names,selects a result whose
dataSchemafits the real rows,calls
render_widget, andpresents the returned hosted resource link.
For health, location, account, device, or other personal data, the agent must obtain user consent
before sending rows. Bound payloads are limited, encrypted at rest, deleted after their configured
lifetime, and never echoed by render_widget. The opaque URL is the access grant, so treat it as a
secret.
Tools
Tool | Purpose |
| Search data-capable charts/components/interactives and return accepted schemas only |
| Validate and encrypt rows, then create an immutable hosted resource for 1-365 days |
| List optional palette data for the hosted render |
The old asset-fetch, source, snippet, and bundle tools are intentionally not part of this server.
Limits and privacy
Maximum 200 rows and 64 KB per render.
Default lifetime is 30 days; maximum is 365 days.
Renders are immutable. Create a new resource when the underlying data changes.
Do not send credentials, access tokens, direct identifiers, or data the user has not authorized.
STORYKIT_API_BASEcan point the stdio package at another StoryKit deployment.
MIT. Created with love by Story Kit.
Maintenance
Resources
Unclaimed servers have limited discoverability.
Looking for Admin?
If you are the server author, to access and configure the admin panel.
Latest Blog Posts
- Your AI Chatbot Just Exposed Your CEO's Salary to an InternBy Om-Shree-0709 on .Agent IdentityMCP SecurityOAuth Delegation
- Why MCP Servers Need Execution Sandboxing (And Why Your Current Stack Isn't Enough)By Om-Shree-0709 on .Agentic AiPrompt InjectionWebAssembly
MCP directory API
We provide all the information about MCP servers via our MCP API.
curl -X GET 'https://glama.ai/api/mcp/v1/servers/aryan0078/storykit-mcp'
If you have feedback or need assistance with the MCP directory API, please join our Discord server