nexu-io/open-design4 files

After Hours Editorial Template

|

Specification
Skill ID
nexu-io/open-design/after-hours-editorial-template
Publisher
nexu-io
Repository
open-design
Installs
0
Files
4
Synced
Sep 23, 2026
How to use it

Open any RiverX project, open the Skills panel in the chat, and search for this identifier. The files are fetched from the source repository at install time.

nexu-io/open-design/after-hours-editorial-templateInstalls these files
  • SKILL.md
  • assets/template.html
  • example.html
  • references/checklist.md

What this skill tells the agent

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

  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
  1. Keep output single-file HTML with inline CSS and JS.
  2. Avoid sandbox-hostile browser APIs (e.g. localStorage and confirm).
  3. Validate with references/checklist.md before emitting.

Output contract

One short orientation sentence, then:

<artifact identifier="after-hours-editorial" type="text/html" title="After Hours Editorial Template">
<!doctype html>
<html>...</html>
</artifact>

Use this skill in a project

Open any RiverX project, search the Skills panel for nexu-io/open-design/after-hours-editorial-template, and install it in one click.

Use this skill