coss-ui-mcp — an MCP server for coss ui docs #818
Zoot01
started this conversation in
Show and tell
Replies: 0 comments
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Uh oh!
There was an error while loading. Please reload this page.
coss-ui-mcp — an MCP server for coss ui docs
I built a small MCP server that exposes coss ui's docs (components, hooks, install commands, props, and design tokens) to coding agents like Claude Code, Cursor, and Copilot as tools, instead of pasting the whole design system into a prompt.
Repo: https://github.com/Zoot01/coss-ui-mcp
What it does:
coss_plan— describe a screen/feature, get back a ranked component shortlist + install commandscoss_search— find a component/hook by name or use casecoss_get_component— full docs for one component: install (CLI + npm deps + CSS tokens), props/API, examplescoss_get_doc/coss_theme— overview guides and the design-token/font system for rebrandingcoss_list_components— cheap catalog listingHow it's built:
node:*built-ins only, also runs on Bun/Deno) — implements the MCP stdio transport directlynpm run syncre-snapshots the live docs fromcoss.com/ui/llms.txtinto a local./datafolder, so it also works offlineapps/ui/, which LICENSING.md carves out as MIT, so this repo is MIT tooGetting started:
Then point your MCP client at
server.mjs(stdio), e.g. for Claude Code, add to.mcp.json:{ "mcpServers": { "coss-ui": { "command": "node", "args": ["/ABS/PATH/coss-ui-mcp/server.mjs"] } } }Cursor, VS Code (Copilot), and Claude Desktop configs are in the README. Restart the client and prompt normally — the agent calls the
coss_*tools as needed.Note: this was mostly built with an AI coding agent (Claude Code) — I'm still actively improving it, so treat it as early/rough. Happy to take feedback/PRs if this is useful to others working with coss ui in agentic coding tools.
All reactions