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
ClawWatcher Atinge 200 Usuários, Relata Economia Coletiva de Mais de US$ 28K na API OpenClaw
ClawWatcher, uma ferramenta que monitora os custos da API OpenClaw em tempo real, atingiu 200 usuários. Segundo seu criador, os usuários economizaram coletivamente mais de US$ 28.000 em custos de API, com uma redução média de custos de 45%.
Simplificando a Automação com os Wrappers OpenClaw
Os Wrappers do OpenClaw oferecem uma maneira eficiente de gerenciar agentes de codificação de IA. Descubra como essas ferramentas se integram facilmente a estruturas existentes com exemplos específicos de comandos e feedback da comunidade.
Foreman: Bot Slack de Código Aberto para Controle Remoto do Claude Local
Foreman é um bot do Slack gratuito e de código aberto que fornece controle remoto para instâncias locais do Claude Code em execução. Ele permite que desenvolvedores enviem tarefas para o Claude a partir de seus telefones, mantendo acesso total local ao sistema de arquivos, ferramentas e ambiente.
Estrutura Agente Jork Desenvolvida com Claude Alcança o Top 10 em Hackathon de US$ 4 Milhões
Um desenvolvedor criou um framework agentico chamado Jork usando os modelos Claude e GLM, que ficou entre os 10 primeiros entre mais de 2000 aplicações em um hackathon de US$ 4 milhões. O framework desenvolveu autonomamente ferramentas incluindo um radar de launchpad da Solana e um jogo funcional de caça-palavras.