Fähigkeiten hyperframes-creative
📦

hyperframes-creative

Mittleres Risiko 🌐 Netzwerkzugriff⚙️ Externe Befehle📁 Dateisystemzugriff⚡ Enthält Skripte🔑 Umgebungsvariablen

HyperFrames-Video-Regie erstellen

Videokompositionen werden oft generisch, wenn Stilentscheidungen improvisiert werden. Diese Skill gibt Agenten eine strukturierte kreative Richtung für ausgefeilte HyperFrames-Videos.

Unterstützt: Claude Codex Code(CC)
⚠️ 50 Schlecht
1

Die Skill-ZIP herunterladen

2

In Claude hochladen

Gehe zu Einstellungen → Fähigkeiten → Skills → Skill hochladen

3

Einschalten und loslegen

Agent-lesbare Ressourcen

Verwende diese Links, wenn ein AI Agent, Crawler oder Skript sauberen Kontext benötigt, statt die ganze Seite zu lesen.

Teste es

Verwendung von "hyperframes-creative". Ein Launch-Video für ein Entwickler-Produktivitätstool mit ruhigem, aber hochwertigem Ton.

Erwartetes Ergebnis:

Eine Frame-Richtung mit zurückhaltender Palette, code-fokussierten Oberflächen, gemessenem Tempo, Untertitelregeln und szenenweisen Dichtehinweisen.

Verwendung von "hyperframes-creative". Eine verspielte Verbraucher-App benötigt einen 30-sekündigen Social-Video-Stil.

Erwartetes Ergebnis:

Eine Preset-Empfehlung, Palettenbegründung, Typografie-Kombination, Untertitel-Skin-Auswahl und Beat-Gliederung für einen hellen Social-Clip.

Verwendung von "hyperframes-creative". Eine Entwurfskomposition sieht aus wie eine statische Webseite.

Erwartetes Ergebnis:

Eine Prüfung, die fehlende Frame-Komposition im großen Maßstab, schwache Vordergrund-Metadaten, geringe visuelle Dichte und generische Layoutentscheidungen identifiziert.

Sicherheitsaudit

Mittleres Risiko
v1 • 6/27/2026

The static scanner reported many critical and high findings, but most are false positives from design-language keywords, Markdown examples, and harmless words such as SAME. Real concerns remain: local helper scripts can execute npm, Node, and ffmpeg, and the design picker injects generated preview HTML with innerHTML.

67
Gescannte Dateien
28,120
Analysierte Zeilen
12
befunde
1
Gesamtzahl Audits
Probleme mit mittlerem Risiko (4)
Local HTML Injection Surface in Design Picker
The design picker renders generated preview_html and option data with innerHTML. The reference warns that preview_html must not contain scripts, event handlers, or javascript URLs, so misuse can create local XSS in the picker page.
Local Dependency Bootstrap Executes npm and Re-runs Node
The package loader can install pinned helper packages into a temporary directory and re-run the current Node process. It uses confirmation, pinned specs, and --ignore-scripts, but it still executes local package-management commands.
ffmpeg Subprocess Processes User-Supplied Media
The audio extraction helper passes a user-provided media path to ffmpeg and writes JSON output. It avoids shell=True, but ffmpeg parsing of untrusted media is still a local processing risk.
External Runtime and Font Dependencies
Several HTML assets load GSAP or fonts from external CDNs. These are normal presentation dependencies, but they create network access and supply-chain exposure during preview or rendering.
Probleme mit niedrigem Risiko (3)
Static Critical Sensitive Findings Are Keyword Collisions
The reported Windows SAM database findings include prose such as SAME in comments, not access to Windows credential stores. I did not find evidence of SAM database reads.
Static Weak-Crypto and C2 Findings Are Mostly Design Text
Many high findings are caused by terms inside frame presets, color descriptions, Markdown examples, and visual style labels. No evidence found of cryptographic routines or command-and-control behavior in those cited design files.
Prompt Injection Search Found No Direct Override Text
A targeted search for common instruction-override phrases found no evidence of embedded prompts telling the evaluator to ignore instructions, skip review, or change risk levels.

Erkannte Muster

innerHTML Assignment With Generated HTMLSynchronous Child Process ExecutionPython Subprocess Execution
Auditiert von: codex

Qualitätsbewertung

68
Architektur
100
Wartbarkeit
87
Inhalt
65
Community
39
Sicherheit
83
Spezifikationskonformität

Was du bauen kannst

Ein Produktlaunch-Video gestalten

Wähle ein Frame-Preset, ein Typografiesystem, eine Palette und einen Tempo-Plan, bevor du ein HyperFrames-Promo-Video erstellst.

Brand-Notizen in Videostil umwandeln

Wandle ein Design-Briefing in Frame-Regeln für Farbe, Schrift, Dichte, Untertitel und visuelle Tonalität um.

Eine Entwurfskomposition verbessern

Prüfe einen Videoentwurf auf generisches Layout, schwache Hierarchie, schlechtes Untertitel-Styling und fehlende Details eines produzierten Videos.

Probiere diese Prompts

Eine visuelle Richtung auswählen
Verwende hyperframes-creative, um eine visuelle Richtung für ein 45-sekündiges HyperFrames-Video über mein Produkt auszuwählen. Frage zuerst nach fehlenden Markendetails.
Eine Frame-Spezifikation erstellen
Verwende hyperframes-creative, um aus diesem Brand-Briefing eine frame.md-Design-Spezifikation zu entwerfen. Beziehe Farben, Typografie, Layout, Elevation und Untertitelstil ein.
Szenen-Beats planen
Verwende hyperframes-creative, um Szenen-Beats, Tempo, Erzählton und visuelle Dichte für ein 60-sekündiges Erklärvideo zu planen.
Eine Kompositionsrichtung prüfen
Verwende hyperframes-creative, um diesen HyperFrames-Entwurf auf Designtreue, Dichte des Videomediums, Typografieentscheidungen und Markenkonsistenz zu prüfen.

Bewährte Verfahren

  • Lies house-style.md und video-composition.md, bevor du nicht-triviale Designentscheidungen triffst.
  • Verwende exakte Marken-Tokens aus frame.md oder design.md, statt ähnliche Werte zu erfinden.
  • Validiere generierte HTML-Vorschauen und Untertitel vor dem Rendern oder Teilen von Ausgaben.

Vermeiden

  • Behandle einen Video-Frame nicht wie eine responsive Web-Landingpage.
  • Führe keine Hilfsskripte oder Dependency-Bootstrapping aus, ohne die Befehle vorher zu prüfen.
  • Füge kein nicht vertrauenswürdiges preview_html ohne Bereinigung in den Design-Picker ein.

Häufig gestellte Fragen

Was macht diese Skill?
Sie leitet die kreative Richtung für HyperFrames-Videos an, einschließlich Stil, Schrift, Paletten, Untertiteln, Erzählung und Beat-Planung.
Rendert sie Videos selbst?
Nein. Sie unterstützt die Ebene der kreativen Planung. Das Rendering wird von HyperFrames-Tools und zugehörigen Workflow-Skills übernommen.
Kann sie Animationsregeln erstellen?
Sie deckt übergeordnete Motion-Anleitung ab. Atomare Animationsmuster werden an die hyperframes-animation-Skill delegiert.
Funktioniert sie mit Claude Code und Codex?
Ja. Der Bericht nennt Unterstützung für Claude, Codex und Claude Code.
Gibt es Sicherheitsaspekte?
Ja. Die Skill enthält lokale Skripte, externe Schrift- oder Skript-URLs und einen HTML-Picker, der innerHTML verwendet.
Wann sollte ich sie verwenden?
Verwende sie vor dem Erstellen oder Überarbeiten eines HyperFrames-Videos, wenn visuelle Richtung und Frame-Design wichtig sind.

Entwicklerdetails

Dateistruktur

📁 frame-presets/

📁 biennale-yellow/

📄 caption-skin.html

📄 frame-showcase.html

📄 FRAME.md

📁 blockframe/

📄 caption-skin.html

📄 frame-showcase.html

📄 FRAME.md

📁 blue-professional/

📄 caption-skin.html

📄 frame-showcase.html

📄 FRAME.md

📁 bold-poster/

📄 caption-skin.html

📄 frame-showcase.html

📄 FRAME.md

📁 broadside/

📄 caption-skin.html

📄 frame-showcase.html

📄 FRAME.md

📁 capsule/

📄 caption-skin.html

📄 frame-showcase.html

📄 FRAME.md

📁 cartesian/

📄 caption-skin.html

📄 frame-showcase.html

📄 FRAME.md

📁 claude/

📄 caption-skin.html

📄 frame-showcase.html

📄 FRAME.md

📁 cobalt-grid/

📄 caption-skin.html

📄 frame-showcase.html

📄 FRAME.md

📁 coral/

📄 caption-skin.html

📄 frame-showcase.html

📄 FRAME.md

📁 creative-mode/

📄 caption-skin.html

📄 frame-showcase.html

📄 FRAME.md

📁 daisy-days/

📄 caption-skin.html

📄 frame-showcase.html

📄 FRAME.md

📁 editorial-forest/

📄 caption-skin.html

📄 frame-showcase.html

📄 FRAME.md

📁 palettes/

📄 bold-energetic.md

📄 clean-corporate.md

📄 dark-premium.md

📄 jewel-rich.md

📄 monochrome.md

📄 nature-earth.md

📄 neon-electric.md

📄 pastel-soft.md

📄 warm-editorial.md

📁 references/

📄 audio-reactive.md

📄 beat-direction.md

📄 composition-patterns.md

📄 data-in-motion.md

📄 design-adherence.md

📄 design-picker.md

📄 design-spec.md

📄 house-style.md

📄 motion-principles.md

📄 narration.md

📄 prompt-expansion.md

📄 typography.md

📄 video-composition.md

📄 visual-styles.md

📁 scripts/

📄 contrast-report.mjs

📄 extract-audio-data.py

📄 package-loader.mjs

📁 templates/

📄 design-picker.html

📄 SKILL.md