Plugin de Excelencia Creativa para Claude Code Mejora la Calidad de la Animación con Tesis de Interacción
Un desarrollador ha creado el plugin Creative Excellence para Claude Code para mejorar la calidad de las animaciones y el diseño de movimiento generados por el asistente de IA. El plugin aborda el problema común de que Claude produzca efectos de hover genéricos, gradientes aleatorios, glassmorphism y animaciones simples implementando un enfoque estructurado para el diseño de movimiento.
Cómo funciona
La innovación central es el concepto de 'tesis de interacción'. Antes de escribir cualquier código, Claude debe presentar un concepto de movimiento descrito en una oración, como 'snappy 150ms ease-out con slide+fade' o 'revelaciones cinematográficas de clip-path con texto escalonado'. El usuario aprueba o rechaza este concepto antes de que comience la programación, evitando animaciones inapropiadas como efectos de rebote en aplicaciones serias como apps bancarias.
Después de la aprobación, Claude determina automáticamente la pila tecnológica apropiada (GSAP, Framer Motion, animaciones CSS nativas, etc.), incorpora solo las subhabilidades relevantes, implementa la animación y realiza verificaciones básicas que incluyen soporte para prefers-reduced-motion, animaciones de salida y rendimiento de diseño.
Características del plugin
- Dos puntos de entrada:
/creative-excellencepara trabajar con proyectos existentes y/design-excellencepara el flujo completo desde la lluvia de ideas hasta la implementación y auditoría - 8 subhabilidades que cubren: principios de movimiento, GSAP, Framer Motion, animaciones CSS nativas, Three.js/R3F, canvas generativo, auditoría de diseño y sistemas de diseño
- Comparaciones de código MALO/BUENO y reglas concretas de 'No hacer' para evitar que Claude improvise de manera deficiente
- Basado en repositorios estudiados que incluyen mxyhi/ok-skills, kylezantos/design-motion-principles y freshtechbro/claudedesignskills
Instalación
El plugin es gratuito y de código abierto en github.com/AThevon/creative-excellence. Instalar usando:
/plugin marketplace add [email protected]:AThevon/creative-excellence.git
/plugin install creative-excellenceEl desarrollador da la bienvenida a comentarios y solicitudes de extracción para mejoras.
📖 Leer la fuente completa: r/ClaudeAI
👀 Ver también
Comparando Sistemas de IA Multiagente: Harness de Anthropic vs. el Modelo de Organización de Ingeniería de Agyn
Anthropic publicó un diseño de arnés para el desarrollo de aplicaciones de larga duración, mientras que el sistema multiagente de Agyn para la ingeniería de software autónoma basada en equipos se publicó como código abierto el mes pasado. Ambos sistemas rechazan los agentes monolíticos en favor de la separación de roles, las transferencias estructuradas y los bucles de revisión.
DeepMind DiscoRL Regla de Actualización de Metaaprendizaje Migrada de JAX a PyTorch
Un desarrollador ha adaptado la regla de actualización de metaaprendizaje DiscoRL de DeepMind de JAX a PyTorch. La implementación incluye un repositorio en GitHub con un cuaderno de Colab, una API y pesos alojados en Hugging Face.
La herramienta de automatización de flujos de trabajo Symphony funciona con Claude Code.
Un desarrollador logró que la especificación Symphony funcionara con Claude Code para automatizar flujos de trabajo de tickets a PR, utilizando inicialmente Node/TypeScript pero señalando que Elixir podría ser mejor. La herramienta requiere configuración separada de claves API y facturación más allá de las suscripciones a Claude.
Integración de Claude con Canva: un flujo de trabajo práctico para la generación de diseño
El conector de Canva de Claude exporta proyectos editables de Canva con diseños estructurados, no imágenes planas. La publicación detalla un flujo de trabajo desde el prompt hasta el carrusel terminado en 12-15 minutos, incluyendo configuración, modo de alta fidelidad y limitaciones honestas.