Stats
Actions
Tags
From marketplace-manager
Provides information about available UI skills in the ui-skills-marketplace. Use when the user asks "what UI skills are available", "list UI plugins", "what can I install for frontend work", or references "/ui-marketplace".
How this skill is triggered — by the user, by Claude, or both
Slash command
/marketplace-manager:marketplace-infoThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
This skill provides information about available plugins in the `ui-skills-marketplace`.
This skill provides information about available plugins in the ui-skills-marketplace.
Category: Frontend
What it does: ShadcnBlocks integration with intelligent block selection. Recommends the best-fit blocks from 1,338 premium blocks and 1,189 free components using multi-dimensional tagging.
Triggers: "build a frontend", "add shadcn components", "install shadcn blocks", "add a hero section", "build a UI with Tailwind"
Install: /plugin install ui-components@CC_skillz_marketplace
Category: Frontend
What it does: Design system guidance covering typography, color theory, spatial composition, and motion design. Includes a design-reviewer agent for PR reviews.
Triggers: "design a UI", "create a design system", "pick fonts", "choose colors", "review the design"
Install: /plugin install ui-design@CC_skillz_marketplace
Note: Complements (does not replace) the official frontend-design skill.
Category: Testing
What it does: General-purpose Playwright browser automation. Auto-detects dev servers, writes test scripts to /tmp, supports responsive testing.
Triggers: "test the page", "take a screenshot", "check if login works", "test responsive design"
Slash command: /test-ui [url] [--responsive]
Install: /plugin install ui-testing@CC_skillz_marketplace
Category: Testing
What it does: WCAG 2.1 Level AA accessibility auditing with axe-core runtime scanning and eslint-plugin-jsx-a11y static analysis.
Triggers: "run accessibility scan", "a11y audit", "check accessibility", "WCAG compliance"
Slash command: /a11y [runtime|static|full] [url]
Install: /plugin install ui-accessibility@CC_skillz_marketplace
# Add this marketplace
/plugin marketplace add SquizAI/CC_skillz_marketplace
# Install all UI plugins
/plugin install ui-components@CC_skillz_marketplace
/plugin install ui-design@CC_skillz_marketplace
/plugin install ui-testing@CC_skillz_marketplace
/plugin install ui-accessibility@CC_skillz_marketplace
frontend-design skill focuses on creative, bold UI generation. ui-design focuses on systematic design decisions (tokens, scales, consistency). They work together — no trigger overlap.run.js executor. The MCP provides direct browser control. They are complementary — the skill is better for complex multi-step automations, the MCP is better for quick interactive tasks.npx claudepluginhub squizai/cc_skillz_marketplace --plugin marketplace-managerGuides developers to select the right UI design tool (frontend-design, ui-ux-designer, visual-validator, ui-code-auditor) via decision tree for tasks like writing code, visual iteration, or accessibility audits.
Audits, refines, and builds polished UI with real-world design patterns, brand-appropriate palettes, and anti-pattern detection. Use when frontend visual work needs to look less generic or 'AI-made'.
Bootstraps a complete frontend project with 28+ skills covering toolchain, linting, state management, accessibility, routing, API, testing, and workflows. Use when starting a new frontend project from scratch.