por Juanjo LunaUsar componentes animados de React
Crea secciones animadas en React con componentes listos para usar cuando necesitas efectos visuales llamativos en una web. También sirve para cabeceras, parallax o animaciones en Next.js con Tailwind.
Descripción original (inglés)
aceternity-ui: 100+ animated React components (Aceternity UI) for Next.js with Tailwind. Use for hero sections, parallax, 3D effects, or encountering animation, shadcn CLI integration errors.
Cómo instalarla
Una skill es una carpeta con un fichero SKILL.md. Para instalarla basta con copiar la carpeta aceternity-ui 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/secondsky/claude-skills.git /tmp/skill-src
mkdir -p ~/.claude/skills
cp -r "/tmp/skill-src/plugins/aceternity-ui/skills/aceternity-ui" ~/.claude/skills/aceternity-ui
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 secondsky/claude-skills
- Proteger APIs con autenticación api-authentication
- Documentar cambios de API api-changelog-versioning
- Probar contratos entre APIs api-contract-testing
- Gestionar errores en APIs api-error-handling
- Filtrar y ordenar APIs api-filtering-sorting
- Configurar pasarelas de API api-gateway-configuration
- Añadir paginación a APIs api-pagination
- Limitar el uso de APIs api-rate-limiting
Explicación redactada con ayuda de IA a partir de la descripción original.