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
Corvo do Conhecimento: Uma Plataforma de Base de Conhecimento Independente de Modelo Construída com Claude Code
Knowledge Raven é uma plataforma de base de conhecimento que permite que qualquer LLM compatível com MCP pesquise e cite documentos da empresa. Toda a plataforma foi construída com Claude Code por um fundador solo, apresentando backend Python/FastAPI, camada de ferramentas MCP e pipeline RAG agentico.
Configurando o OpenClaw como um Assistente de IA Sempre Ativo
O OpenClaw é configurado como um assistente de IA sempre ativo para uma pequena equipe de desenvolvimento. Ele está hospedado em um servidor Railway, garantindo acessibilidade constante além das máquinas locais individuais. O backend de Modelo de Linguagem Grande (LLM) utilizado é o Opus 4.5 do Claude. A interação ocorre principalmente através do WhatsApp via o gateway integrado.
WebClaw: Servidor MCP de Código Aberto para Extração Web com Claude
WebClaw é um servidor MCP de código aberto construído com Claude Code que fornece ferramentas de extração web para Claude Desktop e Claude Code, resolvendo as limitações do web_fetch integrado do Claude com impressão digital TLS e otimização de conteúdo.
Orion: Contornando o CoreML para Executar e Treinar LLMs Diretamente no Apple Neural Engine
Orion é um sistema Objective-C de código aberto que ignora o CoreML da Apple para executar e treinar LLMs diretamente no Apple Neural Engine (ANE), alcançando mais de 170 tokens/s para decodificação do GPT-2 124M e treinamento estável em múltiplas etapas em um transformer de 110 milhões de parâmetros.