Marketing Personal Assistant
目標
建立一個打開瀏覽器就能用的行銷助理工具，整合 HS Design Quotation 的所有行銷活動。
不是 一個靜態頁面，而是每天打開來看「下一步做什麼？」的操作中心。
範圍
| 功能 | 優先級 | 說明 |
|---|---|---|
| 行銷計劃總覽 | P0 | 顯示當前 90 天進度、目前在哪個階段 |
| 一鍵平台跳轉 | P0 | Facebook / IG / TikTok / YouTube / 小紅書 / LinkedIn |
| 任務追蹤清單 | P0 | 打勾自動存，進度條可視化 |
| 影片素材庫 | P1 | 四支 MP4 一鍵開啟，附規格資訊 |
| 文案庫 | P1 | 各平台文案摺疊展開，複製貼上即可發 |
| 工具捷徑 | P1 | Resend / Stripe / Cloudflare / GitHub / Drive |
| 快速筆記 | P2 | 隨手記想法，瀏覽器自動存 |
| 檔案存取 | P2 | 行銷計劃、素材包一鍵開 |
設計語言
Apple 白底風格 — 靈感來自 apple.com：
- 純白背景
#ffffff - 深灰文字
#1d1d1f - 單一 accent 色
#c9a84c（HS Design 金色） - SF Pro 字體（Google Fonts 用 Inter 替代）
- 大量留白、無邊框卡片、微妙陰影
技術決策
- 純 HTML + CSS + JS 單檔案
- 無需伺服器、無需建置
- localStorage 存進度和筆記
- 放在
hyperframes/目錄下 - 雙擊就能開
完整成果（截至 14:06）
儀表板
hyperframes/marketing-dashboard.html — 32 KB · 530+ 行
| 功能 | 說明 |
|---|---|
| 🍎 Apple 白底設計 | Inter 字體、留白排版、HS 金色點綴 |
| ⏱ 6hr 倒數計時 | 進度條，存 localStorage |
| 🌅 智慧問候 | 自動切換早安/下午好/晚上好 |
| 📋 今日排程 | 根據星期顯示該做的事 |
| 🚀 一鍵跳轉 | 6 社群 + 6 工具 + 12 輔助工具 |
| ✅ 任務追蹤 | 10 項打勾即存 + 階段標示 |
| 📡 發布日誌 | 記錄發布內容 + 平台 |
| 📝 文案庫 | 6 組文案一鍵複製 |
| 📚 內容庫狀態 | 即時顯示各類素材數量 |
內容庫（21 個檔案）
全部在 hyperframes/content-library/，打開 index.html 可瀏覽全部。
| 類別 | 數量 | 檔案 |
|---|---|---|
| 📄 SEO Blog | 5 篇 | seo-blog-posts.md |
| 📱 社群貼文 | 25 篇 | social-media-posts.md |
| ✉️ Welcome Email | 4 封 | welcome-emails.md |
| 📨 Cold Email | 3 組 | cold-email-templates.md |
| 🔍 SEO 關鍵字 | 20+ | seo-keyword-research.md |
| 📅 行事曆 | 1 個 | content-calendar.html（可打勾追蹤） |
| 📇 CRM | 1 個 | prospect-crm.html（增刪改查+CSV） |
| ✅ 每日清單 | 1 個 | daily-checklist.html |
| 📊 每週回顧 | 1 個 | weekly-review.html |
| 🚀 開始使用 | 1 個 | getting-started.html |
| ⚡ 速查卡 | 1 個 | quick-reference.html |
| 🖨️ 可列印計劃 | 1 個 | marketing-plan-printable.html |
| 📐 Blog 模板 | 1 個 | blog-landing-page.html |
| 🎨 品牌指南 | 1 個 | brand-guidelines.md |
| 🏆 競品分析 | 1 個 | competitor-analysis.md |
| 🔍 GSC 指南 | 1 個 | gsc-setup-guide.md |
| 💳 Stripe 速查 | 1 個 | stripe-reference.md |
| 🖼️ 圖片規格 | 1 個 | image-specs.md |
| 📋 PS1 腳本 | 1 個 | publish-check.ps1 |
Obsidian 模板
| 檔案 | 用途 |
|---|---|
templates/marketing-weekly-review.md | 每週行銷回顧模板 |
templates/marketing-daily.md | 每日行銷日報模板 |
相關連結
- 儀表板：
hyperframes/marketing-dashboard.html - 內容庫索引：
hyperframes/content-library/index.html - 行銷計劃：
.agents/marketing-plans/hsdesign-quotation/final_plan.md - 產品：
https://quotation.hsdesign.biz - 行銷計劃：
.agents/marketing-plans/hsdesign-quotation/final_plan.md - 產品：
https://quotation.hsdesign.biz