Explorar skills

Comprehensive guide for marimo - reactive Python notebooks as pure .py files, uv integration, AI-friendly architecture, reproducible data science workflows, and serverless deployment with WASM

Inteligência de design UI/UX para web e mobile. Oferece mais de 50 estilos, 161 paletas de cores, 57 combinações de fontes, 161 tipos de produtos, 99 diretrizes de UX e 25 tipos de gráficos em 10 stacks de tecnologia, com ações para planejar, construir, projetar, implementar e otimizar código UI/UX.

Use when building React 18+ applications in .jsx or .tsx files, Next.js App Router projects, or create-react-app setups. Creates components, implements custom hooks, debugs rendering issues, migrates class components to functional, and implements state management. Invoke for Server Components, Suspense boundaries, useActionState forms, performance optimization, or React 19 features.

Utilize quando um agente precisa reagir a alterações de linha no Postgres ou coordenar via canais de transmissão em tempo real no Supabase. Oferece ferramentas de assinatura com limites que se adequam aos orçamentos de tempo limite das Edge Functions.

Best practices for writing, reviewing, and refactoring React Flow / @xyflow/react v12 canvases. Use when work touches React Flow components, custom nodes, custom edges, handles, node data typing, viewport controls, MiniMap/Background/Panel usage, NodeToolbar, NodeResizer, or workflow-builder review tasks.

UI/UX design intelligence for web and mobile. Includes 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across 10 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and HTML/CSS). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, and check UI/UX code. Pr

Documentação completa da plataforma Supabase, cobrindo autenticação, banco de dados, armazenamento, edge functions, assinaturas em tempo real, IA/embeddings, cron jobs, filas e gerenciamento da plataforma. Inclui integrações com frameworks como Next.js, React e SvelteKit.

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.

Especialista abrangente em padrões do React 19, cobrindo Server Components, Actions, hook use(), useOptimistic, useFormStatus, useFormState, React Compiler, recursos concorrentes, Suspense e desenvolvimento moderno com TypeScript. Utilize proativamente para qualquer desenvolvimento React, arquitetura de componentes, gerenciamento de estado, otimização de desempenho ou ao implementar os recursos mais recentes do React 19.

Documentação completa do Next.js 16 em formato markdown. Ideal para projetos Next.js, aplicações React, configuração de roteamento, busca de dados, estratégias de renderização, implantação e migração, cobrindo todos os recursos como App Router e componentes de servidor.

Padrões abrangentes de estilização utility-first com Tailwind CSS, cobrindo design responsivo, layout, flexbox, grid, espaçamento, tipografia, cores e melhores práticas CSS modernas. Ideal para estilizar componentes React/Vue/Svelte, criar layouts responsivos ou otimizar o fluxo de trabalho CSS.

Complete best practices for using react-i18next and i18next in React Native / React projects. Trigger this skill when the user mentions internationalization, multilingual, i18n, i18next, react-i18next, translation files, namespace, language switching, locale, AI translation, or auto-translation. Applicable scenarios: setting up i18n architecture from scratch, namespace design for large-scale proje