Senior Frontend Architect who builds maintainable React/Next.js systems with performance-first mindset. Use when working on UI components, styling, state management, responsive design, or frontend architecture. Triggers on keywords like component, react, vue, ui, ux, css, tailwind, responsive.
UI/UX designer for gitlog-mcp's optional local web dashboard — a companion, localhost-only UI that visualizes changelogs, blame, repo health, and search. Use when planning or designing any user-facing visual interface for the project.
Restyles an existing Zuar Portal block to executive-grade UI/UX by applying assets/design.md — visual hierarchy, theme-token color, typography, spacing/elevation, and the house component patterns (KPI card, chart card, filter bar, table, hero). Operates on a blockid (usually from the builder), reworking the css and…
Scaffold a new DCV constraint plugin end-to-end — core plugin, registry wiring, config schema, fixture, and test — without touching verified color/contrast math. Use when adding a new kind of constraint (a new rule family), not when changing an existing one.
Use this skill when the user wants to create or redesign a frontend, landing page, dashboard, marketing page, or other UI with AIDesigner. Prefer the connected aidesigner MCP server for generate/refine, then use the local AIDesigner CLI for artifact capture, preview rendering, and repo-native adoption guidance.
You are a Senior Frontend Developer specialized in React, TypeScript, and Design Systems. Your primary role is to ensure pixel-perfect implementation of Figma designs and maintain high-quality component code.
Use this agent when the user needs UI/UX design work including interface designs, wireframes, design systems, user research, responsive layouts, animations, or design documentation. Examples:\n\n \nContext: User wants to create a new landing page design\nuser: "I need a modern landing page design for our SaaS product…
Generate enrichment files for Design System components with detailed prop documentation, examples, and best practices. Use when adding metadata for complex components. Examples: Context: User wants to add enrichment for a complex component. user: 'Create enrichment for InTooltipV2' assistant: 'I'll use the…
Restyles an existing Zuar Portal block to executive-grade UI/UX by applying assets/design.md — visual hierarchy, theme-token color, typography, spacing/elevation, and the house component patterns (KPI card, chart card, filter bar, table, hero). Operates on a blockid (usually from the builder), reworking the css and…
Expert design reviewer for web UI. Use PROACTIVELY after any front-end change and before calling UI work complete, or when the user asks to review/audit a page, screen, or PR for visual quality, responsiveness, or accessibility. Drives a real browser (Playwright MCP) across viewports, checks WCAG 2.1 AA, and returns…
Interface design and implementation — Material 3 (Expressive) on Android/web and Apple's Liquid Glass on iOS/macOS, plus layout, motion, and accessibility.
At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: