Create distinctive, memorable user interfaces that avoid generic AI aesthetics. Use when designing UI/UX, planning visual direction, or building pages and layouts.

Generate a complete design system from brand colors using AI. Use when starting a new project or standardizing colors.

Fetches web content with intelligent content extraction, converting HTML to clean markdown. Use for documentation, articles, and reference pages http/https URLs.

Build interactive web components and artifacts. Creates interactive UI elements, visualizations, and web-based applications.

Automated accessibility testing via Playwright MCP and axe-core

Expert Shopify theme development with Liquid, Online Store 2.0, and performance best practices

>

UI design best practices for building accessible, performant, and user-friendly interfaces with modern web standards

Reviews shadcn/ui components for CVA patterns, composition with asChild, accessibility states, and data-slot usage. Use when reviewing React components using shadcn/ui, Radix primitives, or...

Build full-stack web applications using Rust (Axum + SQLx) with HTMX + Alpine.js frontend and Neon (serverless PostgreSQL). Use when asked to create web apps, CRUD apps, dashboards, forms, or any...

Create HTML UI mockups stored in ideas/[project]/docs/ui-designs/

Design user-centric interfaces for web applications. Creates wireframes, visual designs, and interactive prototypes with usability focus.

Architect and design web application interfaces. Plans component systems, interaction flows, and responsive layouts for web platforms.

[Skill] Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative,...

2026 Design Trends & Templates. Apply trendy UI patterns to wireframes and components. Reference for ui-architecture agents.

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished...

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished...

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished...

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished...

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished...