por Juanjo LunaCrear animaciones con HyperFrames
Crea animaciones y vídeos explicativos cortos a partir de significado y dirección visual. Sirve cuando quieres convertir una idea, un producto o una función en una pieza de motion graphics.
Descripción original (inglés)
HyperFrames: One-off semantic animations and animated explainers authored as HTML + GSAP on HyperFrames, directed by the meaning layer (MeaningMap then Direction, reviewed before anything animates) and rendered to MP4 through the sandboxed HyperFrames seam, with the ArtDirection quality loop before delivery. USE WHEN animation, animate this, motion graphics, animated explainer, content to video, make a short, generate a video about, launch video, product launch video, launch film, capability video, feature video, make a video of what we just added, promo video, ad creative video, landing-page hero video, AI video, video overlay, render video, programmatic video, hyperframes, remotion (retired). NOT FOR static images or diagrams, or animated technical diagram GIFs (Art TechnicalDiagrams, which renders through this seam), editing or tight-cutting recorded footage (the video pipeline skill), narrated essays or explainers of a post, idea or feature (the video-essay skill), or audio-only cleaning (AudioEditor).
Cómo instalarla
Una skill es una carpeta con un fichero SKILL.md. Para instalarla basta con copiar la carpeta HyperFrames 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/danielmiessler/LifeOS.git /tmp/skill-src
mkdir -p ~/.claude/skills
cp -r "/tmp/skill-src/LifeOS/install/skills/HyperFrames" ~/.claude/skills/HyperFrames
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 danielmiessler/LifeOS
- Analizar informes anuales de ciberseguridad AnnualReports
- Oscilar el alcance del diseño ApertureOscillation
- Buscar y gestionar aforismos Aphorisms
- Crear arte y diagramas Art
- Revisar la dirección visual ArtDirection
- Buscar papers en arXiv ArXiv
- Evaluar modelos y resultados Assay
- Limpiar audio hablado AudioEditor
Explicación redactada con ayuda de IA a partir de la descripción original.