Communitygithub.com

Agentchengfeng/remotion-skill

Skill de animación lógica con Remotion — Convierte bocetos ASCII en GIF.

¿Qué es remotion-skill?

Este skill convierte bocetos ASCII en animaciones GIF utilizando Remotion, una biblioteca para crear videos programáticamente con React. Es útil para desarrolladores y diseñadores que desean transformar diagramas lógicos simples o bocetos en texto en animaciones visuales atractivas, facilitando la comunicación de ideas técnicas. Compatible con entornos Node.js y proyectos React, el skill procesa el texto ASCII, genera un storyboard y produce un GIF animado sin necesidad de herramientas de diseño complejas. Automatiza el flujo de trabajo desde la representación de texto hasta la salida de video, ahorrando tiempo en la creación de prototipos visuales.

Compatible con~Claude Code~Codex CLI~Cursor
npx skills add Agentchengfeng/remotion-skill
Ver original→Ver todas las habilidades

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Documentación

¿Qué hace remotion-skill?

Skill de animación lógica con Remotion — ASCII sketch a GIF.

Convierte bocetos ASCII en animaciones GIF utilizando Remotion y React.

¿Qué hace?

  • Toma un boceto ASCII como entrada.
  • Genera un storyboard animado usando la biblioteca Remotion.
  • Produce un GIF animado listo para compartir.

Casos de uso

  • Diagramas lógicos para documentación técnica.
  • Prototipos rápidos de animaciones a partir de texto.
  • Visualización de flujos de trabajo en presentaciones.

Instalación

npm install

Uso

npx remotion render src/index.tsx output.gif

Configuración

Asegúrate de tener Node.js 16+ y un proyecto React configurado.

Referencias

Skills relacionados

steipete/video-frames

Extract frames or short clips from videos using ffmpeg.

community

steipete/summarize

Summarize or transcribe URLs, YouTube/videos, podcasts, articles, transcripts, PDFs, and local files.

community

openclaw/openclaw

Use when testing, fixing, or extending the OpenClaw Control UI GUI with Vitest + Playwright end-to-end checks, mocked Gateway WebSocket flows, mocked dashboard runs, screenshots/videos, or agent-verifiable browser proof.

community

obra/superpowers

Obra superpowers agent skills.

community

affaan-m/ECC

See, Understand, Act on video and audio. See- ingest from local files, URLs, RTSP/live feeds, or live record desktop; return realtime context and playable stream links. Understand- extract frames, build visual/semantic/temporal indexes, and search moments with timestamps and auto-clips. Act- transcode and normalize (codec, fps, resolution, aspect ratio), perform timeline edits (subtitles, text/image overlays, branding, audio overlays, dubbing, translation), generate media assets (image, audio...

community

affaan-m/everything-claude-code

End-to-end marketing campaign planning and execution. Covers audience research, positioning, campaign angle definition, landing page copy, email sequences, social posts, ad copy, short-form video scripts, and content calendars. Use as the orchestration layer for multi-channel product launches. Use when planning or executing a multi-channel product launch, or producing landing page, email, social, or ad copy.

community