agentsclimarketplace

After hours editorial template

Skill nexu-io/open-design/skills/after-hours-editorial-template

🎨 The open-source Claude Design alternative. 🖥️ Local-first desktop app. 🖼️ Your coding agent becomes the design engine: prototypes, landing pages, dashboards, slides, images & video — real files, HTML/PDF/PPTX/MP4 export. 🤖 Claude Code / Codex / Cursor / Gemini / OpenCode / Qwen & 20+ CLIs via BYOK.

Install
npx -y skills add nexu-io/open-design --skill after-hours-editorial-template

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

What its author says it does

Copied from the file, not written here

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.

SKILL.md

2.4 KB, as published. Nobody here has run it

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
  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:

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

Keep looking

Skills are one crate of 328,083. Ordering is by how many stacks a row turns up in, so the top of any crate is what has actually been picked rather than what has the most stars.