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 transi
By nexu-io · 2,467 installs
npx skills add nexu-io/open-design --skill after-hours-editorial-template
Source repository · Upstream listing
After Hours Editorial Template
Produce a self contained HTML editorial motion artifact in a dark luxury style,
with three short pages, cinematic typography, and premium transition language.
Resource map
Workflow
1. Read active DESIGN.md and map colors, typography tone, and layout rhythm
into CSS variables while preserving a dark editorial baseline.
2. Copy assets/template.html to index.html .
3. Keep three narrative pages in sequence; do not increase default page dwell
above 3 seconds.
4. Preserve premium motion behavior:
staged text reveal hierarchy
chapter wipe transitions
ambient grain/vignette depth
restrained cursor light interaction for local preview
5. Keep output single file HTML with inline CSS and JS.
6. Avoid sandbox hostile browser APIs (e.g. localStorage and confirm).
7. Validate with references/checklist.md before emitting.
Output contract
One short orientation sentence, then: