After Hours Editorial Template

This is a HyperFrames template generator for dark luxury editorial motion pages. Think magazine chapter spreads meets haute couture title cards: premium serif typography, staged text reveals, chapter wipe transitions, and ambient grain effects. It outputs a single-file HTML artifact with three short cinematic pages, each under three seconds, mapped to your active design system's colors and type. The whole thing runs inline without localStorage or other sandbox-hostile APIs. Reach for this when you need moody, high-end storytelling slides that feel more like a fashion film than a typical deck.

skills.sh installs: 2.9K
GitHub stars: 106.9K
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add nexu-io/open-design --skill after-hours-editorial-template --agent claude-code

Installs into .claude/skills of the current project.

Files

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

after-hours-editorial-template/
├── SKILL.md
├── assets/
│   └── template.html
├── references/
│   └── checklist.md
└── example.html

Workflow

Read active DESIGN.md and map colors, typography tone, and layout rhythm into CSS variables while preserving a dark editorial baseline.
Copy assets/template.html to index.html.
Keep three narrative pages in sequence; do not increase default page dwell above 3 seconds.
Preserve premium motion behavior:
- staged text reveal hierarchy
- chapter wipe transitions
- ambient grain/vignette depth
- restrained cursor-light interaction for local preview
Keep output single-file HTML with inline CSS and JS.
Avoid sandbox-hostile browser APIs (e.g. localStorage and confirm).
Validate with references/checklist.md before emitting.