por Juanjo LunaAnimaciones web con buena interacción
Crea animaciones web con herramientas adecuadas y ajustes de tiempo e interrupción. Te ayuda cuando quieres transiciones fluidas, salidas correctas y compatibilidad con movimiento reducido.
Descripción original (inglés)
animate: Build purposeful web animations with appropriate tools, easing, duration, interruption, exits, and reduced-motion support.
Cómo instalarla
Una skill es una carpeta con un fichero SKILL.md. Para instalarla basta con copiar la carpeta animate en el sitio donde tu agente busca sus skills.
- Sin terminal: abre la carpeta en GitHub, descárgala y cópiala en la carpeta de tu agente (tabla de abajo).
- Con terminal (macOS, Linux o Git Bash en Windows): elige tu agente y copia los comandos.
git clone --depth 1 https://github.com/sickn33/agentic-awesome-skills.git /tmp/skill-src
mkdir -p ~/.claude/skills
cp -r "/tmp/skill-src/plugins/agentic-awesome-skills-claude/skills/animate" ~/.claude/skills/animate
rm -rf /tmp/skill-src| Agente | Para todos tus proyectos | Solo un proyecto |
|---|---|---|
| Claude Code | ~/.claude/skills | .claude/skills |
| GitHub Copilot | ~/.copilot/skills | .github/skills |
| Codex | ~/.agents/skills | .agents/skills |
| Gemini CLI | ~/.gemini/skills | .gemini/skills |
Muchos agentes leen también .agents/skills. Reinicia el agente después de instalar. Antes de instalar una skill, revisa su SKILL.md y los scripts que incluya: se ejecutan con tus permisos.
Más skills de sickn33/agentic-awesome-skills
- Consultar proyectos de IA 00-andruia-consultant
- Auditar y endurecer seguridad 007
- Crear y mejorar skills de Andru.ia 10-andruia-skill-smith
- Dossier de nicho y normativa 20-andruia-niche-intelligence
- Crear presentaciones con 2slides 2slides-ppt-generator
- Registro de feedback 360 360-feedback-system
- Experiencias web 3D 3d-web-experience
- Conectar agentes con A4A a4a
Explicación redactada con ayuda de IA a partir de la descripción original.