Adds Storybook component and story documentation tools to an MCP server you run yourself.
Thedesignagent MCP
thedesignagent · MCP server
TheDesignAgent MCP is a server and command line that adds UX and visual judgement to UI built by coding agents. Before your agent builds a screen it gets a brief covering the user job, heuristics, patterns and your design tokens. Afterwards it gets 0 to 10 scores with findings and fixes for heuristics, cognitive load, pattern conformance, job fit, brand compliance and visual hierarchy. It runs hosted or locally, and you sign in to a TheDesignAgent account or use an API key.
Written by ooruby from the README of @thedesignagent/mcp 0.5.3.
Not claimed by its maker.
Why it's useful
Your coding agent gets design guidance before it builds a screen and a scored review afterwards, tied to the job the screen serves and to your design system.
What you could do with it
- Get a build brief for a screen such as a forecast approval queue before your agent writes any code.
- Run a visual review of a page running on your machine and get scores for brand compliance, hierarchy and aesthetics.
- Add the check command to CI so the job fails when a page scores below the threshold you set.
Written from its documentation: what it says it can do, not what our checks found.
Maintenance
Not measuredNo release date is on record for this package yet. The nightly publisher check records one as it reaches each npm package, about once every ten nights.
Release activity only: it says nothing about quality or safety, and a finished small package can be fine without releases. How it is measured
What this does not cover
- Everything. Treat it as you would software from anywhere else.
Receipt history: every signed receipt for every version of this listing, and what changed between them.
In its maker's words
MCP server and CLI for TheDesignAgent — UX and visual judgment layer for agent-generated UI
Compare with
Compare all 4How far this has been checked
Static scanned
- What it establishes
- Its published package, or for a hosted server its source repository at a recorded commit, was read file by file, without running it, by every check in our current scan.
- What it does not
- How it behaves when it runs, or anything the scan does not read yet: several rubric checks, the repository's history, and compiled code in folders named dist or build. For a hosted server, that the endpoint runs the code that was read. The ooruby Index sets out exactly what was read.
- Exactly what was read
- Version 0.5.3, the file with digest sha512-hds619lQinC5pu6Mp+zn+9WMfYvO0hDcY8vTP+Zo3qZ+hSmCnJdMzplo8KcKv10TIcrPaRpIHyhLdFDFGPUIKQ==, as the registry publishes it. A published version cannot be replaced, so this names the same bytes for anyone who checks.
- Authentication
- Auth declared. Its hosted endpoint, as the official MCP registry lists it, asks for a key or a token before it will talk.
Adding it
Paste this into your client's MCP configuration.
{
"mcpServers": {
"thedesignagent": {
"command": "npx",
"args": [
"-y",
"-p",
"@thedesignagent/mcp@0.5.3",
"thedesignagent"
]
}
}
}Or run it directly.
npx -y -p @thedesignagent/mcp@0.5.3 thedesignagentPinned to 0.5.3, which is the version the findings above were found in. Drop the version to take whatever is newest, and the report on this page stops describing what you installed.
Where this came from
- Registry
- npm
- Package
- @thedesignagent/mcp
- Version read
- 0.5.3
- Resolved
- 2026-10-10
No build provenance published. The repository above is the one the publisher declared, and nothing links it to the package you would install. That is not a mark against this listing, since most packages are published this way, but it is a check nobody can run.
The badge, if this is your listing
It renders the current rung (static scanned) and links back here, where what that does and does not establish is one click away. It updates itself as the evidence deepens.
[](https://ooruby.com/market/thedesignagent-mcp)About this listing
- Kind
- MCP server
- Category
- Developer tools
- Pricing
- Free
- Sandbox
- No
- Hosted
- No
- Updated
- 2026-10-06
Similar MCP servers
All MCP serversLets your agent control and inspect a live Chrome browser using Chrome DevTools.
Pulls version-specific library docs and code examples straight into your agent's context.
Verification records what our published tests found on a specific version at a specific date. It is not a warranty, and it does not certify that software is free of defects.