233 tagged design system, measured the same way as everything else here.
Browse within: codex-cli 54copilot-cli 52design-tokens 47angular 24nextjs 24css 23accessibility 22design-md 20google-stitch 20korea 18design 15seo 14web-design 14base-ui 13
Agent Claude Code
Use this agent when the user requests examples for a component, asks to add stories to a component, needs documentation examples updated, or mentions creating/updating component demonstrations. Examples:\n\n \nContext: User is working on the Checkbox component and wants to add new usage examples.\nuser: "Can you…
Agent Claude Code
Use this agent when you need to discover and suggest new examples for Ark UI components. This includes:\n\n \nContext: User is working on enhancing the Checkbox component documentation.\nuser: "I've just finished updating the Checkbox component API. Can you help me find what examples we should add?"\nassistant: "I'll…
Agent Claude Code
A read-only documentation checker for AGENTS.md, README.md, and TECH.md files. It looks for duplicated, missing, misplaced, or badly layered information.
Agent Claude Code
A read-only guide for mapping a component's files, packages, and dependencies in a monorepo—a repository containing multiple related packages. It covers definitions, generated files, styles, logic, UI, and documentation.
Agent Claude Code
A read-only agent that checks workflows in the SEED Design monorepo, a repository containing several connected packages. It protects generated files and checks whether required builds or synchronization steps are missing.
Agent Claude Code
An agent that decides which visual assets a page or component needs and how to provide them. Assets can include icons, illustrations, charts, photos, logos, video, or 3D renders.
Agent Claude Code
A guided design coordinator that examines a repository, asks only needed questions and leads a design process from user journeys through wireframes, components, copy and checks. It uses checkpoints to control each stage.
Agent Claude Code
A senior user-experience and interaction reviewer that audits existing interface sections and proposes code-level improvements. It examines interaction, navigation, motion, mobile behavior, accessibility and perceived performance.
Agent
Use this agent to run a structured 3-pass UX critique — heuristics, accessibility, and content quality. Trigger when the user wants a thorough pre-launch design review, when designs need a second opinion before stakeholder presentation, or when audit depth needs to exceed a single-pass review. Context: User wants a…
Agent
Use this agent to perform an automated UX heuristic review of Figma screens. Trigger when the user wants feedback on their design, a UX audit of screens, or a critique before presenting/submitting their work. Context: User wants feedback on their Figma wireframes user: "Can you review my wireframes and tell me what's…
Agent
Use this agent to lint a Figma file for common design issues — inconsistent spacing, orphan colors, non-standard type sizes, missing auto-layout, detached styles, and accessibility violations. Returns a prioritized list of issues with auto-fix suggestions. Context: User is building a design in Figma and wants a…
Agent
// Optional with default value readonly name = input ('').
Agent
Core principle: Signals exist to feed Angular's reactive graph. If a value has no reactive consumer, making it a signal adds tracking overhead for no benefit.
Agent
The webc-generator is an NX executor that automatically converts UI5 Web Components into Angular-native wrapper components. It eliminates manual maintenance of 100+ component wrappers by reading a Custom Elements Manifest (CEM) and generating the full library from it.
Agent Claude Code
Implements a new Angular headless primitive following all Radix NG conventions. Use when asked to create a new primitive from scratch or add missing parts to an existing one.
Agent Claude Code
Reviews an Angular headless primitive against WAI-ARIA spec, Base UI parity, Angular signals best practices, and Radix NG project conventions. Returns a prioritized list of issues.
Agent
Design system architect: token hierarchies, theming strategies, component library design, Figma-to-code pipelines, and design governance.
Ocean-Industries-Concept-Lab/openbridge-webcomponents
Agent
Accessibility (WCAG 2.1 AA + 2.2 § 2.5.8 target size) — keyboard nav, ARIA, focus.
Ocean-Industries-Concept-Lab/openbridge-webcomponents
Agent
Automation devices, valves, lines, tanks, badges.
Ocean-Industries-Concept-Lab/openbridge-webcomponents
Agent
External scale renderer and bar/gauge wrappers.
freema/mcp-design-system-extractor
Agent
Agent for building UIs using Storybook design system components. Extracts components and assembles them into complete interfaces.
Agent
Drafts production microcopy with the project's voice. Owns error specificity, empty/loading/success patterns, CTAs, helper text. Dispatched by /ux-copy --fix, /ux-design, /ux-frame, /ux-component.
Agent
Builds complete design systems — tokens (color, type, space, motion, radius, shadow), foundation docs, component contracts, dark-mode pairings, theming layer. Dispatched by /ux-system and /ux-component when no system exists.
Agent
Generates production-grade frontend code (React, Next.js, Vue, Blade+Alpine, vanilla HTML, Astro) with anti-AI-slop discipline. Dispatched by /ux-design, /ux-component, /ux-dashboard, /ux-fix. Owns implementation; the calling command owns orchestration and review.