style-library
Select, customize, or extend the project's reusable motion-graphics card library and style templates. Use for choosing a visual style, adding a card, building a new style pack, or reusing a template in a HyperFrames video.
How do I install this agent skill?
npx skills add https://github.com/nateherkai/herk-edit-kit --skill style-libraryIs this agent skill safe to install?
- Gen Agent Trust Hubpass
The skill is generally safe for use in development environments. It provides instructions for motion-graphics library management, including the execution of local utility scripts and the processing of project-specific configuration files, which presents a minor indirect prompt injection surface.
- Socketpass
No alerts
- Snykpass
Risk: LOW · No issues
What does this agent skill do?
Reuse the style library
Read style-library/GUIDE.md, then style-library/registry.json. Filter by
style, tier, and purpose before opening individual cards. Read the selected
style's DESIGN.md, tokens.css, and manifest slot limits.
For an overlay, preserve transparency outside the card and the speaker's face.
For a takeover, use an opaque background. Copy the chosen card into the video's
compositions/, localize its CSS, fonts, and GSAP dependency, fill its named
data-slot values, and wire its timing using the HyperFrames skill. Copying a
card without its relative dependencies does not produce a complete asset.
Use style-templates/ for a whole-scene starting point. A media template may
require the student's own assets/source.mp4; check its README before rendering.
The catalog contains draft resources, not a promise that every card has passed rendered QA. Lint and render the selected card at actual project resolution, inspect its hero frame and transition, and check slot text at its maximum length.
When adding a style, use node scripts/style-library/new-style.mjs 03 my-style "My Style", then
complete its design tokens, manifest, and cards. Run
node scripts/style-library/build-registry.mjs after manifest changes. Keep
project-specific copy in the project, leaving reusable library cards generic.
How can the creator link this skill?
Add the canonical catalog link to the repository README so users can inspect current installs and available audits. The publishing guide covers the complete discovery path.
<a href="https://skillzs.dev/skills/nateherkai/herk-edit-kit/style-library">View style-library on skillZs</a>