nexu-io/open-design

8-bit-orbit-video-template

Hyperframes-based video template for retro pixel deck motion design.

Voir la source
Document Skill original

Rendu depuis le dépôt source en conservant titres, exemples, code, tableaux, liens et images.

Hyperframes Video Template

Ship a premium template-mode Hyperframes composition with a ready default showcase and deterministic timeline behavior.

Resource map

text
8-bit-orbit-video-template/
├── SKILL.md
├── assets/
│   └── template.html
├── references/
│   └── checklist.md
└── example.html

The rendered MP4 showcase used by example.html is hosted at https://repo-assets.open-design.ai/resources/videos/skills/8-bit-orbit-video-template/default-showcase.mp4.

Workflow

  1. Copy assets/template.html to index.html.
  2. Keep the 3-scene structure and transition rhythm intact unless the user explicitly asks to change pacing.
  3. Personalize titles, subtitle lines, labels, and palette while preserving the retro pixel aesthetic.
  4. Keep timing constraint: every scene hold should stay within 3 seconds.
  5. Preserve deterministic behavior in generated compositions (no unseeded randomness, no infinite GSAP loops).
  6. Keep all code self-contained in one HTML file with inline CSS/JS.
  7. Validate against references/checklist.md before emitting the artifact.

Output contract

Emit one short sentence before the artifact, then a single HTML artifact:

xml
<artifact identifier="8-bit-orbit-video-template" type="text/html" title="8-Bit Orbit Video Template">
<!doctype html>
<html>...</html>
</artifact>
du même dépôt

Autres Skills

Tous les Skills
nexu-io
Communauté

ad-creative

Generate and iterate ad creative including headlines, descriptions, and primary text. Useful for paid social and search ad iteration.

installations
1
GitHub Stars
94,8 k
Mis à jour
8 sept.
nexu-io
Communauté

after-hours-editorial-template

Luxury dark-editorial HyperFrames template for three-page cinematic storyboards, inspired by haute couture title cards and magazine chapter spreads. Use when the user asks for premium fashion-style motion pages, moody serif-led storytelling, or a high-end dark presentation aesthetic with rich transitions.

installations
1
GitHub Stars
94,8 k
Mis à jour
8 sept.
nexu-io
Communauté

agent-browser

Browser automation CLI for AI agents. Use when the user needs to inspect, test, or automate browser behavior: navigating pages, filling forms, clicking buttons, taking screenshots, extracting page data, reading selected OpenDesign browser-tab context, testing web apps, dogfooding OpenDesign previews, QA, bug hunts, or reviewing app quality. Prefer local OpenDesign preview URLs unless the user explicitly asks for external browsing.

installations
1
GitHub Stars
94,8 k
Mis à jour
8 sept.
nexu-io
Communauté

algorithmic-art

Create generative art using p5.js with seeded randomness so every render is reproducible. Useful for procedural posters, motion-style stills, and artistic frame studies.

installations
1
GitHub Stars
94,8 k
Mis à jour
8 sept.