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
Arquitectura de Memoria de Vektori: Principios del Sistema Filtrado de Claude
Vektori implementa un gráfico jerárquico de oraciones de tres capas para la memoria de IA, inspirado en principios filtrados de la arquitectura de Claude. El sistema utiliza filtros de calidad estrictos, recuperación escéptica con una puntuación mínima de 0.3 y mantiene un historial de correcciones entre sesiones.
Memctl: Servidor MCP de Código Abierto para Memoria Persistente en Agentes de Codificación de IA
Memctl es un servidor MCP de código abierto que proporciona a los agentes de programación con IA memoria persistente entre sesiones, máquinas e IDEs. Construido principalmente con Claude Code en dos semanas, almacena el contexto del proyecto y lo sirve en sesiones posteriores.
Código abierto local cambia automáticamente entre modelos de Claude para reducir costos de IA.
Un desarrollador creó un gancho local para Cursor y Claude Code que analiza las indicaciones y selecciona automáticamente el modelo Claude apropiado (Haiku, Sonnet u Opus) antes de enviar las solicitudes. La herramienta utiliza reglas de palabras clave para clasificar tareas y bloquear escenarios de sobrepago, mostrando un análisis retrospectivo una reducción de costos del 50-70%.
Configuración de Control por Voz Local para Agentes de IA en Apple Silicon
Configura el control de voz local para agentes de IA utilizando Parakeet STT y Kokoro TTS en Apple Silicon para interacciones rápidas e independientes de la nube.