A
licenseNot graded
qualityD
maintenanceProvides resources, tools, and prompts for a Design System via MCP protocol, enabling component search, reading, and related component discovery.
221 npm
MIT
driftless
by chrislee121
Click on "Deploy 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., "@driftlesslist available design styles"
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.
Driftless registry
Public styles for design.allworkin.ai. The site keeps its app private. This repo is the install surface: a CLI, an MCP server, and the place community styles are submitted.
driftless on npm is an unrelated timer library. Install styles with driftless-styles.
CLI
npx driftless-styles list
npx driftless-styles search glass
npx driftless-styles add paper
npx driftless-styles add paper --skilladd writes DESIGN.md in the current directory. --skill also writes .cursor/skills/<slug>/SKILL.md and .claude/skills/<slug>/SKILL.md.
The files come from https://design.allworkin.ai/r/<slug>.json. Override the base with DRIFTLESS_REGISTRY (an https:// origin or a local directory).
Related MCP server: ds-canon
MCP
{
"mcpServers": {
"driftless": {
"command": "npx",
"args": ["-y", "driftless-mcp"]
}
}
}Tools: list_styles, search_styles, get_design_md, get_tokens.
Community styles
Open a style issue. After review, the style is added to the site library and this registry. Do not include secrets.
Publish
npm publish
npm publish ./packages/mcpThe npm account is not stored in this repo. Publish only after npm whoami succeeds.
This server cannot be deployed
Maintenance
ActivityMaintained
ResponsivenessNo issues
Related MCP Connectors
Read-only MCP over the Mzizi design system registry — nodes, components, ownership.
Access and maintain design system docs, tokens, components, skills, and contexts across any project.
Provides style context & tokens to design or restyle web UIs in any framework
A design-style library for AI agents: search real styles, fetch a ready-to-apply design spec.
Related MCP Servers
- AlicenseAqualityAmaintenanceRead-only MCP server that exposes a design system's tokens, components, conventions, and deprecations as queryable tools, enabling agents to look up canonical values, assess change impact, and detect hardcoded value drift.82 npmMIT
- AlicenseAqualityBmaintenanceEnables AI coding agents to search public design-system catalogs and retrieve only the relevant tokens or sections for a chosen brand, so generated UI matches a specified visual style instead of generic AI output.816 npm1BSD 3-Clause
- AlicenseNot gradedqualityBmaintenanceProvides a real API for coding agents to look up design system components, props, and tokens, preventing guessed answers.7MIT