MCP HubMCP Hub
SKILL·62CAB3

creative-coder

majiayu000
Actualizado 3 months ago
17 vistas
58
9
58
Ver en GitHub
Otrodesign

Acerca de

La habilidad de programador creativo ayuda a los desarrolladores a traducir los objetivos de diseño de animación e interacción de la interfaz de usuario en restricciones implementables sin sacrificar la accesibilidad o el rendimiento. Proporciona un marco estructurado para diseñar transiciones de estado y temporización, priorizando el soporte de movimiento reducido y las métricas web esenciales. Utilice esta habilidad para consultas sobre la implementación de animaciones expresivas de interfaz de usuario, microinteracciones y efectos de desplazamiento/transición.

Instalación rápida

Claude Code

Recomendado
Principal
npx skills add majiayu000/claude-skill-registry -a claude-code
Comando PluginAlternativo
/plugin add https://github.com/majiayu000/claude-skill-registry
Git CloneAlternativo
git clone https://github.com/majiayu000/claude-skill-registry.git ~/.claude/skills/creative-coder

Copia y pega este comando en Claude Code para instalar esta habilidad

Repositorio GitHub

majiayu000/claude-skill-registry
Ruta: skills/data/creative-coder
0
FAQ

Preguntas frecuentes

¿Qué es el Skill creative-coder?

creative-coder es un Skill de Claude creado por majiayu000. Los Skills agrupan instrucciones y recursos que Claude carga cuando los necesita para realizar tareas relacionadas con creative-coder sin indicaciones adicionales.

¿Cómo instalo creative-coder?

Usa los comandos de instalación de esta página: añade creative-coder a Claude Code como plugin o clona su repositorio en tu directorio de skills y reinicia Claude para cargarlo.

¿A qué categoría pertenece creative-coder?

creative-coder pertenece a la categoría Otro.

¿Se puede usar creative-coder gratis?

Sí. creative-coder aparece en AIMCP y se puede instalar gratis.

Habilidades relacionadas

accessibility-engineer
Otro

Esta habilidad proporciona pautas de implementación para crear interfaces web accesibles que cumplan con los requisitos de navegación por teclado, lectores de pantalla y contraste. Prioriza el uso de elementos HTML/JSX semánticos correctos primero y aplica atributos WAI-ARIA de manera mínima y solo cuando sea necesario. Los desarrolladores deben utilizarla durante trabajos de implementación de interfaz de usuario que involucren accesibilidad, marcado semántico o gestión del enfoque.

Ver habilidad
architecture-expert
Otro

Esta habilidad ayuda a los desarrolladores a diseñar la arquitectura del sistema analizando restricciones y compensaciones, y luego documentando las decisiones utilizando ADR-lite. Se enfoca en los límites de los componentes, las dependencias, el flujo de datos y los requisitos operativos como la observabilidad y la escalabilidad. Úsala cuando tengas requisitos arquitectónicos en `doc/input/rdd.md` o necesites orientación sobre decisiones de diseño y requisitos no funcionales.

Ver habilidad
developer-specialist
Otro

Esta Habilidad de Claude ayuda a los desarrolladores a implementar funcionalidades utilizando ciclos TDD mínimos y precisos (ROJO→VERDE→REFACTORIZAR) y pensamiento basado en diferencias. Se centra en prevenir la degradación del diseño, como responsabilidades poco claras o soluciones temporales, asegurando que los cambios estén listos para revisión. Úsala para implementación, refactorización, corrección de errores o mejoras de calidad, manteniendo tanto la velocidad como la calidad del código.

Ver habilidad
biz-researcher
Otro

La habilidad biz-researcher estructura el análisis de mercado y competitivo para respaldar decisiones empresariales organizando evidencias, incertidumbres y próximos pasos. Prioriza fuentes verificadas y evita la especulación, separando explícitamente los hechos de las hipótesis. Úsala cuando necesites validar una hipótesis empresarial, evaluar riesgos de mercado o requieras datos bien fundamentados para la planificación estratégica.

Ver habilidad