Explorar skills

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

Product Inventor e Design Alchemist de nivel maximo — combina Product Thinking, Design Systems, UI Engineering, Psicologia Cognitiva, Storytelling e execucao impecavel nivel Jobs/Apple.

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.

This skill covers the principles for identifying tasks suited to LLM processing, designing effective project architectures, and iterating rapidly using agent-assisted development.

Build and maintain Rayden UI components and screens in Figma via Figma MCP with full design token enforcement

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

Generate React code with Rayden UI components using correct props, tokens, and premium layout patterns

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.

Diagnose slow React components and suggest targeted performance fixes.

React and Next.js 14+ application development with App Router, Server Components, TypeScript, Tailwind CSS, and modern frontend patterns.

Build production-ready ReactFlow applications with hierarchical navigation, performance optimization, and advanced state management.

Create React Flow node components following established patterns with proper TypeScript types and store integration.