Design e Frontend

Gerencia componentes e projetos shadcn/ui, fornecendo contexto, documentação e padrões de uso para a construção de sistemas de design modernos.

Comprehensive performance optimization guide for React and Next.js applications, maintained by Vercel. Use when writing new React components or Next.js pages, implementing data fetching (client or server-side), or reviewing code for performance issues.

To build powerful frontend claude.ai artifacts, follow these steps:

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

Audit screens against Nielsen's heuristics and mobile UX best practices using the StyleSeed Toss design language as the implementation context.

Manages shadcn/ui components and projects, providing context, documentation, and usage patterns for building modern design systems.

Review files for compliance with Web Interface Guidelines.

Design DDD strategic artifacts including subdomains, bounded contexts, and ubiquitous language for complex business domains.

Expert guidance for crafting effective prompts in Google Stitch, the AI-powered UI design tool by Google Labs. This skill helps create precise, actionable prompts that generate high-quality UI designs for web and mobile applications.

Expert in event sourcing, CQRS, and event-driven architecture patterns. Masters event store design, projection building, saga orchestration, and eventual consistency patterns. Use PROACTIVELY for event-sourced systems, audit trail requirements, or complex domain modeling with temporal queries.

Use when building high-agency frontend interfaces with strict design taste, calibrated color, responsive layout, and motion rules.

Create interface designs, wireframes, and design systems. Masters user research, accessibility standards, and modern design tools.