Communitygithub.com

effects-skill

Wendet einen von 36 Video-Effekten (Neon-Text hinter dem Kopf, Magazin-Cover, umkreisende Reels, Glas-Widgets, Checkliste, Tier-Liste, Glitch …) auf einen vertikalen Face-Kamera-Clip an und rendert ihn in 4K mit Remotion. Verwende dies, wenn der Benutzer /effects eingibt, ein Selfie/Facecam-Video anhängt und nach einem Effekt, einem Edit, einem „Reel-Effekt“ fragt oder die Liste der Effekte sehen möchte.

Was ist effects-skill?

Das „effects-skill“ ist ein leistungsstarkes Tool für KI-Agenten wie Claude Code, die Remotion und Node.js nutzen, um aus einem vertikalen Facecam-Video-Clip (9:16) 36 verschiedene Videoeffekte zu rendern. Es erstellt professionelle, trendige Effekte wie Neon-Text, Magazin-Cover, umkreisende Reels, Glas-Widgets, Checklisten, Tier-Listen, Glitch und viele mehr – alle in 4K-Auflösung (2160×3840) oder wahlweise in 1080p für schnellere Ergebnisse. Der Skill ist besonders nützlich für Content-Ersteller, die schnell ansprechende visuelle Effekte für soziale Medien wie TikTok, Instagram oder YouTube Shorts benötigen, ohne manuelle Bearbeitung. Er erkennt automatisch Gesichter und Hintergründe, erlaubt benutzerdefinierte Texte, Profilinformationen, Farbakzente und Farbkorrekturen. Bei Bedarf kann ein 36-Effekte-Spickzettel generiert werden, um einen schnellen Überblick zu erhalten.

Funktioniert mit✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/Dryxio/effects-skill/tree/main

In Ihrer bevorzugten KI fragen

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

Dokumentation

/effects

Argumente : $ARGUMENTS

Alles wird aus dem Ordner dieser Fähigkeit ausgeführt (dem Ordner, der diese Datei enthält, normalerweise ~/.claude/skills/effects). Nenne ihn SKILL_DIR. Antworte dem Benutzer in seiner Sprache (standardmäßig Französisch).

1. Stelle sicher, dass es installiert ist

Führe node SKILL_DIR/scripts/effects.mjs doctor aus. Wenn etwas ✗ anzeigt, sage dem Benutzer, dass es sich um eine einmalige Installation handelt (3–10 Minuten, lädt ~1–2 GB herunter) und führe bash SKILL_DIR/setup.sh im Hintergrund aus, dann führe erneut doctor aus. Wenn doctor meldet, dass keine Grafikkarte vorhanden ist, warne, dass mit ✂ markierte Effekte langsam sein werden (~15 s pro Bild) und schlage --seconds 5 oder --fast vor.

2. Sammle, was du brauchst

  • Der Clip: das Video, das der Benutzer angehängt oder benannt hat (vertikales 9:16 Face-Kamera-Video funktioniert am besten; jedes Format wird auf 1080×1920 beschnitten). Wenn keines vorhanden ist, frage danach. Erfinde niemals einen Pfad.
  • Der Effekt: das erste Argument. Wenn es fehlt oder unbekannt ist, führe node SKILL_DIR/scripts/effects.mjs list aus, zeige die Liste und frage, welcher. „all“ / „toutes“ / „aperçu“ → führe den Befehl sheet aus (Schritt 4).
  • Ihr Profil: wenn SKILL_DIR/profile.json nicht existiert, frage einmal nach dem Vornamen oder der Marke und dem @, dann schreibe es: {"name": "Salim", "handle": "@salim", "accent": "#ff2d87"} (accent optional). Verwende es jedes Mal danach erneut.
  • Texte: verwende die Wörter des Benutzers, wenn er welche angegeben hat, ansonsten sind die Standardwerte in Ordnung. Welche Option jeder Effekt liest, steht in der Tabelle unten.

3. Rendern mit Checkliste

Erstelle eine Aufgabenliste mit diesen 5 Schritten und hake sie ab, während das Skript seine ✓ n/5-Zeilen ausgibt:

  1. Gesicht gefunden
  2. Vom Raum freigestellt
  3. Text hinter dir platziert
  4. Farben abgestimmt
  5. In 4K gerendert
node SKILL_DIR/scripts/effects.mjs render <effekt> "<clip>" [optionen]

Führe es im Hintergrund aus, wenn es lange dauert (mit ✂ markierte Effekte benötigen ~1 s pro Bild mit einer Grafikkarte, also ~2–3 Minuten für 10 s Video), und gib die Fortschrittszeilen weiter. Die Ausgabe landet neben dem Clip als <clip>-<effekt>.mp4 (2160×3840). Gib dem Benutzer diesen Pfad an.

Nützliche Optionen:

OptionEffekt
--hd1080p statt 4K, doppelt so schnell
--start 3 --seconds 8nur einen Abschnitt des Clips behalten
--smoothFreistellung mit 30 fps statt 15 (doppelt so lange, glatter bei schnellen Bewegungen)
--fastschnelle, aber gröbere Freistellung (Hintergrundreste um die Haare)
--images <ordner>Screenshots ihrer Reels für orbit, phone-fan, profile-wall, tier-list
`--grade warmcool
--accent "#00c2ff"Hauptfarbe
--props '{"notes":["…"]}'beliebige andere Eigenschaft (JSON)

Vor einem langen ✂-Render, wenn die Texte des Benutzers lang oder ungewöhnlich sind, führe zuerst eine Vorschau aus (~30 s) und schau sie dir an:

node SKILL_DIR/scripts/effects.mjs still <effekt> "<clip>" [gleiche Optionen]

4. Alle 36 auf ihrem Clip sehen

node SKILL_DIR/scripts/effects.mjs sheet "<clip>" [--name … --handle …]

Es erstellt <clip>-36-effets.jpg (ein Einzelbild von jedem Effekt). Zeige es dem Benutzer, damit er wählen kann.

Texte, die jeder Effekt liest

Verwende *sterne* um ein Wort in --headline oder --title, um es einzufärben. \n für einen Zeilenumbruch.

EffektOptionen, die er liest (Standardwerte in Klammern)
glass-widgets--name --handle --followers [71K], --props '{"chart":{"values":[…],"labels":[…],"unit":"K"}}'
documentary ✂--headline ["UN *CLIP.*\n36 EFFETS.\n*ZÉRO* APP."] --name --handle --kicker --word (Geistertext)
orbit ✂--images
kallaway-split--props '{"chart":{"title":"Mes 7 meilleurs reels\npar *vues*","values":[615,353,…],"labels":["Reel 1",…],"unit":"K"}}'
spotlight ✂--word [CLAUDIT] (ein kurzes Wort funktioniert am besten)
checklist--props '{"steps":[["Visage trouvé","chaque frame"],…]}' (5 Paare)
timeline--title ["Claude *le monte*"] --headline (Chips)
lineup--title
shortcut-rainkeine
red-collage ✂--headline --word (Hintergrundtext)
comment-box--comment ["claude 🔥"] --handle
cover-star ✂--name (Riesentitel) --headline --handle
headline-wall--props '{"notes":["…","…","…","…"]}'
phone-fan--word [MES REELS] --handle --images
rabbit-holekeine
profile-wall--handle --name --followers --images
noisekeine
the-bill--name --handle
split-headline--title ["Claude *monte* mes reels."] (das mit Sternen markierte Wort wird hervorgehoben)
pastel-word ✂--word [REELS]
tier-list--title --images
polaroid--title (Bildunterschrift, standardmäßig Name)
filmstripkeine
comic-book--word [BOUM]
glitch--word [GLITCH]
duotone--word [FOCUS] --accent
scanline--title
cinema--kicker [Chapitre I] --title (Untertitel)
breaking-news--headline --word --name --handle
quote-card--title (das Zitat) --name --handle
countdown--accent
progress-ring--word [regardé] --handle
emoji-burstkeine
neon-frame--word [live] --accent
typewriter--title oder --headline
zoom-punch--title (ein Wort pro Punch)

Wenn etwas fehlschlägt

  • clip introuvable: Überprüfe den Pfad, setze ihn in Anführungszeichen, wenn er Leerzeichen enthält.
  • Schriftarten stammen von Google Fonts und Remotion lädt beim ersten Rendern einen Headless-Chrome herunter: beides benötigt Internet.
  • Ein ✂-Effekt mit einer kaum sichtbaren Person oder mehreren Personen: Die Freistellung behält alle Personen, die sie als solche erkennt. Sage dies dem Benutzer.
  • Vorbereitete Dateien werden in SKILL_DIR/.work/ zwischengespeichert (ein Ordner pro Clip). Sie können jederzeit gelöscht werden, um Speicherplatz freizugeben.

Verwandte Skills