Design e Frontend

Apple HIG guidance for system experience components: widgets, live activities, notifications, complications, home screen quick actions, top shelf, watch faces, app clips, and app shortcuts.

Convex reactive backend expert: schema design, TypeScript functions, real-time subscriptions, auth, file storage, scheduling, and deployment.

Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.

Extensive icon library and AI-driven icon generation skill for premium UI/UX design.

AI image generation skill powered by Google Gemini, enabling seamless visual content creation for UI placeholders, documentation, and design assets.

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

Apple Human Interface Guidelines for content display components.

Diretrizes do Apple HIG para componentes de experiência do sistema: widgets, atividades ao vivo, notificações, complicações, ações rápidas da tela inicial, prateleira superior, mostradores de relógio, App Clips e atalhos de aplicativos.

Utilizes Magic by 21st.dev to generate, compare, and integrate multiple production-ready UI component variations.

Use when building apps that collect user data. Ensures privacy protections are built in from the start—data minimization, consent, encryption.

Check for .claude/apple-design-context.md before asking questions. Use existing context and only ask for information not already covered.

Build accessible design systems with Radix UI primitives. Headless component customization, theming strategies, and compound component patterns for production-grade UI libraries.