dgesteves/design-system-mcp
MCP server and Claude Code plugin that give coding agents ground truth about your React design system, plus a linter they run on their own UI.
ARCHETYPE
Pragmatist
A balanced, no-drama setup: some rules, some tools, nothing extreme.
Copy this rig
# review before running: this installs third-party code
$ claude mcp add design-system -- npx -y '@dgesteves/design-system-mcp@^0.3.0' MCP servers are added to Claude Code at local scope; env vars are shown as YOUR_… placeholders — we never store values. Files are fetched with degit into a separate folder so you can review before merging.
$ claude mcp add design-system -- npx -y '@dgesteves/design-system-mcp@^0.3.0' $ npx degit dgesteves/design-system-mcp/plugins/design-system/skills/design-system .claude/skills/design-system This rig commits no guardrails. Here is the community baseline instead — the deny/ask rules most often found across all 7,204 rigs:
{
"permissions": {
"deny": [
"Read(./.env)",
"Read(**/.env)",
"Read(~/.ssh/**)",
"Bash(rm -rf *)",
"Read(**/*.pem)",
"Bash(rm -rf /)",
"Bash(git push --force:*)",
"Bash(sudo *)",
"Read(.env)",
"Bash(rm -rf /*)",
"Read(./.env.*)",
"Read(~/.aws/**)",
"Bash(git push --force*)",
"Bash(rm -rf:*)",
"Read(**/*.key)",
"Read(**/.env.*)",
"Bash(sudo:*)",
"Bash(git reset --hard*)",
"Bash(git reset --hard:*)",
"Read(.env.*)"
],
"ask": [
"Bash(git push:*)",
"Bash(git push *)",
"Bash(git commit:*)",
"Bash(rm *)",
"Bash(rm:*)",
"Bash(git rebase *)",
"Bash(wget *)",
"Bash(npm publish:*)",
"Bash(git commit *)",
"Bash(gh pr merge *)"
]
}
} MCP servers (1)
| server | source | est. tokens |
|---|---|---|
| @dgesteves/design-system-mcp · "design-system" | npm | 2.5k |
Skills (1)
Similar rigs
Niseel/ai-sdlc-starter
npx ai-sdlc-starter - scaffold an AI-Native SDLC project in one command.
Minimalist 430 tok ·
ieuanign/skills
Ieuan's add-on agent skills for Claude Code — a dev-loop issue-to-PR pipeline over a custom agent roster, plus coding-standards setup. Install via: npx skills@latest add ieuanign/skills
YOLO Cowboy 2.1k tok ·
nextlevelbuilder/ui-ux-pro-max-skill
An AI skill that provides design intelligence for building professional UI/UX across multiple platforms.
Pragmatist 21.5k tok ·
givepro91/nova
Nova — a compounding-agent nervous system for Claude Code. Modular plugin marketplace: rules/learning (claude-md), continuity (handoff), completion-honesty gate (nova-gate), session worklog (worklog).
Skill Collector 5.7k tok ·