{"id":"e0232a3a-b317-4704-a2ef-cf4014141517","shortId":"ULbsUG","kind":"skill","title":"after-hours-editorial-template","tagline":"Luxury dark-editorial HyperFrames template for three-page cinematic storyboards,\ninspired by haute couture title cards and magazine chapter spreads. Use when the\nuser asks for premium fashion-style motion pages, moody serif-led storytelling,\nor a high-end dark presentation aesthe","description":"# After Hours Editorial Template\n\nProduce a self-contained HTML editorial motion artifact in a dark luxury style,\nwith three short pages, cinematic typography, and premium transition language.\n\n## Resource map\n\n```text\nafter-hours-editorial-template/\n├── SKILL.md\n├── assets/\n│ └── template.html\n├── references/\n│ └── checklist.md\n└── example.html\n```\n\n## Workflow\n\n1. Read active `DESIGN.md` and map colors, typography tone, and layout rhythm\n into CSS variables while preserving a dark editorial baseline.\n2. Copy `assets/template.html` to `index.html`.\n3. Keep three narrative pages in sequence; do not increase default page dwell\n above 3 seconds.\n4. Preserve premium motion behavior:\n - staged text reveal hierarchy\n - chapter wipe transitions\n - ambient grain/vignette depth\n - restrained cursor-light interaction for local preview\n5. Keep output single-file HTML with inline CSS and JS.\n6. Avoid sandbox-hostile browser APIs (e.g. localStorage and confirm).\n7. Validate with `references/checklist.md` before emitting.\n\n## Output contract\n\nOne short orientation sentence, then:\n\n```xml\n\n\n...\n\n```","tags":["after","hours","editorial","template","open","design","nexu-io","agent-skills","ai-agents","ai-design","byok","claude"],"capabilities":["skill","source-nexu-io","skill-after-hours-editorial-template","topic-agent-skills","topic-ai-agents","topic-ai-design","topic-byok","topic-claude","topic-claude-code-for-design","topic-claude-design","topic-coding-agents","topic-design-systems","topic-design-tools","topic-desktop-app","topic-figma-alternative"],"categories":["open-design"],"synonyms":[],"warnings":[],"endpointUrl":"https://skills.sh/nexu-io/open-design/after-hours-editorial-template","protocol":"skill","transport":"skills-sh","auth":{"type":"none","details":{"cli":"npx skills add nexu-io/open-design","source_repo":"https://github.com/nexu-io/open-design","install_from":"skills.sh"}},"qualityScore":"0.700","qualityRationale":"deterministic score 0.70 from registry signals: · indexed on github topic:agent-skills · 44905 github stars · SKILL.md body (1,258 chars)","verified":false,"liveness":"unknown","lastLivenessCheck":null,"agentReviews":{"count":0,"score_avg":null,"cost_usd_avg":null,"success_rate":null,"latency_p50_ms":null,"narrative_summary":null,"summary_updated_at":null},"enrichmentModel":"deterministic:skill-github:v1","enrichmentVersion":1,"enrichedAt":"2026-05-18T18:50:09.269Z","embedding":null,"createdAt":"2026-05-09T12:51:46.325Z","updatedAt":"2026-05-18T18:50:09.269Z","lastSeenAt":"2026-05-18T18:50:09.269Z","tsv":"'1':96 '2':117 '3':122,136 '4':138 '5':161 '6':173 '7':184 'activ':98 'aesth':52 'after-hours-editorial-templ':1,84 'ambient':150 'api':179 'artifact':65 'ask':32 'asset':90 'assets/template.html':119 'avoid':174 'baselin':116 'behavior':142 'browser':178 'card':23 'chapter':26,147 'checklist.md':93 'cinemat':16,75 'color':102 'confirm':183 'contain':61 'contract':191 'copi':118 'coutur':21 'css':109,170 'cursor':155 'cursor-light':154 'dark':8,50,68,114 'dark-editori':7 'default':132 'depth':152 'design.md':99 'dwell':134 'e.g':180 'editori':4,9,55,63,87,115 'emit':189 'end':49 'example.html':94 'fashion':36 'fashion-styl':35 'file':166 'grain/vignette':151 'haut':20 'hierarchi':146 'high':48 'high-end':47 'hostil':177 'hour':3,54,86 'html':62,167 'hyperfram':10 'increas':131 'index.html':121 'inlin':169 'inspir':18 'interact':157 'js':172 'keep':123,162 'languag':80 'layout':106 'led':43 'light':156 'local':159 'localstorag':181 'luxuri':6,69 'magazin':25 'map':82,101 'moodi':40 'motion':38,64,141 'narrat':125 'one':192 'orient':194 'output':163,190 'page':15,39,74,126,133 'premium':34,78,140 'present':51 'preserv':112,139 'preview':160 'produc':57 'read':97 'refer':92 'references/checklist.md':187 'resourc':81 'restrain':153 'reveal':145 'rhythm':107 'sandbox':176 'sandbox-hostil':175 'second':137 'self':60 'self-contain':59 'sentenc':195 'sequenc':128 'serif':42 'serif-l':41 'short':73,193 'singl':165 'single-fil':164 'skill' 'skill-after-hours-editorial-template' 'skill.md':89 'source-nexu-io' 'spread':27 'stage':143 'storyboard':17 'storytel':44 'style':37,70 'templat':5,11,56,88 'template.html':91 'text':83,144 'three':14,72,124 'three-pag':13 'titl':22 'tone':104 'topic-agent-skills' 'topic-ai-agents' 'topic-ai-design' 'topic-byok' 'topic-claude' 'topic-claude-code-for-design' 'topic-claude-design' 'topic-coding-agents' 'topic-design-systems' 'topic-design-tools' 'topic-desktop-app' 'topic-figma-alternative' 'transit':79,149 'typographi':76,103 'use':28 'user':31 'valid':185 'variabl':110 'wipe':148 'workflow':95 'xml':197","prices":[{"id":"54c5e5a4-6c02-4fcc-ba99-0b1ba49fa00e","listingId":"e0232a3a-b317-4704-a2ef-cf4014141517","amountUsd":"0","unit":"free","nativeCurrency":null,"nativeAmount":null,"chain":null,"payTo":null,"paymentMethod":"skill-free","isPrimary":true,"details":{"org":"nexu-io","category":"open-design","install_from":"skills.sh"},"createdAt":"2026-05-09T12:51:46.325Z"}],"sources":[{"listingId":"e0232a3a-b317-4704-a2ef-cf4014141517","source":"github","sourceId":"nexu-io/open-design/after-hours-editorial-template","sourceUrl":"https://github.com/nexu-io/open-design/tree/main/skills/after-hours-editorial-template","isPrimary":false,"firstSeenAt":"2026-05-09T12:51:46.325Z","lastSeenAt":"2026-05-18T18:50:09.269Z"}],"details":{"listingId":"e0232a3a-b317-4704-a2ef-cf4014141517","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"nexu-io","slug":"after-hours-editorial-template","github":{"repo":"nexu-io/open-design","stars":44905,"topics":["agent-skills","ai-agents","ai-design","byok","claude","claude-code-for-design","claude-design","coding-agents","design-systems","design-tools","desktop-app","figma-alternative","generative-ai","hermes-agent","local-first","nextjs","no-code","prototyping","ui-generator","vibe-coding"],"license":"apache-2.0","html_url":"https://github.com/nexu-io/open-design","pushed_at":"2026-05-18T18:43:11Z","description":"🎨 Local-first, open-source alternative to Anthropic's Claude Design. ⚡ 19 Skills · ✨ 71 brand-grade Design Systems 🖼 Generate web · desktop · mobile prototypes · slides · images · videos · HyperFrames 📦 Sandboxed preview · HTML/PDF/PPTX/MP4 export 🤖 Runs on Claude Code / Codex / Cursor / Gemini / OpenCode / Qwen / Copilot / Hermes / Kimi CLI.","skill_md_sha":"73002addbc3a6590dbb912cb605c60b1c4214576","skill_md_path":"skills/after-hours-editorial-template/SKILL.md","default_branch":"main","skill_tree_url":"https://github.com/nexu-io/open-design/tree/main/skills/after-hours-editorial-template"},"layout":"multi","source":"github","category":"open-design","frontmatter":{"name":"after-hours-editorial-template","description":"Luxury dark-editorial HyperFrames template for three-page cinematic storyboards,\ninspired by haute couture title cards and magazine chapter spreads. Use when the\nuser asks for premium fashion-style motion pages, moody serif-led storytelling,\nor a high-end dark presentation aesthetic with rich transitions."},"skills_sh_url":"https://skills.sh/nexu-io/open-design/after-hours-editorial-template"},"updatedAt":"2026-05-18T18:50:09.269Z"}}