driftless
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
Related MCP Connectors
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.
Search Tailwind CSS and React themes, read their tokens and source files, and get download URLs.
Related MCP Servers
- AlicenseNot gradedqualityDmaintenanceProvides resources, tools, and prompts for a Design System via MCP protocol, enabling component search, reading, and related component discovery.360 npmMIT
- 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.87 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.819 npm1BSD 3-Clause
- AlicenseNot gradedqualityBmaintenanceProvides a real API for coding agents to look up design system components, props, and tokens, preventing guessed answers.7MIT