ui-ux

v0.23.0

UI/UX best practices with per-stack skills: shadcn/ui, ReUI, Aceternity UI, Astryx, Material UI, Tailwind, plus a library-agnostic component-libraries skill (headless and styled React libraries, owned-code vs dependency rules, a per-library map) — plus a design-tokens skill (spacing/type/radius/elevation/motion scales + semantic color tiering), a theming-system skill, theme creation with a live colour preview, a /ui-ux:build entry point, a WCAG 2.2 AA accessibility audit (/ui-ux:audit, the a11y-audit skill, and an a11y-engineer worker that applies the fix list with native semantics over ARIA patches), and ui-ux-reviewer + ui-ux-engineer agents.

Claude Code9 Skills

By Ivan-WG1 GitHub starsUpdated last week

Directory evidence

Runtimes: Claude Code
Parsed components: 9 skill or MCP entries
Source updated: Sep 15, 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 ui-ux 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 ui-ux@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/galaykos/cc-marketplace

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

Plugin files

plugins/ui-ux/

├── .claude-plugin/plugin.json
├── skills/aceternity-best-practices/SKILL.md
├── skills/astryx-best-practices/SKILL.md
├── skills/component-libraries/SKILL.md
├── skills/motion-best-practices/SKILL.md
├── skills/mui-best-practices/SKILL.md
├── skills/reui-best-practices/SKILL.md
├── skills/shadcn-best-practices/SKILL.md
├── skills/tailwind-best-practices/SKILL.md
└── skills/theming-system/SKILL.md

Included Skills9

aceternity-best-practicesskills/aceternity-best-practices/SKILL.md

Use when building or reviewing Aceternity UI (ui.aceternity.com) motion-heavy marketing/landing components — placement limits, framer-motion deps, perf budgets, reduced-motion, theming.

astryx-best-practicesskills/astryx-best-practices/SKILL.md

Use when building or reviewing UI with Astryx, Meta's open-source React design system (@astryxdesign/core, @astryxdesign/cli, theme-* packages, StyleX xstyle), or when a project imports from @astryxdesign/* or runs `astryx init|template|theme|component`. BETA 0.x — resolve the installed version from the lockfile and read props from the CLI, never from memory.

component-librariesskills/component-libraries/SKILL.md

Use when building or reviewing UI on any React or Vue component library — headless (Base UI, Radix, Reka UI, React Aria, Ark, Headless UI), styled (Mantine, Chakra, Ant Design, HeroUI, PrimeVue, Vuetify, Element Plus), or one with no sibling skill here. Library-agnostic rules — detect from the manifest, build in the one the project has, tokens through the library's own theme, keep its accessibility contract — plus a per-library map to the sibling skill or docs URL.

motion-best-practicesskills/motion-best-practices/SKILL.md

Use when writing or reviewing UI animation — transitions/@keyframes, @starting-style, scroll-driven animations, View Transitions, Motion (ex-Framer), GSAP, anime.js (animejs), microinteractions, easing, prefers-reduced-motion.

mui-best-practicesskills/mui-best-practices/SKILL.md

Use when building or reviewing UI with Material UI (@mui/material, @mui/icons-material, @mui/x-*). Resolve the installed major from the lockfile first — v7 and v9 removed APIs a v5/v6 memory still recites. Covers imports, createTheme with CSS variables and colorSchemes, sx/styled/slotProps, dark mode via useColorScheme, MUI X versioning, and Base UI as MUI's headless sibling.

reui-best-practicesskills/reui-best-practices/SKILL.md

Use when building or reviewing ReUI (reui.io) components or blocks — shadcn-compatible registry installs, owned-code discipline, theme alignment with shadcn variables.

shadcn-best-practicesskills/shadcn-best-practices/SKILL.md

Use when building or reviewing shadcn/ui components — CLI installs, composition over config, CSS-variable theming, accessibility defaults.

tailwind-best-practicesskills/tailwind-best-practices/SKILL.md

Use when writing or reviewing Tailwind CSS — utility ordering, components vs @apply, responsive/dark variants, config tokens.

theming-systemskills/theming-system/SKILL.md

Use when a concept must become a coherent token SYSTEM — surface/ink/accent tiers, the three-role accent split, a reserved status palette, a theme-derived chart palette, light/dark duality — as ROLES and derivation rules for /ui-ux:theme. Never ships a colour, hex, or token value.

Plugin manifests1

plugins/ui-ux/.claude-plugin/plugin.json

{
  "name": "ui-ux",
  "version": "0.23.0",
  "description": "UI/UX best practices with per-stack skills: shadcn/ui, ReUI, Aceternity UI, Astryx, Material UI, Tailwind, plus a library-agnostic component-libraries skill (headless and styled React libraries, owned-code vs dependency rules, a per-library map) — plus a design-tokens skill (spacing/type/radius/elevation/motion scales + semantic color tiering), a theming-system skill, theme creation with a live colour preview, a /ui-ux:build entry point, a WCAG 2.2 AA accessibility audit (/ui-ux:audit, the a11y-audit skill, and an a11y-engineer worker that applies the fix list with native semantics over ARIA patches), and ui-ux-reviewer + ui-ux-engineer agents.",
  "author": {
    "name": "Ivan-WG",
    "email": "[email protected]"
  },
  "keywords": [
    "ui-ux",
    "frontend",
    "review",
    "worker"
  ]
}

Browse the “ui-ux” tag →

pwdev-uiux

by Paulo Soares

Stack-agnostic UI/UX engineering framework for Claude Code — 6 real subagents + inline orchestrator/theme personas, 5-phase workflow with human gates, Figma integration, WCAG 2.1 AA, deterministic SQLite audit via hooks. Supports shadcn-vue, shadcn/ui, PrimeVue, Untitled UI, Tailwind Plus, and custom stacks.

Claude Code10 Skills

2Updated last week

craft-layer

by Ivan-WG

Create unique, animated, informative web apps (CRM, SaaS, landing pages) across React, Tailwind, Vue, Next, Nuxt, and Laravel. /craft-layer:craft runs the studio pipeline end to end — creative direction, design research, asset sourcing with a licence gate, theming and component build via ui-ux, and a tiered motion system (Framer, anime.js, Three.js/R3F, Lottie/Rive, sprites) with reduced-motion and reduced-bundle fallbacks. /craft-layer:sections guides per-section decisions, /craft-layer:audit reviews a shipped tree, and ultra-craft escalates a run with live web research and a red-team of the result. Ships the Three.js/R3F skill (WebGPU-first, TSL, asset pipelines, disposal) behind /craft-layer:craft; Three.js review arrives through /code-review:review. Requires ui-ux, which carries the WCAG audit.

Claude Code13 Skills

1Updated last week

craft-suite

by Ivan-WG

Meta-bundle: the creative-build studio in one install — concept-first creative direction with a tiered motion catalog and WebGL/Three.js effects (craft-layer), plus ui-ux: per-library stack skills (shadcn, ReUI, Aceternity, Astryx, MUI, Tailwind), the WCAG audit, CSS-variable theming with a live colour preview, and the accessibility engineer that applies an audit's fix list. Live component-registry lookups route to the registries' own MCP servers — shadcn's and ReUI's — named in ui-ux's stack skills; this marketplace ships none. Uninstall with /craft-suite:uninstall.

Claude Code

1Updated last week

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.

[ui-ux on Agent Plugins Marketplace](https://pluginsmp.com/plugins/ui-ux)