Biblioteca de IA

Diretriz de estilo inicial. Instruirá o Claude a adotar uma direção estética consistente, definindo propósito, tom e restrições de layout antes de escrever CSS, além de proibir o uso de fontes padrão do navegador.

Conjunto de 23 comandos rápidos (como polish, critique, animate) para revisão automática de layout. Aplica grids de 4px, paletas em OKLCH, tipografia fluida e contraste AA para validação de design.

Configura parâmetros de variância, animações e densidade da interface. Permite criar layouts modernos e dinâmicos de forma automatizada no frontend.

Biblioteca de padrões de animação otimizados. Aplica regras de tempo (entradas/saídas rápidas) utilizando apenas propriedades de transform e opacity para garantir 60fps e acessibilidade visual.

Validador automático de animações. Avalia transições, curvas de aceleração (easing) e a presença de acessibilidade para evitar movimentos abruptos ou inadequados na interface.

Ferramenta para padronização de tokens de design. Estrutura cores, espaçamentos e escalas tipográficas como variáveis CSS reutilizáveis, garantindo consistência visual em todo o projeto.

Integração do Figma via protocolo MCP. Permite ao agente ler layouts diretamente do Figma e traduzi-los fielmente em código HTML/CSS, respeitando as regras do design system.

Ferramenta de inspeção e teste visual via Playwright. Permite que o agente capture screenshots da aplicação em múltiplos viewports para validar layouts e realizar correções de design.

Gerador de painéis de identidade visual (brand boards). Consolida logos, paletas cromáticas, tipografias e referências estéticas prontas para serem implementadas em código.

Guia metodológico para processos de design. Orienta o agente a conduzir etapas de pesquisa (discovery), definição de UX, documentação de especificações de handoff e listas de verificação de QA.

Geração e edição de imagens via API do Gemini integrada ao terminal. Ideal para a criação de mockups, cabeçalhos, miniaturas e referências visuais diretamente no fluxo de linha de comando.

Assistente de estruturação de prompts visuais. O Claude interpreta a intenção do usuário e gera prompts de imagem estruturados usando fórmulas otimizadas, oferecendo 13 modos pré-definidos.

Geração de assets gráficos (PNG/PDF) parametrizados via código. Garante o alinhamento de fontes, paletas de cores e logos institucionais para criação de carrosséis e infográficos.

Criação de arte generativa e texturas dinâmicas em código (como flow fields e ruídos). Fornece padrões visuais únicos para planos de fundo e seções de destaque de forma programática.

Suíte de edição de vídeo automatizada via React e Remotion integrada ao terminal. Cria vídeos em formato MP4 com locução, trilha sonora, legendas e transições dinâmicas a partir de código.

Ferramenta simplificada para renderização de vídeos curtos. Traduz descrições em linguagem natural em código TypeScript compatível com Remotion para geração quadro a quadro de vídeos explicativos.

Automação de tarefas 3D no Blender via protocolo MCP. O Claude gera e executa scripts Python (bpy) para manipular objetos, iluminação, câmeras e renderizações em 3D.

Integração com Adobe After Effects via scripts JSX e ExtendScript. Cria e gerencia animações, keyframes e efeitos programaticamente a partir de comandos textuais.

Prototipação iterativa de alta fidelidade para telas web e móveis. Permite refinar layouts elemento por elemento via chat diretamente no Claude Canvas, ideal para mockups interativos e interfaces finais.

Padronização visual e aplicação automática de sistemas de design (logos, tipografia, paletas). Permite gerenciar e alternar entre diferentes diretrizes de marca conforme o escopo do projeto.

Criação de templates de interface reutilizáveis e parametrizáveis. Facilita a geração consistente de novos componentes e páginas seguindo as definições estéticas e estruturais pré-estabelecidas.

Desenvolvimento estruturado de apresentações visuais e slides. Permite exportar layouts ou integrá-los como bases de código prontas para conversão em páginas web.

Otimização no gerenciamento da janela de contexto. Define estratégias de priorização de dados, compressão inteligente e redução gradual de detalhes para evitar estouros de limite de tokens.

Padronização de fluxos de conversação. Estabelece regras claras para alternância de turnos, tratamento de erros e checkpoints de verificação, garantindo respostas coerentes sob exceções.

Lógica de decisão para exibição de componentes visuais dinâmicos. Determina quando o modelo deve retornar elementos interativos (gráficos, seletores, cards) em vez de texto, com fallbacks seguros.

Padrão de revelação progressiva de funcionalidades. Desenha a experiência para introduzir recursos complexos gradualmente, acompanhando o nível de maturidade do usuário na interação.

Orquestração de fluxos de trabalho multimodais. Coordena o processamento simultâneo ou sequencial de textos, imagens e execução de ferramentas externas com regras de prioridade.

Gerenciamento de turnos e iniciativa mista na interface. Define claramente quando o agente deve propor ações de forma proativa versus quando deve aguardar comandos do usuário.

Análise de sentimento baseada no comportamento de entrada. Detecta frustração por meio de padrões textuais (caixa alta, repetições, exclamações) para ajustar o tom ou acionar suporte.

Implementação de loops de feedback para refinamento contínuo. Modela canais para o usuário avaliar as respostas do sistema e refinar o comportamento do modelo em tempo real.

Modelagem estruturada de prompts do sistema (System Prompts). Organiza a identidade, contexto, regras de negócio, especificações de saída e exemplos, posicionando instruções críticas no início e fim para otimizar a atenção do modelo.

Diretrizes para arquitetura de personas. Configura um perfil estável com voz, personalidade e limites consistentes, prevenindo desvios comportamentais ao longo de múltiplas interações.

Ajuste dinâmico de tom de voz (formalidade, empatia, assertividade). Adapta a linguagem do modelo de acordo com o contexto da conversa (ex: suporte de crise vs. onboarding).

Estratégia para design de interação sob estados emocionais. Ensina o agente a reconhecer frustração ou confusão e desescalar a situação com respostas adequadas, direcionando a operadores humanos se necessário.

Padronização de prompts através de templates parametrizados. Utiliza variáveis tipadas e condicionais lógicas para garantir respostas estruturadas e consistentes em larga escala.

Técnica de aprendizado com poucos exemplos (few-shot). Apresenta pares de entrada/saída focados em cenários complexos ou de erro recorrente, direcionando a assertividade do modelo.

Implementação de cadeias de raciocínio passo a passo (Chain of Thought). Estrutura o raciocínio intermediário do modelo para aumentar a precisão em tarefas lógicas complexas.

Definição técnica de restrições operacionais. Estabelece limites objetivos de formato, tamanho e proibição de conteúdos, facilitando a validação automatizada das respostas.

Configuração de limites operacionais rígidos (Guardrails). Define regras de conformidade e tratamento uniforme para temas sensíveis ou fora do escopo do sistema.

Calibração do nível de confiança nas respostas. Fornece sinais visuais ou textuais para indicar a probabilidade de acerto das informações fornecidas, mitigando alucinações.

Padrões de transparência na tomada de decisão do modelo. Exibe de forma clara as origens das informações utilizadas e as limitações do conhecimento do sistema.