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
Orkestra: Camada de Roteamento de LLM com Consciência de Custos para OpenClaw Reduz Custos de API em 60-80%
Orkestra é uma camada de roteamento modular que fica na frente das chamadas de LLM no OpenClaw, usando classificação semântica para direcionar prompts para níveis de modelo econômico, equilibrado ou premium. A abordagem reduziu os custos de API em 60-80% sem reescrita de prompts ou regras complexas.
O Agente Hermes v0.6.0 oferece suporte aprimorado para modelos locais com analisadores de chamadas de ferramentas por modelo.
O Hermes Agent v0.6.0 da Nous Research fornece analisadores de chamadas de ferramentas por modelo que lidam adequadamente com chamadas de ferramentas em modelos da classe 30B, suporta Ollama, vLLM e sglang prontos para uso, e inclui seis backends de terminal, incluindo Modal e Daytona para implantação serverless.
engram v3.4.0 adiciona plugin Anthropic para manter o Claude Code funcionando sob novos limites de taxa
engram v3.4.0 introduz um plugin dedicado da Anthropic para Claude Code, adicionando três habilidades para gerenciar custos, consultar contexto e exibir erros. Instale com `/plugin install engram` ou `npm install -g engramx@latest`.
bareguard: Um Portão de Segurança Leve para Agentes de IA — Agora no npm
bareguard v1.0 é uma camada de segurança de ~1000 linhas e dependência única para agentes de IA que bloqueia ações destrutivas (rm -rf, DROP TABLE) e impõe limites de orçamento com escalonamento humano. Parte do bare suite, disponível no npm.