Skills de Desenvolvimento

Framework (OSS). Crie telas Expo bonitas e com sensação nativa. Abrange estilização Apple HIG, cores semânticas, controles nativos, SF Symbols, mídia, animações, efeitos visuais, gradientes, armazenamento e layout responsivo. Para roteamento e navegação, use a skill expo-router.

Framework (OSS). Navegação e roteamento para Expo Router. Abrange rotas baseadas em arquivos, grupos e rotas dinâmicas, organização de pastas, Link com prévias e menus de contexto, Stack nativo, títulos de página, modais e folhas de formulário, NativeTabs, cabeçalhos e barras de ferramentas, e barras de pesquisa no cabeçalho.

Framework (OSS). Crie UI nativa com o pacote @expo/ui: SwiftUI real no iOS e Jetpack Compose no Android renderizados a partir do React em um app Expo ou React Native. Abrange componentes universais multiplataforma (Host, Column, Row, Button, Text, List e mais importados de @expo/ui), substituições diretas para bibliotecas populares da comunidade React Native (BottomSheet, DateTimePicker, Slider, Menu, etc.) e SwiftUI específico de plataforma (@expo/ui/swift-ui, apenas iOS) e Jetpack Compose...

Framework (OSS). Diretrizes para atualizar versões do SDK Expo e corrigir problemas de dependência.

Sistema de autorização com controle de acesso baseado em funções. Essencial para todos os aplicativos que gerenciam dados pessoais ou com restrição de acesso.

Infraestrutura principal que fornece configuração de conexão de backend, cliente de armazenamento e ponto de entrada do aplicativo React.

Admin-only paginated viewer for stable canister state. Use whenever the user asks for a viewer, dashboard, debug panel, or admin browse over backend data — users, items, orders, logs, or any stable Map/Set/Array/VarArray/List/Stack/Queue. Pre-installed in every Caffeine app via the `caffeineai-data-viewer` mops package; this skill explains what it does and how to keep using it correctly.

Chamadas HTTP de saída realizadas pelo canister do backend (não no frontend).

Armazenamento geral de arquivos/objetos, como para imagens, vídeos, arquivos, documentos e outros dados em massa. Perfeito para galerias de imagens, galerias de vídeos e outros gerenciamentos de arquivos ou objetos. Suporta arquivos grandes além do limite do IC, com acesso via URL HTTP em cache no navegador.

MANDATORY recipe for every Caffeine build that calls OpenAI (ChatGPT, GPT-4o, an LLM, a chatbot, embeddings). The ONLY supported path is the `openai-client` mops package with a canister-side API-key bearer. Hand-rolling `ic.http_request` to `api.openai.com/v1/...` is a FORBIDDEN anti-pattern — it leaks the bearer across replicated outcalls (security + 13× billing impact), bypasses the typed request/response bindings, and forces hand-rolled JSON on a language with poor JSON support. Load this...

Make a canister's data queryable by the Caffeine Data Intelligence agent. Use whenever an app stores structured data (Maps/Lists/arrays of records) that should be answerable in natural language — "top customers", "revenue by region", "active projects". Adds a discoverable `schema()` and a JSON `execute()` query endpoint via the `caffeineai-oql` mops package's `Expose` mixin.

MANDATORY recipe for every Caffeine build that posts to X (Twitter). The ONLY supported path is the `x-client` mops package with OAuth 2.0 PKCE. Hand-rolling `ic.http_request` or `icBooking.http_request` calls to `api.x.com/2/tweets`, `api.x.com/2/oauth2/token`, or any other X endpoint is a FORBIDDEN anti-pattern — it bypasses bearer auth, replication-cost safeguards, and `x-client`'s null-field handling. Load this skill whenever the user, spec, or any prior task mentions tweeting,...

Quick reference for the Caffeine Data Intelligence agent to query an OQL-exposing canister (schema() + execute()) through the `icp` CLI against the project's `backend` canister: read the schema, form JSON queries (filter / order / paginate / aggregate / dotted-path edges), and parse the Candid result rows.

Crie roteadores FastAPI com operações CRUD, dependências de autenticação e modelos de resposta adequados. Use ao construir endpoints de API REST, criar novas rotas, implementar operações CRUD ou adicionar endpoints autenticados em aplicações FastAPI.

Orienta o desenvolvimento de servidores backend Fastify Node.js e APIs REST usando TypeScript ou JavaScript. Use ao construir, configurar ou depurar uma aplicação Fastify — incluindo definição de rotas, implementação de plugins, configuração de validação JSON Schema, tratamento de erros, otimização de desempenho, gerenciamento de autenticação, configuração de CORS e cabeçalhos de segurança, integração com bancos de dados, trabalho com WebSockets e implantação em produção. Abrange todo o ciclo de vida de requisição Fastify (hooks,...

Habilidade oficial do Feature-Sliced Design (FSD) v2.1 para aplicar a metodologia em projetos frontend. Use quando a tarefa envolver organizar a estrutura do projeto com camadas FSD, decidir onde o código pertence, colocar ativos estáticos (imagens, ícones, fontes, PDFs), agrupar slices intimamente relacionados, definir APIs públicas e limites de importação, resolver importações cruzadas ou avaliar o padrão @x, decidir se deve criar ou remover uma entidade, avaliar se a camada de entidades é necessária, decidir...

Permite que o Claude Code realize operações inteligentes de fuzzing web usando ffuf, facilitando a descoberta de diretórios, arquivos, subdomínios e endpoints de API ocultos.

Pesquise em um codebase ou UI por lugares que não animam mas deveriam, e rejeite tudo o que não deveria. Somente leitura; propõe movimento com valores exatos, não o implementa. Use quando o usuário perguntar "o que poderia ser animado aqui?" ou quiser "deixar isso mais vivo". Para corrigir animações existentes, use improve-animations ou review-animations.

Descubra, avalie e instale skills de agente pesquisando em todos os registros principais de uma só vez — skills.sh, clawhub.ai e GitHub — apresentando cada quadro com sua métrica nativa (instalações / estrelas), exibindo a melhor entrada por quadro, escaneando a segurança do SKILL.md real dos principais candidatos em busca de padrões arriscados e sinalizando o que já está instalado. Use quando o usuário perguntar "como faço X", "encontre uma skill para X", "existe uma skill que…", "qual skill devo instalar para…" ou quiser estender o agente com um...

Use quando a implementação estiver completa, todos os testes passarem e você precisar decidir como integrar o trabalho - orienta a conclusão do trabalho de desenvolvimento apresentando opções estruturadas para merge, PR ou limpeza.

Guia abrangente para o Firebase Remote Config, incluindo gerenciamento de templates e uso do SDK. Use esta habilidade quando o usuário precisar de ajuda para configurar o Remote Config, gerenciar feature flags ou atualizar o comportamento do aplicativo dinamicamente.

Corrige erros de compilação, problemas de lint e falhas em testes no código Rust do warp. Abrange verificações de presubmit, erros específicos de WASM e execução de testes específicos. Use quando o usuário encontrar erros de build, falhas no clippy ou fmt, falhas em testes, ou precisar executar ou interpretar o presubmit antes de um PR.

Quando o usuário deseja planejar, avaliar ou construir uma ferramenta gratuita para fins de marketing — geração de leads, valor de SEO ou reconhecimento de marca. Use também quando o usuário mencionar "engenharia como marketing", "ferramenta gratuita", "ferramenta de marketing", "calculadora", "gerador", "ferramenta interativa", "ferramenta de geração de leads", "construir uma ferramenta para leads", "recurso gratuito", "calculadora de ROI", "ferramenta de avaliação", "ferramenta de auditoria", "devo construir uma ferramenta gratuita" ou "ferramentas para geração de leads". Use isso sempre que alguém quiser construir algo útil e...

Gera interfaces frontend distintas e de nível de produção que evitam estéticas genéricas de IA.

Produza UIs e aplicações de design distintas e não genéricas, trabalhando com estratégia em primeiro lugar. Identifique o projeto (landing page, app SaaS, dashboard, e-commerce, apresentação, documentação, portfólio...) e seu posicionamento e personalidade, comprometa-se com adjetivos de marca, traduza-os em um sistema tipográfico e de cores, e então aplique a camada de ofício (layout, componentes e estados, movimento, iconografia, imagens, modo escuro e temas, acessibilidade), evitando o padrão AI-slop / Claude-esque. Isso é tanto um...

Revise e crie interfaces frontend distintas e de nível de produção, com alta qualidade de design e conformidade com o design system. Avalia com base em três pilares: fluxo sem atrito da percepção à ação, acabamento de qualidade e construção confiável. USE PARA: revisões de PR, revisões de design, auditorias de acessibilidade, verificações de conformidade com o design system, design frontend criativo, revisão de código de UI, revisões de componentes, verificações de design responsivo, testes de tema e criação de UIs memoráveis. NÃO USE PARA: revisões de API de backend, revisões de esquema de banco de dados, trabalho de infraestrutura ou DevOps, lógica de negócios pura sem UI ou código não frontend.

Construa aplicações React com tema escuro usando Tailwind CSS com temas personalizados, efeitos de glassmorphism e animações Framer Motion. Use ao criar dashboards, painéis administrativos ou interfaces ricas em dados com uma estética escura refinada.

Constrói interfaces de usuário responsivas, acessíveis e com qualidade de produção. Use ao construir ou modificar interfaces e páginas, criar componentes, implementar layouts, atender aos requisitos de acessibilidade WCAG, gerenciar estado, ou quando a saída precisar ter aparência e sensação de qualidade de produção em vez de gerada por IA.

Substitui o comportamento padrão de truncamento do LLM. Garante a geração completa de código, proíbe padrões de placeholder e lida corretamente com divisões por limite de tokens. Aplicável a qualquer tarefa que exija saída exaustiva e sem abreviações.

Configure ganchos do Claude Code para bloquear comandos git perigosos (push, reset --hard, clean, branch -D, etc.) antes que sejam executados. Use quando o usuário quiser evitar operações destrutivas no git, adicionar ganchos de segurança no git ou bloquear git push/reset no Claude Code.