Dmc Design
- Updated June 17, 2026
- l3ocho/mktpl-claude-datasaas
dmc-design is a unified design system for Dash, Dash Mantine Components and Plotly, paired with a validation MCP server. Data-app developers use it to construct consistent, validated dashboard interfaces and data visualizations.
Key points
- Unified Dash + DMC + Plotly design system
- Validation MCP server
- Consistent dashboard UI
Dmc Design by the numbers
- Data as of Jul 7, 2026 (Skillselion catalog sync)
/plugin marketplace add l3ocho/mktpl-claude-datasaas/plugin install dmc-design@mktpl-claude-datasaasAdd your badge
Show developers this skill is listed on Skillselion. Paste this into your README.
| Last updated | June 17, 2026 |
|---|---|
| Repository | l3ocho/mktpl-claude-datasaas ↗ |
What it does
Provides a unified Dash + Dash Mantine Components + Plotly design system with a validation MCP server for building data apps and dashboards.
README.md
dmc-design v12.2.1
Dash Mantine Components (DMC) design system plugin for Claude Code.
Scope
DMC validation, theme management, CSS pattern enforcement, design contract, and user-declared pattern persistence.
Commands
| Command | Description |
|---|---|
/design setup |
Initialize design contract + environment |
/design theme apply|create|export-css |
Theme management |
/design pattern scan|lock|check|list|unlock |
Pattern enforcement |
/design component <n> |
Validate DMC component usage |
/design accessibility |
WCAG contrast audit |
Agents
| Agent | Description |
|---|---|
design-reviewer |
Audits Python + CSS against design contract and locked patterns |
MCP Tools (~12)
list_components, get_component_props, validate_component, theme_validate,
theme_export_css, accessibility_validate_colors, accessibility_validate_theme,
contract_load, contract_validate, contract_resolve_component,
contract_lock_component, contract_get_surface
Skills
theming-system.md, dmc-components.md, accessibility-rules.md,
color-scheme-validation.md, mcp-tools-reference.md, pattern-enforcement.md,
browser-feedback.md
Design Patterns File
.claude/design-patterns.json — persists user-declared design rules across sessions.
Schema: mcp-servers/dmc-design/schemas/design-patterns.schema.json.
Browser Feedback Loop (optional)
design-reviewer and /design commands can verify a running Dash app via the external
Chrome DevTools MCP server — reading console/network/DOM and checking the live render against
.claude/design-patterns.json and .claude/design-contract.json. See skills/browser-feedback/.
This server is NOT bundled with the marketplace. Register it once at user scope:
claude mcp add chrome-devtools --scope user -- npx -y chrome-devtools-mcp@latest
Requires Node.js LTS and Chrome stable. If it is not registered or no app is running, the plugin falls back to static validation.
Migration from viz-platform
Migrated from viz-platform v10.0.0. See docs/MIGRATION-v11.md.
Related skills
Microsoft FoundryDeploy, evaluate, and continuously improve Microsoft Foundry agents from a single agent interface.490k1.3k
Ai Research ReproductionOrchestrate trustworthy, auditable reproduction of deep learning repositories directly from their READMEs.176k511Run TrainSafely execute selected deep learning training commands with standardized evidence capture.176k511Explore RunSafely run isolated exploratory experiments with clear recording and conservative selection before committing changes.176k511Paper Context ResolverFetch precise reproduction-critical details like dataset splits, preprocessing steps, or evaluation protocols from the original academic paper when the repo README leav141k511Repo Intake And PlanScan unfamiliar AI research repositories and receive a minimal, trustworthy reproduction target before investing significant time.140k511