技能概述
Capsule 係 Zhangzara 系列入面最 modular、最 Y2K 嘅風格。暖骨色背景 + 藥丸形狀卡片 + 完整 pastel-pop 調色板，每一頁都像一張現代化嘅生活方式雜誌頁面。
呢個 deck 係單一自包含 HTML 文件，排版、調色板、裝飾系統同 slide 模板全部一齊調校好。
觸發關鍵字
- capsule、zhangzara-capsule
- playful、modern、upbeat、graphic
- lifestyle brand、creator portfolio
- zhangzara
風格特徵
| 屬性 | 值 | |------|-----| | 配色 | 淺色（暖骨色底 + pastel-pop 多色調） | | 正式度 | 中低（輕鬆、活潑） | | 信息密度 | 中 | | 示範頁數 | 10 頁 | | 字體 | 現代無襯線（圓潤友好） | | 裝飾元素 | 藥丸形狀卡片、pastel 色塊、圓角元素 |
視覺上係一套完整嘅 Y2K 現代語言：暖骨色背景提供舒適嘅閱讀體驗，pastel-pop 調色板（粉、藍、綠、黃、紫）通過藥丸形狀卡片呈現，整體感覺 modular、友好、現代。圓角元素營造出親切感，不像直角咁硬朗。
適用場景
推薦使用
- Lifestyle brand 品牌介紹
- Creator portfolio / 創作者作品集
- DTC（Direct-to-Consumer）產品發佈
- Beauty / wellness 品牌 pitch
- Agency credentials / 代理作品集
- Playful tech demo
- Research deck（想要 pop-art clarity 而非權威感）
不適合使用
- 需要傳統機構權威感嘅場景
- 嚴肅金融報告（膠囊形狀會削弱權威感）
使用方法
自然語言觸發
用 capsule 整一份 lifestyle brand deck
做一份 creator portfolio，Y2K 風格
zhangzara-capsule，幫我整 beauty brand pitch
指定技能
用 zhangzara-capsule 技能生成
工作流程
- 克隆 example.html 到工作空間
- 替換內容 — headline、正文、數字、名稱、日期等，保持圖片佔位符尺寸一致
- 保護設計系統 — 絕唔好改字體、調色、柵格或拆裝飾元素
- 調整頁數 — 複製合適佈局或從底部刪除，更新頁碼
- 設計新佈局 — 需要新佈局時用同套設計語言從零設計
- 保留導航運行時 — deck 附帶嘅 keyboard handler 保持原樣
實際例子
例子 1：Beauty Brand Launch
用戶：「用 capsule 整一份美妝品牌發佈 deck。」
生成結果：
- Cover：品牌 logo + tagline + pastel gradient 背景
- Brand Story：品牌故事 + founder photo placeholder
- Products：product cards（每個產品一個藥丸卡片）
- Ingredients：key ingredients grid
- Before/After：效果對比
- Press：媒體報導 logos
- CTA：shop now 按鈕
例子 2：Creator Portfolio
用戶：「整一份 creator portfolio，modular 風格。」
生成結果：
- Cover：creator name + photo + tagline
- About：簡介 + social stats
- Content：content categories（pill-shaped cards）
- Collaborations：brand partnership examples
- Metrics：audience demographics
- Rates：合作方案
- Contact：聯絡方式