Run browser-based visual QA for Radiants, RDNA, and RadOS web surfaces. Use for screenshot review, visual polish, responsive checks, final UI verification, AppWindow layout, text…
Build accessible design systems with Radix UI primitives. Headless component customization, theming strategies, and compound component patterns for production-grade UI libraries.
Ultra-fast proof-of-concept and MVP specialist. Use this agent when you need to validate an idea quickly working prototype before the meeting's over.
Use when integrating, reviewing, or hardening the design system and accessibility posture of a React app after the app scaffold exists and frontend architecture has defined the…
Turn vague taste, screenshots, URLs, product notes, or "make it feel like this" references into a grounded DESIGN.md plus an implementation handoff.
Conventie voor responsive CSS in design-system componenten — expliciet per breakpoint, geen mobile-first overrides
Web design inspired by retrofuturism — the future as imagined by the past. Covers Atomic Age/Googie, Raygun Gothic, Cassette Futurism (Alien terminals), Y2K chrome/iridescent,…
Extrai e documenta o sistema de design do projeto legado — paleta de cores, tipografia, espaçamentos, tokens e componentes a partir de CSS, arquivos de tema e screenshots.
Quinto agente do Time de Migração. Traduz as telas do sistema legado em especificações executáveis, fechando a lacuna entre o catálogo do design-system e o código pronto.
Audit frontend work against design-system rules, accessibility expectations, responsive behavior, and visual craft before merge or release.
Agentflow step 3/9: Prototype. Decides whether a throwaway spike is needed, runs the smallest experiment when needed, and preserves learnings with quality-loop review.
Direct high-quality visual work — websites, web apps, dashboards, landing pages, native iOS (SwiftUI) and Android (Jetpack Compose) apps, mobile web, React components,…
Build and customize UI components with shadcn/ui — component installation, CSS variable theming, Radix UI primitive composition, variant patterns with cva(), dark mode wiring, and…
Use when building UI components. Enforces ShadCN UI patterns, accessibility standards (Radix UI), and TailwindCSS best practices for November 2025.
\"Open sketch mode for wireframing on browser page. 開繪圖模式於瀏覽頁. Use when: wireframe UI, sketch layout, draw mockup, prototype design, annotate page visually\
Грубый рукотворный скетч / whiteboard photo → HTML каркас. Идентифицирует layout regions, превращает в HTML divs/sections с placeholder-контентом для дальнейшей детализации в…
Wireframing with sketch mode and visual highlighting including screenshots, overlays, and UI annotation tools.
Generates presentation design systems with consistent slide templates, typography rules, and color schemes mapped to Universal Design System palettes.
Test if your solution actually solves the validated problem before building the full product. Master the art of showing concepts and prototypes to get honest feedback on solution…
👻 | Generate a self-contained HTML prototype to validate a feature visually before planning - primary agent
Clone a ready-to-run Deepgram demo app and start building on top of it. Use whenever someone wants a quick working demo, needs to prototype with Deepgram, or is starting a new…
Extracts a Stitch design and generates production code artifacts — CSS custom properties with dark mode tokens, a Tailwind v4 @theme block, and a semantic design system document.
Applies a Stitch Design System to existing screens — updates their colors, fonts, and roundness to match the design system's theme.
Creates a reusable Stitch Design System from theme tokens — colors, fonts, roundness, saturation. Can be applied to future screens for visual consistency.
Generates a high-fidelity UI screen or wireframe from a text prompt using Stitch. This is the core text-to-UI generation tool — the heart of the Stitch workflow.
Lists all Stitch Design Systems, optionally filtered by project. Returns asset names needed for apply and update operations.
Updates an existing Stitch Design System's theme, tokens, or guidelines. Requires the asset name from create or list operations.
Expert guide for creating effective prompts for Google Stitch AI UI design tool. Use when user wants to design UI/UX in Stitch, create app interfaces, generate mobile/web designs,…
Generates 3 alternative Stitch prompts for A/B testing screen concepts — vary layout, visual style, or content while keeping the underlying information architecture consistent.
Applies Strakk's warm dark mobile design system from DESIGN.md. Use when proposing or implementing SwiftUI or Compose UI.
Builds a prototype component by component, self-reviewing each component against the Discovery Plan before moving to the next.
SwiftUI 前端设计 skill — anti AI-slop rules, design direction advisor, brand asset protocol, and five-dimension review. Works with Claude Code, Cursor, Codex, and OpenCode.
Build production-ready design systems with Tailwind CSS, including design tokens, component variants, responsive patterns, and accessibility. — from Asymmetric-al/core
Build scalable design systems with Tailwind CSS, design tokens, component libraries, and responsive patterns.
Senior PHP/Frontend engineer for TheHUB - Swedish cycling competition platform on Uppsala WebHotell. Use when JALLE asks about TheHUB development, GravitySeries, cycling events,…
Draw, diagram, sketch, wireframe, mind-map, or flowchart on a live tldraw canvas via the tldraw-mcp server.
Day 4 (Thursday) move of a Design Sprint that produces the planning artifact for the day. Output covers the prototype role plan (Maker, Stitcher, Writer, Asset Collector,…
Capture LLM and agent traces, run evaluations, inspect failures, and monitor RAG or multi-step agent behavior from prototype to production.
Create free SSH tunnels to expose local ports to the internet using tinyfi.sh. Use when you need to share a locally running app, test webhooks, demo a prototype, or get a public…
Mathematical typography scale system. Generates harmonious type hierarchies using golden ratio, perfect fifth, and other classical scales.
Generate a new UI component that follows StyleSeed Toss conventions for structure, tokens, accessibility, and component ergonomics.
UI 样式修改协作流程。当用户要求修改页面样式、调整布局、改 UI 细节时使用。通过"截图定位 → 现状描述 → 方案选择 → 改代码 → 微调"的结构化流程，减少沟通偏差，避免浪费 token。
Build a comprehensive color system with palette generation, semantic mapping, and accessibility compliance.
无障碍设计审查与修复能力。 当用户说"无障碍"、"a11y"、"WCAG"、"键盘导航"、"屏幕阅读器"、"颜色对比度"、"ARIA"、"可访问性"、"辅助功能"、"盲人友好"时使用此技能。 基于 WCAG 2.1 标准，检测图片 Alt 文本缺失、表单 Label 关联、键盘可访问性、颜色对比度不足、ARIA 属性误用等问题。…
Generates high-quality, non-generic UI designs with a focus on performance, progressive disclosure, and distinctive aesthetics.
Use when designing, polishing, prototyping, or reviewing user-facing UI, frontend screens, visual systems, interaction prototypes, slide decks, motion/effects, artifact handoff,…
Common interface patterns, navigation patterns, form patterns, data display patterns, feedback patterns, and accessibility considerations
Comprehensive visual design and aesthetics evaluation. Analyzes typography, color, spacing, hierarchy, consistency, branding, and modern design trends for polished, professional…
Anti-slop UI review — typography, color calibration, layout diversity, motion quality, interactive states. Activate when reviewing frontend components for design quality.
Use for building or reviewing UI design quality using principles synthesized from trusted UX sources (Apple HIG, Google Material, MIT HCI, Nielsen heuristics, WCAG).
UI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations, and developer handoff tools.
UI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations, and developer handoff tools.
Création de design systems cohérents avec tokens, composants et guidelines. Se déclenche avec "design system", "composants UI", "tokens", "style guide", "atomic design" — from…
Multi-agent UI review with 4 specialist perspectives: UX Researcher, Visual Designer, i18n/Multilingual QA, and Accessibility/Performance Auditor.
Extract design systems from reference UI images and generate implementation-ready UI design prompts. Use when users provide UI screenshots/mockups and want to create cons — from…
Use when user needs visual UI design, interface creation, component systems, design systems, interaction patterns, or accessibility-focused user interfaces.
Guidance on producing UI wireframes and concept mockups using text, markdown, and diagrams.
Review UI code for StyleSeed design-system compliance, accessibility, mobile ergonomics, spacing discipline, and implementation quality.
画面仕様書作成エージェント。UI/UX設計、画面レイアウト、コンポーネント仕様、画面遷移、インタラクション定義を行う。キーワード: 画面仕様書, UI仕様, screen spec, UI design, 画面設計, ワイヤーフレーム, wireframe.
Use when auditing a frontend codebase for duplicated UI components, inconsistent design-system usage, or hand-rolled variants of existing primitives.