Design & UX

Expert in the Arc Browser design system - \\"The browser that browses for you.\\" Translucent surfaces, gradient warmth, sidebar-first layout. Use when building UI components, applying design tokens, or implementing visual styles for arc.

Expert in the Application design system - App dashboard with purple-themed aesthetic, top-bar navigation, card-based layouts, and developer-first workflows. Use when building UI components, applying design tokens, or implementing visual styles for application.

Expert in the Apple design system - Consumer electronics. Premium white space, SF Pro, cinematic imagery. Use when building UI components, applying design tokens, or implementing visual styles for apple.

Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply. Use when you need help with brand guidelines.

Expert in the Ant design system - Structured, enterprise-focused design system emphasizing clarity, consistency, and efficiency for data-dense web applications. Use when building UI components, applying design tokens, or implementing visual styles for ant.

Expert in the Airtable design system - Spreadsheet-database hybrid. Colorful, friendly, structured data aesthetic. Use when building UI components, applying design tokens, or implementing visual styles for airtable.

Expert in the Airbnb design system - Travel marketplace. Warm coral accent, photography-driven, rounded UI. Use when building UI components, applying design tokens, or implementing visual styles for airbnb.

Expert in the Agentic design system - Conversational AI-first interface with minimal controls, clear outcomes, and delegated task flows for agentic workflows. Use when building UI components, applying design tokens, or implementing visual styles for agentic.

One sentence - what this skill does and when to invoke it. Use when you need help with visual emotion engineer.

One sentence - what this skill does and when to invoke it. Use when you need help with ux persuasion engineer.

Integration skill for searching and fetching high-quality, free-to-use professional photography from Unsplash. Use when you need help with unsplash integration.

Comprehensive design guide for web and mobile applications. Use when designing new UI components or pages, choosing color palettes and typography, or reviewing code for UX issues.

Create interface designs, wireframes, and design systems. Masters user research, accessibility standards, and modern design tools. Use when you need help with ui ux designer.

Audit a StyleSeed-based component or page for WCAG 2.2 AA issues and apply practical accessibility fixes where the code makes them safe. Use when you need help with ui a11y.

Use when generating Google Stitch DESIGN.md systems for premium typography, color, layout, motion intent, and anti-generic UI rules.

A toolkit providing utilities and knowledge for creating animated GIFs optimized for Slack. Use when you need help with slack gif creator.

Manages shadcn/ui components and projects, providing context, documentation, and usage patterns for building modern design systems. Use when you need help with shadcn.

Use when upgrading existing websites or apps by auditing generic UI patterns and applying premium design fixes without rewrites.

Build and maintain Rayden UI components and screens in Figma via Figma MCP with full design token enforcement. Use when you need help with rayden use.

Build accessible design systems with Radix UI primitives. Headless component customization, theming strategies, and compound component patterns for production-grade UI libraries. Use when you need help with radix ui design system.

Design de produto nivel Apple — sistemas visuais, UX flows, acessibilidade, linguagem visual proprietaria, design tokens, prototipagem e handoff. Cobre Figma, design systems, tipografia, cor, espacamento, motion design e principios de design cognitivo. Use when building UI with product design language and visual style.

One sentence - what this skill does and when to invoke it. Use when you need help with onboarding psychologist.

Utilizes Magic by 21st.dev to generate, compare, and integrate multiple production-ready UI component variations. Use when you need help with magic ui generator.

AI-powered animation tool for creating motion in logos, UI, icons, and social media assets. Use when you need help with magic animator.