메뉴
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".
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
Run comprehensive accessibility audits on web projects using axe-core (runtime browser scanning) and eslint-plugin-jsx-a11y (static analysis). Use when the user says "run accessibility scan", "a11y audit", "check accessibility", "WCAG compliance", or references "/a11y". Configurable scan modes (runtime, static, full) let you choose the right level of depth.
Design system and aesthetic guidance for building distinctive, production-grade UI. Use when the user asks to "design a UI", "create a design system", "pick fonts", "choose colors", "review the design", "improve the aesthetics", or discusses typography, layout composition, motion design, or visual polish. Complements the official frontend-design skill by focusing on systematic design decisions rather than creative generation.
SOC 직업 분류 기준
| name | marketplace-info |
| description | 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". |
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.