Communitygithub.com

Guilhermeslvg/video-portfolio

Remotion-Kartenanimationswissen

Was ist video-portfolio?

Dieses Skill bietet eine strukturierte Anleitung zur Erstellung von Kartenanimationen mit Remotion. Es enthält mehrere voneinander unabhängige Techniken, die jeweils in einer eigenen `TECHNIQUE.md`-Datei dokumentiert sind. Entwickler wählen gezielt eine Technik aus und laden nur deren Anleitung, ohne dass andere Komponenten beeinträchtigt werden. Die verfügbaren Ansätze umfassen statische Satellitenbilder mit `<Img>`-Tag, interaktive Karten über Mapbox (mit API-Key, 3D-Gebäuden und Globusansicht), den lizenzfreien MapLibre (kein API-Key nötig, aber ohne 3D), MapTiler mit Geodaten-Annotationen sowie CesiumJS für Gelände- und Bergflüge mit Flugsimulator-Perspektive. Das Skill ist ideal für Entwickler, die für Videoportfolios, Werbeclips oder interaktive Kartenprojekte fotorealistische oder stilisierte Kartenanimationen in Remotion integrieren möchten.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/Guilhermeslvg/video-portfolio/tree/HEAD/.agents/skills/remotion-maps
Original anzeigen→Alle Skills durchsuchen

In Ihrer bevorzugten KI fragen

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

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Dokumentation

Remotion Maps

Wähle genau eine Technik aus der vorgesehenen Aufnahme aus und lade anschließend nur die TECHNIQUE.md dieser Technik. Jedes Technikverzeichnis ist in sich abgeschlossen und kann entfernt werden, ohne die anderen zu beeinträchtigen.

Statische Karte

  • Erfordert das Herunterladen eines Satellitenbildes und dessen Einbindung in einem <Img>-Tag, mit Animationen darüber

Mapbox

  • Erfordert einen Mapbox-Key
  • Standardmäßig schönere Stile
  • Die Karte kann bei herausgezoomter Ansicht eine runde Weltkugel anzeigen
  • Enthält schöne 3D-Gebäude wie den Eiffelturm

MapLibre

  • Erfordert keinen API-Key, vollständig kostenlos
  • Enthält keine 3D-Gebäude

MapTiler

  • Verwendet MapTiler
  • Annotationen können über geografische Merkmale gezeichnet werden: Grenzen, Flüsse, Beschriftungen

CesiumJS

  • Durchflüge durch Gelände und Berge
  • „Flugsimulator“-Perspektive

Individual skills in this repo

This repo contains 5 individual skills — each has its own dedicated page.

Guilhermeslvg/video-portfolio

Router for all Remotion skills

Guilhermeslvg/video-portfolio

Transcribing, displaying and animating captions

Guilhermeslvg/video-portfolio

Structure Remotion markup for interactivity

Guilhermeslvg/video-portfolio

Content, animation and effects best practices

Guilhermeslvg/video-portfolio

Upgrade Remotion, and related packages

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