Communitygithub.com

firstsun-dev/skills

Sämtliches Animationswissen für HyperFrames – atomare Bewegungsregeln, mehrphasige Szenen-Blaupausen, Szenenübergänge, umfassende Motion-Design-Techniken und die sieben Laufzeitadapter (GSAP Standard sowie Lottie, Three.js, Anime.js, CSS-Keyframes, Web Animations API, TypeGPU).

Was ist skills?

Diese Fähigkeit bündelt das gesamte Animations-Know-how für HyperFrames, ein Framework zur Erstellung von Bewegungs- und Animationslogik. Sie enthält atomare Bewegungsregeln, mehrphasige Szenen-Blaupausen und Übergänge sowie umfassende Motion-Design-Techniken. Zudem werden sieben Laufzeitadapter unterstützt: GSAP (Standard), Lottie, Three.js, Anime.js, CSS-Keyframes, die Web Animations API und TypeGPU. Entwickler können 2-4 Regeln auswählen und kombinieren, eine Blaupause laden oder die API eines spezifischen Laufzeit-Adapters nachschlagen (z. B. GSAP-Easing, Lottie-Player, Three.js-Mixer). HyperFrames zeichnet sich durch eine einzelne pausierte Zeitleiste aus, die suchsicher und deterministisch ist – ideal für komplexe, mehrphasige Animationen in Web- und GPU-basierten Umgebungen.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/firstsun-dev/skills/tree/main/plugins/visual-content/skills/hyperframes-animation
Original anzeigen→Alle Skills durchsuchen

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Dokumentation

Was macht skills?

Sämtliches Animationswissen für HyperFrames – atomare Bewegungsregeln, mehrphasige Szenen-Blaupausen, Szenenübergänge, umfassende Motion-Design-Techniken UND die sieben Laufzeitadapter (GSAP Standard, plus Lottie, Three.js, Anime.js, CSS-Keyframes, Web Animations API, TypeGPU). Verwenden Sie diese Fähigkeit für jede Bewegungs- oder Animationsaufgabe: wählen Sie 2-4 Regeln aus und kombinieren Sie diese, oder laden Sie eine Blaupause, oder schlagen Sie die API eines bestimmten Laufzeit-Adapters nach (z. B. GSAP-Easing / Lottie-Player / Three.js-Mixer). HyperFrames-nativ: einzelne pausierte Zeitleiste, suchsicher, deterministisch.

Verwandte Skills

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