Plugin de Excelência Criativa para Claude Code Melhora a Qualidade da Animação com Tese de Interação
Um desenvolvedor criou o plugin Creative Excellence para Claude Code para melhorar a qualidade das animações e do design de movimento gerados pelo assistente de IA. O plugin aborda o problema comum do Claude produzir efeitos de hover genéricos, gradientes aleatórios, glassmorphism e animações simples, implementando uma abordagem estruturada para o design de movimento.
Como Funciona
A inovação principal é o conceito de 'tese de interação'. Antes de escrever qualquer código, o Claude deve apresentar um conceito de movimento descrito em uma frase, como 'snappy 150ms ease-out com slide+fade' ou 'revelações cinematográficas de clip-path com texto escalonado'. O usuário aprova ou rejeita esse conceito antes que a codificação comece, evitando animações inadequadas como efeitos de bounce em aplicações sérias como aplicativos bancários.
Após a aprovação, o Claude determina automaticamente a stack de tecnologia apropriada (GSAP, Framer Motion, animações CSS nativas, etc.), puxa apenas as sub-habilidades relevantes, implementa a animação e realiza verificações básicas, incluindo suporte a prefers-reduced-motion, animações de saída e desempenho de layout.
Recursos do Plugin
- Dois pontos de entrada:
/creative-excellencepara trabalhar com projetos existentes e/design-excellencepara pipeline completo desde o brainstorming até implementação e auditoria - 8 sub-habilidades que abrangem: princípios de movimento, GSAP, Framer Motion, animações CSS nativas, Three.js/R3F, canvas generativo, auditoria de design e sistemas de design
- Comparações de código RUIM/BOM e regras concretas de 'Não Faça' para evitar que o Claude improvise mal
- Baseado em repositórios estudados incluindo mxyhi/ok-skills, kylezantos/design-motion-principles e freshtechbro/claudedesignskills
Instalação
O plugin é gratuito e de código aberto em github.com/AThevon/creative-excellence. Instale usando:
/plugin marketplace add [email protected]:AThevon/creative-excellence.git
/plugin install creative-excellenceO desenvolvedor agradece feedback e pull requests para melhorias.
📖 Leia a fonte completa: r/ClaudeAI
👀 See Also
Phaselock: Um Sistema de Controle de Agentes de IA Inspirado em Técnicas de Criação de Filhos
Phaselock é uma Habilidade de Agente de código aberto que implementa quatro mecanismos de controle para agentes de IA de programação: portas explícitas antes da ação, feedback imediato sobre erros, escolhas restritas e aplicação mecânica de regras. Funciona com Claude Code, Cursor, Windsurf e qualquer ferramenta que suporte hooks.
nan-forget: Memória de codificação de IA local em um único arquivo SQLite
nan-forget é uma ferramenta de memória para agentes de IA de codificação que armazena contexto em um único arquivo SQLite (~3MB) sem serviços em segundo plano. Ela usa um pipeline de recuperação de 3 estágios e funciona no Claude Code, Cursor e terminal via CLI.
Watchtower: Um Proxy Local para Monitorar o Tráfego da API de Código Claude
Watchtower é uma ferramenta gratuita e de código aberto que atua como um proxy HTTP local e painel web em tempo real para interceptar e exibir todo o tráfego de API entre o Claude Code (ou Codex CLI) e suas APIs. Ele mostra requisições, fluxos SSE, definições de ferramentas, prompts do sistema, uso de tokens e limites de taxa.
Busca Semântica Local em Memória para Agentes OpenClaw Usando Embeddings Harrier
Execute um servidor de embeddings local com o modelo Harrier da Microsoft, exponha uma API compatível com Ollama e conecte a configuração memorySearch do OpenClaw para recuperação de memória semântica local sem serviços externos.