AI NEVER LATE.

PROJECT / AI AGENT / PROJECT MANAGEMENT

我點樣用 AI Agent
管理 21 個 Project

由一句「我仲有咩未做?」開始,建立一個由 AI Agent 維護、每日更新、手機隨時睇到嘅 Project Control Board。

21Projects
5Tier 1
DailySnapshot
AI AgentManaged
DESKTOP DASHBOARD ↘
MOBILE VIEW ↙

PUBLIC DEMO DATA · 5 SAFE SAMPLE PROJECTS

查看完整教學

THE PROBLEM

點解我要整呢樣嘢?

Project 多咗之後,最大問題唔係記唔記得,而係每次返去都要重新諗「下一步做乜」。

01

資料分散

Project 分散喺 Chat、Notes、不同文件,難以統一管理。

02

沒有固定優先級

每日打開幾個 Project,容易被新 idea 拉走注意力。

03

完成後沒有歷史

幾個月後未必記得做過甚麼,亦難回顧 Project 發展。

KEY FEATURES

可以做到啲乜?

一個睇得見全局的 Project Control Board,集中管理、清晰優先次序、由 AI 協助更新。

01

21 個 Project 集中管理

一個 Board 掌握所有進行中及已完成項目。

02

第一/二/三梯隊

用 Tier 排序,先聚焦最重要的工作。

03

每個 Project 有 Next Action

回到工作時,清楚知道下一步做甚麼。

04

Completed / Archived

保留完成與封存狀態,不讓舊項目消失。

05

每日 Snapshot

保存每日狀態,回看改變及工作歷史。

06

AI Agent 協助更新

Agent 按規則更新資料,再由人確認方向。

SYSTEM ARCHITECTURE

由決定到手機畫面:整個運作流程

Human decides → AI executes → Git records → Cloud deploys → Browser delivers.

YOUMartin
AI AGENTHermes
PROJECT DATAprojects.yaml
WEBAstro
VERSIONGitHub
DEPLOYCloudflare
ANY DEVICEBrowser / Mobile

BUILD JOURNEY

7 個關鍵階段:由概念到自動化

每一步都有驗證,完整操作留在 Step-by-step 教學。

  1. 01

    Project Inventory

    整理所有 Project 及現有狀態。

  2. 02

    Data Structure

    建立 projects.yaml。

  3. 03

    Local Dashboard

    Astro mobile-first UI。

  4. 04

    GitHub Workflow

    Private repo + authentication。

  5. 05

    Testing & History

    npm test、validation、snapshot。

  6. 06

    Cloud Deployment

    GitHub → Cloudflare Pages。

  7. 07

    AI Agent Automation

    Skill、Nightly Update、Morning Brief。

PUBLIC DEMO DATA / 5 SAFE SAMPLE PROJECTS

Demo Dashboard 畫面

以安全示範資料展示 Dashboard 卡片、每日優先事項和 Tier 摘要;沒有使用私人 Project 內容或 Live Demo 連結。

公開 Demo Dashboard,展示五個安全示範項目:Project Control Tutorial、Website Redesign、AI Course Library、Video Content Workflow、Mini Site Publisher。
PUBLIC DEMO DATA · 五個示範項目:Project Control Tutorial、Website Redesign、AI Course Library、Video Content Workflow、Mini Site Publisher。Case-study summary:21 Projects · Tier 1: 5 · Tier 2: 8 · Tier 3: 5 · Waiting: 4 · Completed: 2;不代表任何私人即時 Board。

TOOLS & STACK

使用的工具與技術

工具各自負責一段,組合起來就能建立一個低維護、易擴展的工作系統。

01

AI AGENT

Hermes

執行 files、Terminal、Git、build、test 及 update workflow。

02

STATIC FRAMEWORK

Astro

建立快速、簡潔的 static Dashboard。

03

DATA SOURCE

YAML

Project data 的 single source of truth。

04

PRIVATE REPOSITORY

GitHub

保存版本、改動及歷史紀錄。

05

DEPLOYMENT

Cloudflare Pages

Static hosting,由 Git 自動部署。

06

AGENT HOST

Mac mini

長期 Agent 工作環境,不必跑大型 LLM 才有價值。

NOTE /Hermes 並非必要。任何可以操作 files、Terminal、Git 及 coding workflow 的 AI Agent,都可以使用相同架構。今次使用 Hermes,因為它是實際執行這個工作流的 Agent。

STATIC NOW / DYNAMIC LATER

為什麼今次選擇 Static Site?

今次沒有使用 SSR,不是因為技術上做不到,而是目前需求並不需要。

今次使用

SSG / Static Site

projects.yaml→Build→Static HTML→Cloudflare
  • 單人使用,每日更新數次
  • 結構簡單、穩定、容易維護
  • 部署容易,hosting 成本低

可以升級

SSR / Dynamic Web App

Browser↓Server / Cloudflare↓Database / API
  • 多人登入,不同 User 看不同 Project
  • Database、Real-time、手機直接修改
  • Agent / API / Web 同時更新

NEXT / FOLLOW THE BUILD

AI Agent 的價值,
在於持續維護。

由 GitHub、Astro、Cloudflare 一路建立到 AI Agent 自動更新,跟住完整 Step-by-step 教學,逐步砌出屬於自己的 Project Control Board。

查看完整 Step-by-step 教學