claudeArchived

dmc-design

Unified Dash + DMC + Plotly design system with validation MCP server

0 on GitHubby Leo Mirandav12.2.1MITupdated 4 months agovisualization
/

Plugin dmc-design from marketplace mktpl-claude-datasaas in l3ocho/mktpl-claude-datasaas. Commands read from the repo's manifest — 1 month ago.

What it installs

Skills (10)

  • accessibility-rules
  • browser-feedback

    Inspect a running Dash app via the Chrome DevTools MCP server to verify rendered UI against the design contract and locked patterns. Loaded by /design commands and the design-reviewer agent when a live app is being debugged. Use when reviewing a running app's rendered output, diagnosing console/netw

  • chart-types
  • color-scheme-validation

    Auditable rules for CSS color scheme integrity in dual-scheme Mantine applications. Loaded conditionally when both light and dark scheme selectors are detected.

  • dmc-components
  • layout-templates
  • mcp-tools-reference
  • pattern-enforcement

    Read and enforce user-declared design patterns from .claude/design-patterns.json. Loaded by all /design commands and by design-reviewer agent. Makes locked patterns hard constraints during component generation, CSS edits, and layout changes.

  • responsive-design
  • theming-system

Slash commands (13)

  • /dmc-design:chart-create

    [dmc-design] Create a Plotly chart with theme integration

  • /dmc-design:chart-export

    [dmc-design] Export a Plotly chart to PNG, SVG, or PDF format

  • /dmc-design:chart

    [dmc-design] Plotly chart scaffolding — create, export

  • /dmc-design:dash-breakpoints

    [dmc-design] Configure responsive breakpoints for dashboard layouts

  • /dmc-design:dash-dashboard

    [dmc-design] Create a dashboard layout with the layout-builder agent

  • /dmc-design:dash-page

    [dmc-design] Create a new Dash page with standard structure

  • /dmc-design:dash

    [dmc-design] Dash application scaffolding — dashboard, page, breakpoints

  • /dmc-design:design-accessibility

    [dmc-design] Run WCAG accessibility validation on the current theme and color combinations

  • /dmc-design:design-component

    [dmc-design] Validate DMC component usage against the design contract

  • /dmc-design:design-pattern

    [dmc-design] Design pattern enforcement — scan, lock, check, list, unlock

  • /dmc-design:design-setup

    [dmc-design] Interactive setup wizard for dmc-design plugin

  • /dmc-design:design-theme

    [dmc-design] Theme management — apply, create, or export CSS for a dmc-design theme

  • /dmc-design:design

    [dmc-design] DMC Design System commands — setup, theme, pattern, component, accessibility

Subagents (2)

  • design-reviewer

    Audits Python and CSS files against the design contract and locked design patterns. Use when reviewing UI code for design consistency, checking DMC component usage, or verifying CSS patterns.

  • layout-builder

    Practical dashboard layout specialist for creating well-structured layouts with filtering, grid systems, and responsive design.

View source on GitHub gitea.hotserv.cloud

More from l3ocho/mktpl-claude-datasaas

All 5 plugins →

projman

claude

Sprint planning, project/RFC/ADR workflow, and Gitea integration

31 skills · 22 commands · 4 agents

0

data-platform

claude

Data engineering toolkit: pandas, PostgreSQL/PostGIS, dbt (via MCP server)

12 skills · 13 commands · 3 agents

0

doc-guardian

claude

Documentation drift detection and synchronization

7 skills · 7 commands · 1 agent

0

git-guardrails

claude

Pre-commit branch-name and commit-message safety hooks

hooks

0

Similar plugins

example-skills

claude

Collection of example skills demonstrating various capabilities including skill creation, MCP building, visual design, algorithmic art, internal communications, web testing, artifact building, Slack GIFs, and theme styling

19 skills

anthropics/skills 193,780

understand-anything

claude

AI-powered codebase understanding — analyze, visualize, and explain any project

9 skills · 10 agents · hooks

Egonex-AI/Understand-Anything 92,410

ruflo-workflows

claude

Visual workflow automation with templates, orchestration, and lifecycle management

5 skills · 8 commands · 3 agents

ruvnet/ruflo 81,589

diagram-design

claudecodex

Editorial diagrams in your brand, as self-contained HTML and SVG. Architecture, flowcharts, sequence, state machines, ER and database schemas, timelines, swimlanes, org charts, Gantt, Wardley maps, user journeys, service blueprints, UML class, lifecycle phase maps, and charts from bar, line and scatter to Sankey, treemap and heatmap, plus many more. Redraws draw.io, Mermaid, Excalidraw and PlantUML files. Exports SVG and PNG.

1 skill · 7 commands

cathrynlavery/diagram-design 66,757

hyperframes

claudecodex

HyperFrames by HeyGen. Write HTML, render video. Compositions, GSAP and runtime adapter animations, captions, voiceovers, audio-reactive visuals, and website-to-video capture for HyperFrames.

34 skills

anthropics/claude-plugins-official 47,076

gpt-image-2-style-library

claude

Choose GPT-Image2 visual styles, industrial prompt templates, categories, and scene tags.

1 skill

freestylefly/awesome-gpt-image-2 35,755

Maintain dmc-design?

This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.

claude & codex plugins5 plugins