技能概述
after-hours-editorial-template 係一個高級暗黑編輯風格嘅 HyperFrames 模板，產生三頁電影感故事板。
靈感來自高級時裝標題卡和雜誌章節跨頁。當用戶請求高端時尚風格動態頁、陰鬱襯線敘事，或高端暗色簡報美學時使用。
觸發關鍵字
- after hours editorial template、dark fashion hyperframes template
- haute couture motion pages、magazine style cinematic slides
- 高級暗黑時尚風模板、高定雜誌風動效
- 電影感故事板、暗色奢華簡報
資源結構
after-hours-editorial-template/
├── SKILL.md
├── assets/
│ └── template.html
├── references/
│ └── checklist.md
└── example.html
視覺特徵
| 特徵 | 說明 |
|---|---|
| 風格 | 暗黑奢華編輯風 |
| 字體 | 高端襯線排版 |
| 強調色 | 品紅（magenta） |
| 頁數 | 三頁序列，每頁停留不超過 3 秒 |
| 過渡 | 優雅章節過渡 |
| 質感 | 電影顆粒 / 暗角 |
| 交互 | 局部光標光效互動（本地預覽） |
高級動畫行為
- 分階段文字揭示層級
- 章節擦拭過渡
- 環境顆粒 / 暗角深度效果
- 約束嘅光標光效互動
使用方法
自然語言觸發
用 after hours editorial 模板做一份高級暗黑時尚簡報
暗黑奢華風格，襯線排版，品紅強調色，電影顆粒
dark haute-couture editorial deck for fashion brand
工作流程
- 讀取
DESIGN.md，將色彩、字體、佈局決策映射到 CSS 變量 - 複製
assets/template.html到index.html - 保持三頁敘事序列，不增加默認停留時間
- 保留高級動畫行為
- 輸出單一文件 HTML，CSS 和 JS 內聯
- 避免使用沙箱敵對瀏覽器 API（如 localStorage、confirm）
- 用
references/checklist.md驗證後輸出
輸出格式
單文件 HTML editorial artifact：
<artifact identifier="after-hours-editorial" type="text/html" title="After Hours Editorial Template">
<!doctype html>
<html>...</html>
</artifact>