Communitygithub.com

firstsun-dev/skills

Todo o conhecimento de animação para HyperFrames — regras de movimento atômicas, blueprints de cena multifásicas, transições de cena, técnicas mais amplas de motion design E os sete adaptadores de runtime (GSAP padrão, mais Lottie, Three.js, Anime.js, keyframes CSS, Web Animations API, TypeGPU). Use para qualquer tarefa de movimento ou animação: escolha 2 a 4 regras e componha, ou carregue um blueprint, ou consulte a API específica do runtime (ex.: GSAP eases / Lottie player / Three.js mixer). Nativo do HyperFrames: timeline única pausada, seguro para seek, dete

O que é skills?

O repositório firstsun-dev/skills é uma base de conhecimento centralizada para animações no ecossistema HyperFrames. Ele contém regras de movimento atômicas que podem ser combinadas para criar animações complexas, blueprints de cena para sequências multifásicas e guias de transição entre cenas. O repositório também abrange técnicas mais amplas de motion design e documenta sete adaptadores de runtime: GSAP (padrão), Lottie, Three.js, Anime.js, keyframes CSS, Web Animations API e TypeGPU. É útil para desenvolvedores que trabalham com animação no HyperFrames, permitindo selecionar e compor regras, carregar blueprints prontos ou consultar APIs específicas de cada runtime. A abordagem nativa do HyperFrames utiliza uma timeline única pausada, garantindo segurança em operações de busca (seek) e evitando efeitos colaterais indesejados.

Funciona com~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/firstsun-dev/skills/tree/main/plugins/visual-content/skills/hyperframes-animation
Ver original→Navegar por todas as habilidades

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Documentação

O que skills faz?

Todo o conhecimento de animação para HyperFrames — regras de movimento atômicas, blueprints de cena multifásicas, transições de cena, técnicas mais amplas de motion design E os sete adaptadores de runtime (GSAP padrão, mais Lottie, Three.js, Anime.js, keyframes CSS, Web Animations API, TypeGPU). Use para qualquer tarefa de movimento ou animação: escolha 2 a 4 regras e componha, ou carregue um blueprint, ou consulte a API específica do runtime (ex.: GSAP eases / Lottie player / Three.js mixer). Nativo do HyperFrames: timeline única pausada, seguro para seek, dete

Habilidades Relacionadas

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