frontend-design
Crie interfaces de frontend distintas e prontas para produção com elevada qualidade de design. Use esta skill quando o utilizador pedir para construir componentes web, páginas, artifacts, cartazes ou aplicações (os exemplos incluem…
Da biblioteca técnica: os componentes de Claude Code mais descarregados. Não é programador? Comece pelos prompts para o seu negócio →
Crie interfaces de frontend distintas e prontas para produção com elevada qualidade de design. Use esta skill quando o utilizador pedir para construir componentes web, páginas, artifacts, cartazes ou aplicações (os exemplos incluem…
Use ao criar aplicações frontend completas em frameworks como React, Vue e Angular, que exijam competências em múltiplas frameworks e integração full-stack. Especificamente: Contexto: Iniciar um novo frontend em React para…
Use este agente quando precisar de realizar revisões de código abrangentes, com foco na qualidade do código, vulnerabilidades de segurança e melhores práticas. Especificamente:\ \ \ Contexto: O programador submeteu um pull…
Skill de revisão de código abrangente para TypeScript, JavaScript, Python, Swift, Kotlin, Go. Inclui análise de código automatizada, verificação de boas práticas, análise de segurança e geração de checklists de revisão. Utilize ao rever…
Utilize proativamente ao rever design de UI/UX, avaliar interfaces visuais, auditar componentes web para problemas de usabilidade, verificar a conformidade de acessibilidade ou criticar a estética do design. Invoque quando o utilizador…
Competência abrangente de desenvolvimento de frontend para construir aplicações web modernas e eficientes usando ReactJS, NextJS, TypeScript, Tailwind CSS. Inclui scaffolding de componentes, otimização de desempenho, análise de bundles e…
Especialista em arquitetura de sistemas backend e design de APIs. Use PROATIVAMENTE para design de serviços greenfield, decomposição de monólitos, seleção de paradigma de API (REST/gRPC/GraphQL), limites de microsserviços, esquemas de…
Competência abrangente de desenvolvimento de backend para construir sistemas de backend escaláveis usando NodeJS, Express, Go, Python, Postgres, GraphQL, APIs REST. Inclui scaffolding de APIs, otimização de bases de dados, implementação de…
Inteligência de design de UI/UX. 50 estilos, 21 paletas, 50 combinações de fontes, 20 gráficos, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Ações: planear, construir, criar, desenhar,…
Competência abrangente de arquitetura de software para conceber sistemas escaláveis e de fácil manutenção utilizando ReactJS, NextJS, NodeJS, Express, React Native, Swift, Kotlin, Flutter, Postgres, GraphQL, Go, Python. Inclui geração de…
Use este agente quando precisar de desenvolver funcionalidades completas que abranjam as camadas de base de dados, API e frontend como uma unidade coesa. Especificamente:\ \ \ Contexto: O utilizador deseja criar um novo…
O Context7, da Upstash, obtém diretamente da fonte documentação atualizada e específica de versão, bem como exemplos de código, e injeta-os no seu prompt. Adicione 'use context7' a qualquer prompt para ativar.
Monitor de utilização de contexto do Claude Code em tempo real com barras de progresso visuais, alertas codificados por cores, análises de sessão (custo, duração, linhas alteradas) e avisos de auto-compactação. Acompanha o consumo de…
Toolkit de sistema de design de UI para Designer de UI Sénior, incluindo geração de design tokens, documentação de componentes, cálculos de design responsivo e ferramentas de handoff para programadores. Usar para criar sistemas de design,…
Usa este agente quando precisares de diagnosticar e corrigir bugs, identificar causas raiz de falhas ou analisar logs de erros e stack traces para resolver problemas. Especificamente: Contexto: A aplicação está a falhar…
Guia completo de otimização de desempenho de React e Next.js com mais de 40 regras para eliminar waterfalls, otimizar bundles e melhorar a renderização. Usa ao otimizar aplicações React, rever o desempenho ou refatorizar componentes.
Gerar um ficheiro de teste completo para um ficheiro de origem ou componente especificado. Usar quando o utilizador pedir explicitamente para escrever, criar ou gerar testes para um ficheiro específico.
Especialista em arquitetura e desenho de bases de dados. Usa PROATIVAMENTE para decisões de desenho de bases de dados, modelação de dados, planeamento de escalabilidade, padrões de dados de microsserviços e seleção de tecnologias de bases…
Use este agente quando precisar de construir código Python com tipos seguros (type-safe) e pronto para produção para APIs web, utilitários de sistema ou aplicações complexas que exijam padrões assíncronos modernos e uma ampla cobertura de…
Envia notificações no ambiente de trabalho quando o Claude Code termina o trabalho ou precisa de input do utilizador. Funciona em sistemas macOS e Linux.
Competência abrangente de desenvolvimento fullstack para construir aplicações web completas com React, Next.js, Node.js, GraphQL e PostgreSQL. Inclui scaffolding de projetos, análise de qualidade de código, padrões de arquitetura e guia…
Utilize ao implementar código TypeScript que exija padrões avançados de sistema de tipos, genéricos complexos, programação ao nível do tipo ou segurança de tipos de ponta a ponta em aplicações full-stack.…
Utilize este agente ao realizar auditorias de segurança abrangentes, avaliações de conformidade ou avaliações de risco em sistemas, infraestruturas e processos. Invoque quando precisar de análise sistemática de vulnerabilidades,…
Especialista em automatização de testes e garantia de qualidade. Utilize PROATIVAMENTE para estratégia de testes, automatização de testes, análise de cobertura, testes de CI/CD e práticas de engenharia de qualidade.
O Doutor AI dá-lhe 1859 prompts de IA prontos a copiar, por indústria e em português simples - mais uma biblioteca técnica completa para quem quer ir mais longe.