Agent Plugins Marketplace
← All plugins

uiux-design-system

v4.1.0

Comprehensive design system architecture guide: component hierarchy (atoms/molecules/organisms/patterns/screens), 3-tier token system with mapped categories (text/icon/surface/border), W3C DTCG format, multi-brand theming, typography & type scale, 4px number scale, design-to-code pipeline, naming conventions, UX decision patterns, layout decisions, content voice, responsive rules, accessibility standards (WCAG 2.2 + EAA), and visual reference structuring. Adds a /uiux-design-system skill.

Claude Code1 Skill

0 GitHub starsUpdated last week

Directory evidence

Runtimes
Claude Code
Parsed components
1 skill or MCP entry
Source updated
Oct 10, 2026
Manifest status
Canonical path parsed

The directory validates manifest shape and source location. It does not execute the plugin or provide a security endorsement. Review the indexing methodology →

Install uiux-design-system for Claude Code

Installs for the current user
claude plugin marketplace add IchenDEV/agent-plugin-mkt
claude plugin marketplace update agent-plugin-marketplace
claude plugin install uiux-design-system@agent-plugin-marketplace

Paste and run these commands in a terminal with Claude Code. They add and refresh the PluginsMP catalog, then install this plugin.

The installer fetches third-party code from the source repository shown on this page. This directory validates manifest structure and source location, but does not perform a security audit; review the manifest, components, and source before installing.

Get the source manually
git clone https://github.com/dollro/held-plugins

Clone the source repository, then follow its setup instructions to add the plugin to a compatible client. The plugin root is plugins/uiux-design-system/.

Plugin files

plugins/uiux-design-system/
├── .claude-plugin/plugin.json
└── skills/uiux-design-system/SKILL.md

Included Skills1

uiux-design-systemskills/uiux-design-system/SKILL.md

Tool-agnostic design system architecture: component tiers and naming (atoms to screens), 3-tier tokens (primitive, semantic, mapped text/icon/surface/border) as W3C DTCG, type scale and 4px grid, dark mode and multi-brand theming, UX and content patterns, WCAG 2.2 tokens, code pipeline. Use when architecting, naming, auditing or extending a design system, tokens or component inventory. Not for Tailwind v4 code (uiux-design-tailwindv4) or drawing in Penpot/Figma (uiux-design-penpot/figma).

Plugin manifests1

plugins/uiux-design-system/.claude-plugin/plugin.json
{
  "name": "uiux-design-system",
  "description": "Comprehensive design system architecture guide: component hierarchy (atoms/molecules/organisms/patterns/screens), 3-tier token system with mapped categories (text/icon/surface/border), W3C DTCG format, multi-brand theming, typography & type scale, 4px number scale, design-to-code pipeline, naming conventions, UX decision patterns, layout decisions, content voice, responsive rules, accessibility standards (WCAG 2.2 + EAA), and visual reference structuring. Adds a /uiux-design-system skill.",
  "version": "4.1.0"
}

For maintainers

If you maintain this plugin, link to this source-backed listing from your README so users can review its manifest and indexed components.

[uiux-design-system on Agent Plugins Marketplace](https://pluginsmp.com/plugins/uiux-design-system)