after-hours-editorial-template

Generate three-page cinematic dark-editorial HTML motion artifacts for high-end design presentations.

93.2k|10.8k|Updated Apr 28, 2026

Search Tags:#template #HTML #editorial #Motion #Hyperframes #Design

One-click install

npx skills add https://github.com/nexu-io/open-design --skill after-hours-editorial-template

Or copy as Structured Prompt for Agent▼

Please help me install this Agent Skill.
Skill: after-hours-editorial-template
Source: https://github.com/nexu-io/open-design/tree/main/skills/after-hours-editorial-template
Command: npx skills add https://github.com/nexu-io/open-design --skill after-hours-editorial-template

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires gsap, and includes assets (resource) and references (resource) components.

What problem does it solve?

This Skill addresses the need for rapid, high-end cinematic presentation assets that maintain a consistent, luxury dark-editorial aesthetic without requiring manual coding for every slide.

Core Features & Use Cases

Cinematic Motion Templates: Produces three-page HTML sequences featuring staged text reveals, chapter wipes, and ambient grain effects.
Design System Integration: Maps typography, color, and layout variables from active design documentation into a cohesive dark-mode aesthetic.
Use Case: Quickly generate a high-end, three-page motion storyboard for a fashion brand presentation or a moody, serif-led chapter spread for a digital publication.

Quick Start

Create a three-page HyperFrames editorial sequence in a dark haute-couture style with premium serif typography and magenta accents.

Frequently Asked Questions about after-hours-editorial-template

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I generate a dark editorial motion template?▼

Use the after-hours-editorial-template to create a three-page HTML artifact by providing a prompt that specifies your narrative content and design system requirements.

What design system elements does this template support?▼

The template supports color, typography, layout, and component mapping, allowing you to inject your specific brand variables into the dark editorial baseline.

Can I customize the motion behavior in the template?▼

The template uses GSAP for motion, allowing you to adjust the timeline, transition speeds, and reveal sequences within the generated HTML file.

What are the limitations of this editorial template?▼

The template is designed for a three-page sequence with a dark aesthetic and should not be used for long-form content or light-themed presentations.