Seedflip
Pull curated design-system guidance into agent sessions so UI work follows consistent tokens, components, and taste instead of generic layouts.
Overview
Seedflip is an MCP server for the Build phase that exposes 100+ curated design systems so AI coding agents apply consistent UI taste and patterns.
What is this MCP server?
- 100+ curated design systems aimed at AI coding agents
- stdio MCP via npm package `seedflip-mcp` (v0.1.2)
- Design taste and system constraints instead of one-off CSS guesses
- GitHub source: bockenstette1/seedflip
- MCP schema 2025-12-11 with npm registryType
- 100+ curated design systems (per server description)
- npm identifier: seedflip-mcp
- Version 0.1.2
What problem does it solve?
Agent-written frontends look interchangeable because there is no structured design-system context in the coding session.
Who is it for?
Solo SaaS builders using agents for frontend work who want a pick-list of design systems instead of improvising every screen.
Skip if: Backend-only projects, teams with a single mandated in-repo design system and no agent UI generation, or pure mobile-native stacks without web UI.
What do I get? / Deliverables
After installing seedflip-mcp, your agent can reference curated design systems so new UI code aligns with chosen tokens and component patterns.
- stdio MCP access to 100+ curated design systems
- Agent sessions anchored to chosen UI patterns and taste constraints
Recommended MCP Servers
Journey fit
Seedflip belongs in Build because it shapes how interfaces are implemented once you are coding screens and components. Frontend subphase matches design-system selection and visual consistency for product UI, not backend APIs or deploy pipelines.
How it compares
Design-system catalog MCP for agents, not a Figma API or component codegen framework by itself.
Common Questions / FAQ
Who is Seedflip for?
Indie developers and agent-first builders shipping web UI who want curated design systems available inside MCP-enabled coding sessions.
When should I use Seedflip?
Use it during Build frontend work when starting a new surface, refactoring UI, or whenever the agent needs an explicit design system to follow.
How do I add Seedflip to my agent?
Install npm package `seedflip-mcp`, configure an MCP stdio server entry that launches it, then select or reference systems in prompts per upstream README.