keeponfirst/keeponfirst-agentic-workflow-starter

即使你不在身边，任务也会不断推进。

一个8阶段的代理开发流程，将AI编码工具转变为协调一致的团队—— 一个规划者、资产生成器、UI设计师和云编码员——每一个关键决策都有人工批准。

快速入门 • 工作原理 • 安装为技能 • 文档 • 🇹🇼 繁體中文

---

为什么会有这样的存在

大多数AI编码会话是同步的：你提示，等待，复审，重复。 该工作流程将功能开发分给专业代理，确保工作以异步方式持续进行：

• 🌙 异步协作 — 云编码代理（Jules）在你睡觉时继续工作;观察者脚本在编排器完成后唤醒其进行审查
• 🧯 无单点配额失效 — 规划、资产生成、设计和编码均在不同工具上运行，配额独立
• 🧾 完全可追溯 — 每个提示、计划和任务都是仓库中的版本化文件;没有任何内容只存在于聊天窗口
• ✅ 人类门——结构化审批检查点（范围、线框、设计DNA），确保代理不会越过你的意图

**和你的堆叠一起用。

---

Why this exists

Most AI coding sessions are synchronous: you prompt, you wait, you review, you repeat. This workflow splits feature development across specialized agents so work continues asynchronously:

• 🌙 Async collaboration — cloud coding agents (Jules) keep working while you sleep; a watcher script wakes your orchestrator for review when they finish
• 🧯 No single-point quota failures — planning, asset generation, design, and coding run on different tools with independent quotas
• 🧾 Full traceability — every prompt, plan, and task is a versioned file in your repo; nothing lives only in a chat window
• ✅ Human gates — structured approval checkpoints (scope, wireframe, design DNA) so agents never run past your intent

Works with your stack. The pipeline is tool-agnostic: the default lineup is Google-first (Antigravity + Nano Banana + Stitch + Jules CLI), but each lane is swappable — the skill installs into Antigravity, Cursor, Claude Code, or Codex, and Pencil / Codex CLI slot in as design/code alternatives.

🚀 Quick Start

Install the workflow as a global skill (auto-detects your IDE):

curl -fsSL https://raw.githubusercontent.com/keeponfirst/keeponfirst-agentic-workflow-starter/main/scripts/install.sh | bash

Then trigger it in any project:

/kof                           # shorthand trigger
KOF workflow add dark mode     # natural language
用 KOF 開發新功能               # Chinese works too

Optional — for cloud code execution, install the Jules CLI:

npm install -g @google/jules && jules login

Prefer a full project scaffold instead? See Use as a project starter.

🔄 How It Works

flowchart LR
    subgraph Orchestrator
        A[0 INSIGHTS] --> B[1 PLAN] --> C[1.5 WIREFRAME GATE]
    end
    C --> D[2 ASSETSNano Banana]
    C --> E[2.5 DESIGNStitch]
    D --> F[3 CODEJules CLI]
    E --> F
    F --> G[4 REVIEW] --> H[5 RELEASE]