toh-framework
Advanced tools
+169
-296
| # ๐ฏ Toh Framework | ||
| > **"Type Once, Have it all!"** - AI-Orchestration Driven Development | ||
| > | ||
| > **"เธชเธฑเนเธเนเธฅเนเธงเธเธ เนเธกเนเธเธฒเธก เนเธกเนเธฃเธญ"** | ||
| > **"เธเธดเธกเธเนเธเธฃเธฑเนเธเนเธเธตเธขเธง เนเธเนเธเธฃเธ!"** - AI-Orchestration Driven Development | ||
@@ -10,16 +8,15 @@ [](https://www.npmjs.com/package/toh-framework) | ||
| [](https://github.com/wasintoh/toh-framework/blob/main/LICENSE) | ||
| [](https://github.com/wasintoh/toh-framework) | ||
| ๐ **เนเธงเนเธเนเธเธเนเธซเธฅเธฑเธ:** [tohframework.dev](https://tohframework.dev) | ||
| ๐ **เนเธงเนเธเนเธเธเน:** [tohframework.dev](https://tohframework.dev) | ||
| > ๐ **[๐ฌ๐ง English Documentation](../README.md)** | ||
| ## ๐ค เธฃเธญเธเธฃเธฑเธ IDEs | ||
| ## ๐ค IDE เธเธตเนเธฃเธญเธเธฃเธฑเธ | ||
| | IDE | เธชเธเธฒเธเธฐ | เธซเธกเธฒเธขเนเธซเธเธธ | | ||
| |-----|--------|-------| | ||
| | ๐ง **Claude Code** | โ เธฃเธญเธเธฃเธฑเธเนเธเนเธกเธเธตเน | Slash commands, Memory system | | ||
| | ๐ **Cursor** | โ เธฃเธญเธเธฃเธฑเธเนเธเนเธกเธเธตเน | @ file references | | ||
| | ๐ **Google Antigravity** | โ **เนเธซเธกเน!** เธฃเธญเธเธฃเธฑเธเนเธเนเธกเธเธตเน | Gemini integration เธฅเนเธฒเธชเธธเธ | | ||
| | ๐ **Gemini CLI** | โ เธฃเธญเธเธฃเธฑเธเนเธเนเธกเธเธตเน | Context files auto-loaded | | ||
| |-----|--------|----------| | ||
| | ๐ง **Claude Code** | โ เธฃเธญเธเธฃเธฑเธเนเธเนเธก | Native Sub-Agents, Slash commands | | ||
| | ๐ **Cursor** | โ เธฃเธญเธเธฃเธฑเธเนเธเนเธก | @ file references | | ||
| | ๐ **Google Antigravity** | โ เธฃเธญเธเธฃเธฑเธเนเธเนเธก | Gemini integration | | ||
| | ๐ **Gemini CLI** | โ เธฃเธญเธเธฃเธฑเธเนเธเนเธก | Context files auto-loaded | | ||
| | ๐ค **Codex CLI** | โ เธฃเธญเธเธฃเธฑเธ | OpenAI agents | | ||
@@ -31,118 +28,107 @@ | ||
| เนเธฃเธฒเนเธเธทเนเธญเธงเนเธฒ **Solo Developer** เนเธฅเธฐ **Solopreneur** เธเธงเธฃเธชเธฒเธกเธฒเธฃเธเธชเธฃเนเธฒเธเธฃเธฐเธเธ SaaS เนเธเนเธเนเธงเธขเธเธฑเธงเธเธเนเธเธตเธขเธง เนเธเธขเนเธกเนเธเนเธญเธเนเธเนเธ expert เธเธธเธเธเนเธฒเธ | ||
| เนเธฃเธฒเนเธเธทเนเธญเธงเนเธฒ **Solo Developers** เนเธฅเธฐ **Solopreneurs** เธเธงเธฃเธชเธฒเธกเธฒเธฃเธเธชเธฃเนเธฒเธเธฃเธฐเธเธ SaaS เนเธเนเธเนเธงเธขเธเธฑเธงเนเธญเธ เนเธเธขเนเธกเนเธเนเธญเธเนเธเนเธ expert เธเธธเธเธเนเธฒเธ | ||
| Toh Framework เธเธณเนเธซเนเธเธธเธ: | ||
| - ๐ฌ **เธชเธฑเนเธเธเธฒเธเนเธเธเธ เธฒเธฉเธฒเธเธ** - เนเธกเนเธเนเธญเธเนเธเธตเธขเธ prompt เนเธเธเธเธฑเธเธเนเธญเธ | ||
| - ๐ค **AI เธเธฑเธเธเธฒเธฃเนเธซเนเธซเธกเธ** - เนเธเธ tasks, เนเธฃเธตเธขเธ agents, เธเธณเธเธฒเธเธเธเนเธชเธฃเนเธ | ||
| - ๐ **เนเธซเนเธเธเธฅเธฅเธฑเธเธเนเธเธฑเธเธเธต** - เนเธกเนเธเนเธญเธเธฃเธญ, เนเธกเนเธเนเธญเธเธเธญเธเธเธณเธเธฒเธก | ||
| Toh Framework เธเนเธงเธขเนเธซเนเธเธธเธ: | ||
| - ๐ฌ **เธชเธฑเนเธเธเนเธงเธขเธ เธฒเธฉเธฒเธเธฃเธฃเธกเธเธฒเธเธด** - เนเธกเนเธเนเธญเธเนเธเธตเธขเธ prompt เธเธฑเธเธเนเธญเธ | ||
| - ๐ค **AI เธเธณเนเธซเนเธเธธเธเธญเธขเนเธฒเธ** - เนเธเนเธเธเธฒเธ เนเธฃเธตเธขเธ agent เธเธณเธเธเนเธชเธฃเนเธ | ||
| - ๐ **เนเธซเนเธเธเธฅเธเธฑเธเธเธต** - เนเธกเนเธเนเธญเธเธฃเธญ เนเธกเนเธเนเธญเธเธเธญเธเธเธณเธเธฒเธก | ||
| - ๐ **เธเธฃเนเธญเธกเนเธเนเธเธฒเธเธเธฃเธดเธ** - เนเธกเนเนเธเนเนเธเน prototype | ||
| ## โจ เธเธธเธเธชเธกเธเธฑเธเธดเธซเธฅเธฑเธ | ||
| ## ๐ เธกเธตเธญเธฐเนเธฃเนเธซเธกเนเนเธ v1.6.0 | ||
| - **๐ง The Brain** - `/toh-plan` เธงเธดเนเธเธฃเธฒเธฐเธซเน, เธงเธฒเธเนเธเธ, เธชเธฑเนเธเธเธฒเธฃเธเธธเธ agents | ||
| - **๐พ Auto Memory** - เธเธณ context เนเธเนเธเนเธฒเธก sessions, IDEs, เนเธฅเธฐ models | ||
| - **๐ เธเธดเธเธเธฑเนเธเธเนเธฒเธข** - เนเธเนเธเธณเธชเธฑเนเธเนเธเธตเธขเธงเธเนเธฒเธ `npx` | ||
| - **๐จ UI First** - เนเธซเนเธเธเธฅเธฅเธฑเธเธเนเธเธฑเธเธเธต เนเธกเนเธเนเธญเธเธฃเธญ backend | ||
| - **๐ค เนเธกเนเธเธฒเธกเธเธณเธเธฒเธก** - AI เธเธฑเธเธชเธดเธเนเธเนเธซเนเนเธฅเธข เนเธกเนเธเธฒเธกเธเธณเธเธฒเธกเธเธทเนเธเธเธฒเธ | ||
| - **๐น๐ญ เธเนเธญเธกเธนเธฅเธ เธฒเธฉเธฒเนเธเธข** - Mock data เธ เธฒเธฉเธฒเนเธเธข เธเธนเนเธซเธกเธทเธญเธเธเนเธญเธกเธนเธฅเธเธฃเธดเธ | ||
| - **๐งช เธเธเธชเธญเธเธญเธฑเธเนเธเธกเธฑเธเธด** - เธเธเธชเธญเธเธญเธฑเธเนเธเธกเธฑเธเธด เนเธเนเนเธเธเธเธเนเธฒเธ | ||
| - **๐ผ เธเธฃเนเธญเธกเนเธเนเธเธฒเธเธเธฃเธดเธ** - เนเธกเนเนเธเน prototype เนเธเนเนเธเนเธเธฒเธเนเธเนเธเธฃเธดเธ | ||
| - **๐ง เธฃเธญเธเธฃเธฑเธเธซเธฅเธฒเธข IDE** - Claude Code, Cursor, Gemini CLI, Codex CLI | ||
| ### ๐ค Claude Code Sub-Agents | ||
| ## ๐ เธกเธตเธญเธฐเนเธฃเนเธซเธกเนเนเธ v1.5.0 | ||
| 7 sub-agents เธชเธณเธซเธฃเธฑเธ Claude Code's Task delegation: | ||
| ### ๐ Google Antigravity - เธฃเธญเธเธฃเธฑเธเนเธเนเธกเธฃเธนเธเนเธเธ! | ||
| | Agent | เธเธงเธฒเธกเนเธเธตเนเธขเธงเธเธฒเธ | | ||
| |-------|---------------| | ||
| | ๐จ **ui-builder** | Pages, Components, Layouts | | ||
| | โ๏ธ **dev-builder** | Logic, State, API | | ||
| | ๐ **backend-connector** | Supabase, Auth, RLS | | ||
| | โจ **design-reviewer** | เธเธฑเธเนเธเธฅเธฒ, Animation | | ||
| | ๐งช **test-runner** | Auto test & fix | | ||
| | ๐ง **plan-orchestrator** | เธงเธดเนเธเธฃเธฒเธฐเธซเน, เธงเธฒเธเนเธเธ | | ||
| | ๐ฑ **platform-adapter** | LINE, Mobile, Desktop | | ||
| เธฃเธญเธเธฃเธฑเธ **Antigravity** (Gemini IDE) เธเธญเธ Google เนเธฅเนเธง! เธเธดเธเธเธฑเนเธเธเธฃเธฑเนเธเนเธเธตเธขเธง เนเธเนเนเธเนเธเธธเธ IDE: | ||
| ### ๐ Multi-Agent Orchestration | ||
| **`/toh` v4.0** - Smart Command เธเธฃเนเธญเธกเธเธงเธฒเธกเนเธเธฃเนเธเนเธช: | ||
| ```bash | ||
| npx toh-framework install | ||
| # เนเธฅเธทเธญเธ: Claude Code โ , Cursor โ , Gemini CLI / Antigravity โ | ||
| ``` | ||
| /toh เธชเธฃเนเธฒเธเธฃเธฐเธเธเธเธฑเธเธเธฒเธฃเธฃเนเธฒเธเธเธฒเนเธ | ||
| ### ๐๏ธ Dual Folder Architecture | ||
| # AI เนเธชเธเธเนเธเธ: | ||
| ๐ Workflow Plan: | ||
| โโโ 1. plan-orchestrator โ เธงเธดเนเธเธฃเธฒเธฐเธซเน requirements | ||
| โโโ 2. ui-builder โ เธชเธฃเนเธฒเธเธซเธเนเธฒเธเธฑเนเธเธซเธกเธ + components | ||
| โโโ 3. dev-builder โ เนเธเธดเนเธก state + forms + API | ||
| โโโ 4. design-reviewer โ เธเธฑเธเนเธเธฅเธฒเนเธซเนเธชเธงเธข | ||
| โโโ 5. test-runner โ Test เธเธเธเนเธฒเธ | ||
| | IDE | Folder | เนเธซเธเธธเธเธฅ | | ||
| |-----|--------|-----| | ||
| | Claude Code | `.claude/` | เธเธณเนเธเนเธเธชเธณเธซเธฃเธฑเธ slash commands | | ||
| | เธญเธทเนเธเน | `.toh/` | Central resources | | ||
| ๐ เธเธณเธฅเธฑเธเธเธณ... | ||
| ``` | ||
| เธเธฑเนเธเธชเธญเธ folder เธกเธต skills, agents, commands เนเธซเธกเธทเธญเธเธเธฑเธ - sync เธเธญเธ install! | ||
| ### ๐จ Vibe Mode | ||
| ### ๐ Memory Protocol Enforcement | ||
| **`/toh-vibe`** - เธชเธฃเนเธฒเธ project เธเธฃเธเนเธเธเธณเธชเธฑเนเธเนเธเธตเธขเธง: | ||
| - โ เธเธฑเธเธเธฑเธ load/save memory เธเธธเธเธเธฃเธฑเนเธ | ||
| - โ Skills checkpoint - AI เธเนเธญเธเธฃเธฒเธขเธเธฒเธ skills เธเธตเนเนเธซเธฅเธ | ||
| - โ Memory files เนเธเนเธเธ เธฒเธฉเธฒเธญเธฑเธเธเธคเธฉเนเธเธทเนเธญเธเธงเธฒเธกเธชเธกเนเธณเนเธชเธกเธญ | ||
| - โ เนเธเนเนเธเนเธเนเธฒเธก IDE | ||
| ``` | ||
| /toh-vibe โ plan โ ui โ dev โ design โ test โ โ เนเธญเธเธเธฃเนเธญเธกเนเธเนเธเธฒเธ | ||
| ``` | ||
| ### ๐ Skills Loading Checkpoint | ||
| เธเธณเธชเธฑเนเธเนเธเธตเธขเธง เนเธเนเนเธญเธเธเธฃเธ: | ||
| - โ 5+ เธซเธเนเธฒ (Home, Dashboard, Feature, Settings, Auth) | ||
| - โ Logic เนเธฅเธฐ state management เธเธฃเธ | ||
| - โ Mock data เธชเธกเธเธฃเธดเธ | ||
| - โ Design professional เธเธฃเนเธญเธก animations | ||
| - โ Test เธเนเธฒเธเธซเธกเธ | ||
| AI เธเนเธญเธเธฃเธฒเธขเธเธฒเธ skills เธเธตเนเนเธซเธฅเธเธเธญเธเนเธฃเธดเนเธกเธเนเธเธเธธเธเธเธฃเธฑเนเธ: | ||
| ```markdown | ||
| ๐ **Skills Loaded:** | ||
| - design-mastery โ (13 business profiles) | ||
| - premium-experience โ (5+ pages, animations) | ||
| ### ๐ฆ Dual Architecture | ||
| ๐ค **Agent:** vibe-agent | ||
| | IDE | Folder | Format | | ||
| |-----|--------|--------| | ||
| | Claude Code | `.claude/` | Native (tools, model) | | ||
| | เธญเธทเนเธเน | `.toh/` | Original (type, skills) | | ||
| ๐พ **Memory:** Loaded โ | ||
| ``` | ||
| เธเธฑเนเธเธชเธญเธเธกเธตเธเธงเธฒเธกเธชเธฒเธกเธฒเธฃเธเนเธซเธกเธทเธญเธเธเธฑเธ - sync เธเธญเธ install! | ||
| --- | ||
| ### ๐๏ธ Full Visibility | ||
| ## โจ Features เธเธฒเธ v1.4.0 (เธขเธฑเธเนเธเนเนเธเน!) | ||
| เนเธซเนเธเธงเนเธฒ agent เนเธซเธเธเธณเธญเธฐเนเธฃ: | ||
| ### โจ Smart Single Command & Premium Experience | ||
| ``` | ||
| ๐ค Agent: ui-builder | ||
| ๐ Skills: ui-first-builder, design-mastery, premium-experience | ||
| ๐พ Memory: Loaded โ | ||
| | Feature | Description | | ||
| |---------|-------------| | ||
| | **`/toh` Smart Command** | เธเธดเธกเธเนเธญเธฐเนเธฃเธเนเนเธเน AI เนเธฅเธทเธญเธ Agent เนเธซเน! | | ||
| | **Premium Experience** | เธชเธฃเนเธฒเธเนเธญเธ 5+ เธซเธเนเธฒ เธเธฃเนเธญเธก animations เนเธเธเธณเธชเธฑเนเธเนเธเธตเธขเธง | | ||
| | **Design Mastery** | Smart design เธเธฒเธก business type (13 profiles) | | ||
| | **Prompt Optimizer** | เธชเธณเธซเธฃเธฑเธ AI SaaS - เธชเธฃเนเธฒเธ system prompts เธเธตเนเธเธต | | ||
| | **Response Format** | เธเธญเธเธเธฃเธ 3 เธชเนเธงเธ: เธเธณเธญเธฐเนเธฃ / เนเธเนเธญเธฐเนเธฃ / เธเนเธญเธเธเธณเธญเธฐเนเธฃ | | ||
| โ Created: src/app/dashboard/page.tsx | ||
| โ Created: src/components/stats-card.tsx | ||
| ``` | ||
| ### ๐ Premium by Default | ||
| เนเธกเธทเนเธญเธชเธฃเนเธฒเธเนเธญเธเนเธซเธกเน เธเธฐเนเธเน: | ||
| - โ 5+ เธซเธเนเธฒเธญเธฑเธเนเธเธกเธฑเธเธด (Home, Dashboard, Feature, Settings, Auth) | ||
| - โ Animations เธเธฃเธ (Page transitions, hover effects, stagger) | ||
| - โ Loading states เธเธธเธเธซเธเนเธฒ | ||
| - โ Empty states เธญเธญเธเนเธเธเนเธฅเนเธง | ||
| - โ Zero TypeScript errors | ||
| --- | ||
| ### ๐จ Design Mastery (13 Business Profiles) | ||
| AI เนเธฅเธทเธญเธ design เนเธซเนเนเธซเธกเธฒเธฐเธเธฑเธ business: | ||
| ``` | ||
| เธฃเนเธฒเธเธญเธฒเธซเธฒเธฃ โ เธชเธต warm, font Playfair | ||
| SaaS โ เธชเธต professional blue | ||
| E-commerce โ เธชเธต trust emerald | ||
| Gaming โ Dark mode, neon accents | ||
| ...เนเธฅเธฐเธญเธทเนเธเน เธญเธตเธ 9 profiles | ||
| ``` | ||
| ## โจ Features | ||
| ### ๐ง `/toh-plan` - The Brain | ||
| ```bash | ||
| /toh-plan เธญเธขเธฒเธเนเธเธดเนเธกเธฃเธฐเธเธ login เนเธเธ social login | ||
| ``` | ||
| AI เธเธฐเธงเธดเนเธเธฃเธฒเธฐเธซเนเนเธเธฃเนเธเธ เธชเธฃเนเธฒเธเนเธเธ เนเธชเธเธเนเธซเนเนเธซเนเธเธงเนเธฒเธเธฐเธเธณเธญเธฐเนเธฃเธเนเธฒเธ เนเธฅเนเธงเธเนเธญเธขเธฅเธเธกเธทเธญเธเธณเนเธเธขเนเธเน agents เธเธตเนเนเธซเธกเธฒเธฐเธชเธก | ||
| | Feature | เธฃเธฒเธขเธฅเธฐเนเธญเธตเธขเธ | | ||
| |---------|------------| | ||
| | **`/toh` Smart Command** | เธเธดเธกเธเนเธญเธฐเนเธฃเธเนเนเธเน AI เนเธฅเธทเธญเธ agent เนเธซเน | | ||
| | **Sub-Agents** | 7 agents เนเธเธตเนเธขเธงเธเธฒเธเนเธเธเธฒเธฐเธเธฒเธ | | ||
| | **Multi-Agent Orchestration** | Workflow เธเธฑเธเธเนเธญเธเธเธฃเนเธญเธกเธเธงเธฒเธกเนเธเธฃเนเธเนเธช | | ||
| | **Premium Experience** | 5+ เธซเธเนเธฒเธเธฃเนเธญเธก animations เนเธเธเธณเธชเธฑเนเธเนเธเธตเธขเธง | | ||
| | **Design Mastery** | 13 business profiles เธชเธณเธซเธฃเธฑเธ design เธญเธฑเธเธเธฃเธดเธขเธฐ | | ||
| | **Auto Memory** | Context เธเธเธญเธขเธนเนเธเนเธฒเธก sessions เนเธฅเธฐ IDEs | | ||
| | **Auto Testing** | Test & fix loop เธเธเธเนเธฒเธเธซเธกเธ | | ||
| ### ๐พ Auto Memory System | ||
| AI เธเธณเธเธธเธเธญเธขเนเธฒเธเธเนเธฒเธก sessions: | ||
| - เนเธเธฅเธตเนเธขเธ IDE (Claude โ Cursor) - context เธขเธฑเธเธญเธขเธนเน | ||
| - Token เนเธเนเธก - เนเธเธดเธ chat เนเธซเธกเนเนเธเน context เธขเธฑเธเธญเธขเธนเน | ||
| - เธเธฃเธธเนเธเธเธตเนเธกเธฒเธเธณเธเนเธญ - context เธขเธฑเธเธญเธขเธนเน | ||
| --- | ||
| เนเธเธฅเนเนเธเนเธเธเธตเน `.toh/memory/` - เนเธกเนเธเนเธญเธ config เธญเธฐเนเธฃ เนเธเนเนเธเนเนเธฅเธข! | ||
| ## ๐ฆ เธเธฒเธฃเธเธดเธเธเธฑเนเธ | ||
| ```bash | ||
| # เธเธดเธเธเธฑเนเธเนเธเธ Interactive (เนเธฅเธทเธญเธ IDEs เนเธฅเธฐเธ เธฒเธฉเธฒเนเธเน) | ||
| # เธเธดเธเธเธฑเนเธเนเธเธ interactive (เนเธฅเธทเธญเธ IDE เนเธฅเธฐเธ เธฒเธฉเธฒ) | ||
| npx toh-framework install | ||
| # เธเธดเธเธเธฑเนเธเนเธเธเธเนเธงเธ (Claude Code + Cursor, เธ เธฒเธฉเธฒเธญเธฑเธเธเธคเธฉ) | ||
| # เธเธดเธเธเธฑเนเธเนเธเธเธฃเธงเธเนเธฃเนเธง (Claude Code + Cursor, English) | ||
| npx toh-framework install --quick | ||
| # เธเธดเธเธเธฑเนเธเนเธเธเธฒเธฐ IDE เธเธตเนเธเนเธญเธเธเธฒเธฃ | ||
| # เธเธดเธเธเธฑเนเธเนเธเธเธฒเธฐ IDE | ||
| npx toh-framework install --ide claude | ||
@@ -153,39 +139,25 @@ npx toh-framework install --ide cursor | ||
| # เธเธดเธเธเธฑเนเธเธซเธฅเธฒเธข IDEs | ||
| # เธซเธฅเธฒเธข IDEs | ||
| npx toh-framework install --ide "claude,cursor,gemini,codex" | ||
| ``` | ||
| ## ๐ เธญเธฑเธเนเธเธเนเธเนเธ Version เนเธซเธกเน | ||
| ## ๐ เธญเธฑเธเนเธเธเนเธเนเธเนเธงเธญเธฃเนเธเธฑเธเธฅเนเธฒเธชเธธเธ | ||
| เธเนเธฒเธเธดเธเธเธฑเนเธเนเธงเนเนเธฅเนเธง เธญเธขเธฒเธเธญเธฑเธเนเธเธเนเธเนเธ version เนเธซเธกเน: | ||
| ```bash | ||
| # เธงเธดเธเธตเธเธตเน 1: เนเธเน npx (เนเธเธฐเธเธณ - เนเธเน version เธฅเนเธฒเธชเธธเธเนเธชเธกเธญ) | ||
| # เธงเธดเธเธตเธเธตเน 1: เนเธเน npx (เนเธเธฐเธเธณ - เนเธเนเนเธงเธญเธฃเนเธเธฑเธเธฅเนเธฒเธชเธธเธเนเธชเธกเธญ) | ||
| npx toh-framework@latest install | ||
| # เธงเธดเธเธตเธเธตเน 2: เธเนเธฒเธเธดเธเธเธฑเนเธ global เนเธงเน | ||
| # เธงเธดเธเธตเธเธตเน 2: เธเนเธฒเธเธดเธเธเธฑเนเธ globally | ||
| npm update -g toh-framework | ||
| toh install | ||
| # เธงเธดเธเธตเธเธตเน 3: เธเธดเธเธเธฑเนเธเนเธซเธกเนเธเธฑเธเนเธเนเนเธฅเธข | ||
| npx toh-framework install | ||
| ``` | ||
| > ๐ก **Tip:** เธเธฒเธฃ install เธเนเธณเธเธฐเธญเธฑเธเนเธเธ skills, agents, commands เนเธซเนเนเธซเธกเนเนเธเธขเนเธกเนเธฅเธ memory เธเธตเนเธกเธตเธญเธขเธนเน! | ||
| > ๐ก **Tip:** เธเธฒเธฃเธเธดเธเธเธฑเนเธเนเธซเธกเนเธเธฐเธญเธฑเธเนเธเธ skills, agents, เนเธฅเธฐ commands เนเธเธขเนเธกเนเธฅเธ memory เธเธตเนเธกเธตเธญเธขเธนเน! | ||
| ## ๐ ๏ธ IDEs เนเธฅเธฐ CLI Tools เธเธตเนเธฃเธญเธเธฃเธฑเธ | ||
| --- | ||
| | Tool | เธเธฃเธดเธฉเธฑเธ | เนเธเธฅเน Config | เธชเธเธฒเธเธฐ | | ||
| |------|--------|-------------|-------| | ||
| | **Claude Code** | Anthropic | `.claude/` + `CLAUDE.md` | โ เธฃเธญเธเธฃเธฑเธเนเธเนเธกเธเธตเน | | ||
| | **Cursor** | Cursor | `.cursor/rules/` | โ เธฃเธญเธเธฃเธฑเธเนเธเนเธกเธเธตเน | | ||
| | **Gemini CLI** | Google | `.gemini/` | โ เธฃเธญเธเธฃเธฑเธเนเธเนเธกเธเธตเน | | ||
| | **Codex CLI** | OpenAI | `AGENTS.md` | โ เธฃเธญเธเธฃเธฑเธเนเธเนเธกเธเธตเน | | ||
| ## ๐ เนเธฃเธดเนเธกเธเนเธเนเธเนเธเธฒเธ | ||
| ### Claude Code (Anthropic) | ||
| ### Claude Code | ||
| เธซเธฅเธฑเธเธเธดเธเธเธฑเนเธเนเธฅเนเธง เนเธเน commands เนเธเนเธเธฑเธเธเธต: | ||
| ```bash | ||
@@ -195,17 +167,23 @@ # เนเธเธดเธ project เธเนเธงเธข Claude Code | ||
| # เธเธน commands เธเธฑเนเธเธซเธกเธ | ||
| # เนเธชเธเธเธเธณเธชเธฑเนเธเธเธฑเนเธเธซเธกเธ | ||
| /toh-help | ||
| # เธชเธฃเนเธฒเธเนเธเธฃเนเธเธเนเธซเธกเน (เธชเธฑเนเธเนเธเธเธ เธฒเธฉเธฒเธเธเนเธเนเนเธฅเธข!) | ||
| /toh-vibe เธญเธขเธฒเธเนเธเนเธฃเธฐเธเธเธเธฑเธเธเธฒเธฃเธฃเนเธฒเธเธเธฒเนเธ เธกเธต POS เธชเธเนเธญเธ เธฃเธฒเธขเธเธฒเธเธขเธญเธเธเธฒเธข | ||
| # Smart command - AI เนเธฅเธทเธญเธ agent เนเธซเน | ||
| /toh เธชเธฃเนเธฒเธ landing page เธเธฃเนเธญเธกเธชเนเธงเธ pricing | ||
| # เธชเธฃเนเธฒเธ project เธเธฃเธ | ||
| /toh-vibe เธฃเธฐเธเธเธเธฑเธเธเธฒเธฃเธฃเนเธฒเธเธเธฒเนเธ | ||
| # เนเธเธดเนเธก UI | ||
| /toh-ui เนเธเธดเนเธกเธซเธเนเธฒ dashboard เนเธชเธเธเธขเธญเธเธเธฒเธขเธฃเธฒเธขเธงเธฑเธ | ||
| /toh-ui เนเธเธดเนเธก dashboard เนเธชเธเธเธขเธญเธเธเธฒเธข | ||
| # เธเธฃเธฑเธ Design เนเธซเนเธชเธงเธข | ||
| /toh-design เธเธณเนเธซเนเธเธนเนเธเนเธเธกเธทเธญเธญเธฒเธเธตเธ เธชเธงเธขเธเธฒเธก | ||
| # เนเธเธดเนเธก Logic | ||
| /toh-dev เนเธเธดเนเธก form validation เนเธฅเธฐ API calls | ||
| # เธเธเธชเธญเธเธฃเธฐเธเธ (Auto fix เธเธเธเนเธฒเธ!) | ||
| /toh-test เธเธเธชเธญเธเธเธธเธเธซเธเนเธฒ | ||
| # เธเธฃเธฑเธ Design | ||
| /toh-design เธเธณเนเธซเนเธเธนเนเธเนเธ professional | ||
| # Test เธฃเธฐเธเธ | ||
| /toh-test | ||
| # Deploy | ||
@@ -221,92 +199,42 @@ /toh-ship | ||
| # เธซเธฃเธทเธญเนเธเน command เนเธเธเธฒเธฐ | ||
| # เธซเธฃเธทเธญเนเธเนเธเธณเธชเธฑเนเธเนเธเธเธฒเธฐ | ||
| @toh:ui เธชเธฃเนเธฒเธเธซเธเนเธฒ calendar เธชเธณเธซเธฃเธฑเธเธเธญเธเธซเนเธญเธ | ||
| ``` | ||
| ### Gemini CLI (Google) | ||
| ### Gemini CLI / Antigravity | ||
| ```bash | ||
| # Start Gemini CLI เนเธ project directory | ||
| # เนเธฃเธดเนเธก Gemini CLI | ||
| gemini | ||
| # เธซเธฃเธทเธญเนเธเน model เธเธตเนเธเนเธญเธเธเธฒเธฃ | ||
| gemini --model gemini-2.5-pro | ||
| # เนเธเน commands เนเธซเธกเธทเธญเธ Claude Code | ||
| /toh-help | ||
| /toh-vibe เธฃเธฐเธเธเธเธฑเธเธเธฒเธฃเธชเธเนเธญเธเธชเธดเธเธเนเธฒ | ||
| # เนเธเนเธเธณเธชเธฑเนเธ | ||
| /toh-vibe เธฃเธฐเธเธเธเธฑเธเธเธฒเธฃ inventory | ||
| ``` | ||
| ### Codex CLI (OpenAI) | ||
| --- | ||
| ```bash | ||
| # Start Codex CLI เนเธ project directory | ||
| codex | ||
| ## ๐ เธเธณเธชเธฑเนเธเธเธฑเนเธเธซเธกเธ | ||
| # Toh Framework เธเธฐ load เธญเธฑเธเนเธเธกเธฑเธเธดเธเธฒเธ AGENTS.md | ||
| # เนเธเน commands เนเธเนเนเธฅเธข | ||
| /toh-vibe เธฃเธฐเธเธเธเธฑเธเธเธฒเธฃเธญเธญเนเธเธญเธฃเนเธฃเนเธฒเธเธญเธฒเธซเธฒเธฃ | ||
| ``` | ||
| | เธเธณเธชเธฑเนเธ | เธเธฒเธเธฅเธฑเธ | เธฃเธฒเธขเธฅเธฐเนเธญเธตเธขเธ | | ||
| |--------|--------|------------| | ||
| | `/toh` | - | ๐ง **Smart Command** - เธเธดเธกเธเนเธญเธฐเนเธฃเธเนเนเธเน AI เนเธฅเธทเธญเธ agent | | ||
| | `/toh-plan` | `/toh-p` | ๐ **เธงเธฒเธเนเธเธ** - เธงเธดเนเธเธฃเธฒเธฐเธซเน, เธงเธฒเธเนเธเธ, orchestrate | | ||
| | `/toh-vibe` | `/toh-v` | ๐จ **เธชเธฃเนเธฒเธ Project** - เนเธญเธเธเธฃเธเนเธเธเธณเธชเธฑเนเธเนเธเธตเธขเธง | | ||
| | `/toh-ui` | `/toh-u` | ๐ผ๏ธ **เธชเธฃเนเธฒเธ UI** - Pages, Components, Layouts | | ||
| | `/toh-dev` | `/toh-d` | โ๏ธ **เนเธเธดเนเธก Logic** - TypeScript, Zustand, Forms | | ||
| | `/toh-design` | `/toh-ds` | โจ **เธเธฑเธเนเธเธฅเธฒ Design** - Professional เนเธกเนเธเธน AI | | ||
| | `/toh-test` | `/toh-t` | ๐งช **Test** - Auto test & fix เธเธเธเนเธฒเธ | | ||
| | `/toh-connect` | `/toh-c` | ๐ **เนเธเธทเนเธญเธก Backend** - Supabase, Auth, RLS | | ||
| | `/toh-line` | `/toh-l` | ๐ **LINE Mini App** - LIFF integration | | ||
| | `/toh-mobile` | `/toh-m` | ๐ฑ **Mobile App** - Expo / React Native | | ||
| | `/toh-fix` | `/toh-f` | ๐ง **เนเธเน Bug** - Debug เธญเธขเนเธฒเธเนเธเนเธเธฃเธฐเธเธ | | ||
| | `/toh-ship` | `/toh-s` | ๐ **Deploy** - Vercel, เธเธฃเนเธญเธก Production | | ||
| | `/toh-help` | `/toh-h` | โ **Help** - เนเธชเธเธเธเธณเธชเธฑเนเธเธเธฑเนเธเธซเธกเธ | | ||
| ## ๐ Commands เธเธฑเนเธเธซเธกเธ | ||
| --- | ||
| | Command | Shortcut | เธเธณเธญเธเธดเธเธฒเธข | | ||
| |---------|----------|----------| | ||
| | `/toh-help` | `/toh-h` | โ เนเธชเธเธเธฃเธฒเธขเธเธฒเธฃ commands เธเธฑเนเธเธซเธกเธ | | ||
| | `/toh-plan` | `/toh-p` | ๐ง **THE BRAIN** - เธงเธดเนเธเธฃเธฒเธฐเธซเน, เธงเธฒเธเนเธเธ, เธชเธฑเนเธเธเธฒเธฃเธเธธเธ Agent | | ||
| | `/toh-vibe` | `/toh-v` | ๐จ เธชเธฃเนเธฒเธเนเธเธฃเนเธเธเนเธซเธกเน UI + Logic + Mock Data | | ||
| | `/toh-ui` | `/toh-u` | ๐ผ๏ธ เธชเธฃเนเธฒเธ UI - Pages, Components, Layouts | | ||
| | `/toh-dev` | `/toh-d` | โ๏ธ เนเธเธดเนเธก Logic - TypeScript, Zustand, Forms | | ||
| | `/toh-design` | `/toh-ds` | โจ เธเธฃเธฑเธ Design - เธเธณเนเธซเนเธชเธงเธข เนเธกเนเธเธนเนเธซเธกเธทเธญเธ AI | | ||
| | `/toh-test` | `/toh-t` | ๐งช เธเธเธชเธญเธเธฃเธฐเธเธ - Auto test & fix เธเธเธเนเธฒเธ | | ||
| | `/toh-connect` | `/toh-c` | ๐ เนเธเธทเนเธญเธก Backend - Supabase, Auth, RLS | | ||
| | `/toh-line` | `/toh-l` | ๐ LINE Mini App - LIFF integration | | ||
| | `/toh-mobile` | `/toh-m` | ๐ฑ Mobile App - Expo / React Native | | ||
| | `/toh-fix` | `/toh-f` | ๐ง เนเธเน Bug - Debug เนเธฅเธฐ fix issues | | ||
| | `/toh-ship` | `/toh-s` | ๐ Deploy - Vercel, Production ready | | ||
| ## ๐๏ธ Tech Stack (Fixed) | ||
| ## ๐ง เธซเธฅเธฑเธเธเธฒเธฃ AODD | ||
| เนเธกเนเธเนเธญเธเนเธฅเธทเธญเธ - stack เธเธตเน optimize เนเธฅเนเธงเธเธฃเนเธญเธกเนเธเน: | ||
| Toh Framework เนเธเนเธซเธฅเธฑเธเธเธฒเธฃ **AI-Orchestration Driven Development (AODD)**: | ||
| ### 1. เธ เธฒเธฉเธฒเธเธ โ Tasks | ||
| เธเธนเนเนเธเนเธชเธฑเนเธเธเธฒเธเนเธเธเธ เธฒเธฉเธฒเธเธฃเธฃเธกเธเธฒเธเธด เธฃเธฐเธเธเธเธฐเนเธเธเธญเธญเธเนเธเนเธ tasks เธญเธฑเธเนเธเธกเธฑเธเธด | ||
| ``` | ||
| โ "เธชเธฃเนเธฒเธ Next.js project เธเธตเนเธกเธต Zustand store เธชเธณเธซเธฃเธฑเธ products | ||
| เธเธฃเนเธญเธก React Hook Form เนเธฅเธฐ Zod validation..." | ||
| โ "เธญเธขเธฒเธเนเธเนเธฃเธฐเธเธเธเธฒเธขเธเธญเธเธญเธญเธเนเธฅเธเน" | ||
| ``` | ||
| ### 2. Orchestrator โ Agents | ||
| เธฃเธฐเธเธเธเธฐเนเธฃเธตเธขเธ AI-Agents เธเธตเนเนเธเธตเนเธขเธงเธเนเธญเธเธกเธฒเธเธณเธเธฒเธเนเธเธขเธญเธฑเธเนเธเธกเธฑเธเธด | ||
| ``` | ||
| User: "เธชเธฃเนเธฒเธเธซเธเนเธฒเธเธฑเธเธเธฒเธฃเธชเธดเธเธเนเธฒ" | ||
| Orchestrator เธเธดเธ: | ||
| โโโ ๐ เนเธฃเธตเธขเธ ui-builder เธชเธฃเนเธฒเธ UI | ||
| โโโ โ๏ธ เนเธฃเธตเธขเธ dev-builder เนเธเธดเนเธก logic | ||
| โโโ โจ เนเธฃเธตเธขเธ design-reviewer เธเธฃเธฑเธเนเธซเนเธชเธงเธข | ||
| โโโ โ เธชเนเธเธกเธญเธเธเธฅเธฅเธฑเธเธเน | ||
| ``` | ||
| ### 3. เธเธนเนเนเธเนเนเธกเนเธเนเธญเธเธขเธธเนเธเธเธฑเธเธเธฃเธฐเธเธงเธเธเธฒเธฃ | ||
| - เนเธกเนเธเนเธญเธเนเธฅเธทเธญเธ framework | ||
| - เนเธกเนเธเนเธญเธเธเธญเธเธเธณเธเธฒเธก | ||
| - เนเธกเนเธเนเธญเธเธฃเธนเนเธงเนเธฒ agent เนเธซเธเธเธณเธญเธฐเนเธฃ | ||
| - เนเธเนเธฃเธญเธฃเธฑเธเธเธฅเธฅเธฑเธเธเน | ||
| ### 4. Test โ Fix โ Loop | ||
| เนเธกเธทเนเธญเธเธเธชเธญเธเนเธฅเนเธงเธเธ error เธฃเธฐเธเธเธเธฐ: | ||
| 1. ๐งช Run tests เธเนเธงเธข Playwright | ||
| 2. ๐ เธงเธดเนเธเธฃเธฒเธฐเธซเน error | ||
| 3. ๐ง เนเธฃเธตเธขเธ `/toh-fix` เนเธเนเนเธ | ||
| 4. ๐ Test เนเธซเธกเนเธเธเธเนเธฒเธ | ||
| ## ๐๏ธ Tech Stack (เธเธฒเธขเธเธฑเธง) | ||
| Toh Framework เนเธเน tech stack เธเธตเนเธเธฒเธขเธเธฑเธง เนเธกเนเธเนเธญเธเนเธฅเธทเธญเธ: | ||
| | เธซเธกเธงเธ | เนเธเธเนเธเนเธฅเธขเธต | | ||
@@ -322,136 +250,82 @@ |------|-----------| | ||
| ## ๐ค Agents | ||
| --- | ||
| | Agent | เธเธณเธญเธเธดเธเธฒเธข | | ||
| |-------|----------| | ||
| | `ui-builder` | เธชเธฃเนเธฒเธ UI เนเธฅเธฐ Components | | ||
| | `dev-builder` | เนเธเธดเนเธก Logic เนเธฅเธฐ State Management | | ||
| | `design-reviewer` | เธเธฃเธฑเธเธเธฃเธธเธ Design เนเธซเนเนเธเนเธเธกเธทเธญเธญเธฒเธเธตเธ | | ||
| | `test-runner` | เธเธเธชเธญเธเธฃเธฐเธเธเนเธฅเธฐ auto-fix | | ||
| | `backend-connector` | เนเธเธทเนเธญเธกเธเนเธญ Supabase | | ||
| | `platform-adapter` | Adapt เธชเธณเธซเธฃเธฑเธ LINE, Mobile, Desktop | | ||
| ## ๐ง เธเธฃเธฑเธเธเธฒ (AODD) | ||
| ## ๐ Skills | ||
| **AI-Orchestration Driven Development:** | ||
| | Skill | เธเธณเธญเธเธดเธเธฒเธข | | ||
| |-------|----------| | ||
| | `vibe-orchestrator` | Core methodology เนเธฅเธฐ workflow | | ||
| | `ui-first-builder` | UI patterns เนเธฅเธฐ component library | | ||
| | `dev-engineer` | TypeScript, Zustand, Forms | | ||
| | `design-excellence` | Design system เนเธฅเธฐ anti-patterns | | ||
| | `test-engineer` | Testing strategy เนเธฅเธฐ Playwright | | ||
| | `backend-engineer` | Supabase, RLS, Auth | | ||
| | `platform-specialist` | LINE, Expo, Tauri | | ||
| 1. **เธ เธฒเธฉเธฒเธเธฃเธฃเธกเธเธฒเธเธด โ Tasks** - เนเธเนเธเธญเธเธงเนเธฒเธญเธขเธฒเธเนเธเนเธญเธฐเนเธฃ | ||
| 2. **Orchestrator โ Agents** - เธฃเธฐเธเธเนเธฃเธตเธขเธ specialist เธเธตเนเนเธซเธกเธฒเธฐเธชเธก | ||
| 3. **เนเธกเนเธเนเธญเธเธเธฑเธเธเธฒเธฃ Process** - เธเธธเธเนเธเนเธฃเธฑเธเธเธฅเธฅเธฑเธเธเน | ||
| 4. **Test โ Fix โ Loop** - Auto-fix เธเธเธเธธเธเธญเธขเนเธฒเธเธเนเธฒเธ | ||
| ## ๐ เธเธฑเธงเธญเธขเนเธฒเธ Workflow | ||
| ``` | ||
| เธเธตเนเนเธ: "เธชเธฃเนเธฒเธเธฃเธฐเธเธเธเธฑเธเธเธฒเธฃเธฃเนเธฒเธเธเธฒเนเธ" | ||
| User: "เธชเธฃเนเธฒเธเธฃเธฐเธเธเธเธฑเธเธเธฒเธฃเธฃเนเธฒเธเธเธฒเนเธ" | ||
| โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ | ||
| โ ๐ฏ Toh Orchestrator โ | ||
| โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโค | ||
| โ 1. เธงเธดเนเธเธฃเธฒเธฐเธซเนเธเธงเธฒเธกเธเนเธญเธเธเธฒเธฃ โ | ||
| โ โ เธฃเธฐเธเธ POS, เธเธฑเธเธเธฒเธฃเธชเธเนเธญเธ, เธฃเธฒเธขเธเธฒเธ โ | ||
| โ โ | ||
| โ 2. เนเธฃเธตเธขเธ ui-builder โ | ||
| โ โ เธชเธฃเนเธฒเธ UI เธเธธเธเธซเธเนเธฒ + Mock data เนเธเธข โ | ||
| โ โ | ||
| โ 3. เนเธฃเธตเธขเธ dev-builder โ | ||
| โ โ เนเธเธดเนเธก state management + forms โ | ||
| โ โ | ||
| โ 4. เนเธฃเธตเธขเธ design-reviewer โ | ||
| โ โ เธเธฃเธฑเธ UI เนเธซเนเธชเธงเธขเธเธฒเธก professional โ | ||
| โ โ | ||
| โ 5. เนเธฃเธตเธขเธ test-runner โ | ||
| โ โ เธเธเธชเธญเธเธเธธเธเธซเธเนเธฒ auto-fix เธเธเธเนเธฒเธ โ | ||
| โ โ | ||
| โ โ เธชเนเธเธกเธญเธเธฃเธฐเธเธเธเธตเนเธเธฃเนเธญเธกเนเธเนเธเธฒเธ! โ | ||
| โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ | ||
| Orchestrator: | ||
| โโโ ๐ plan-orchestrator โ เธงเธดเนเธเธฃเธฒเธฐเธซเน & เธงเธฒเธเนเธเธ | ||
| โโโ ๐จ ui-builder โ เธชเธฃเนเธฒเธ UI เธเธฑเนเธเธซเธกเธ | ||
| โโโ โ๏ธ dev-builder โ เนเธเธดเนเธก logic | ||
| โโโ โจ design-reviewer โ เธเธฑเธเนเธเธฅเธฒ design | ||
| โโโ ๐งช test-runner โ Test & fix | ||
| โโโ โ เธชเนเธเธกเธญเธเธฃเธฐเธเธเธเธฃเนเธญเธกเนเธเน! | ||
| ``` | ||
| ## ๐ เธเธฑเธงเธญเธขเนเธฒเธเธเธฒเธฃเนเธเนเธเธฒเธ | ||
| --- | ||
| ### เธชเธฃเนเธฒเธเธฃเธฐเธเธ E-commerce | ||
| ## ๐ เธเธฑเธงเธญเธขเนเธฒเธ | ||
| ### เธชเธฃเนเธฒเธ E-commerce | ||
| ``` | ||
| /toh-vibe เธฃเธฐเธเธเธเธฒเธขเธเธญเธเธญเธญเธเนเธฅเธเน เธกเธตเธซเธเนเธฒเธชเธดเธเธเนเธฒ เธเธฐเธเธฃเนเธฒ เธเธณเธฃเธฐเนเธเธดเธ | ||
| /toh-vibe เธฃเนเธฒเธเธเนเธฒเธญเธญเธเนเธฅเธเน เธกเธตเธชเธดเธเธเนเธฒ เธเธฐเธเธฃเนเธฒ เนเธฅเธฐ checkout | ||
| ``` | ||
| ### เธชเธฃเนเธฒเธเธฃเธฐเธเธเธเธฑเธเธเธฒเธฃเธเธเธฑเธเธเธฒเธ | ||
| ### เธชเธฃเนเธฒเธ Dashboard | ||
| ``` | ||
| /toh-vibe เธฃเธฐเธเธ HR เธกเธตเธเธฑเธเธเธฒเธฃเธเธเธฑเธเธเธฒเธ เธฅเธฒเธเธฒเธ เธญเธเธธเธกเธฑเธเธด เธฃเธฒเธขเธเธฒเธ | ||
| /toh-vibe Dashboard เนเธชเธเธเธขเธญเธเธเธฒเธข เธกเธต charts เนเธฅเธฐ date filters | ||
| ``` | ||
| ### เธชเธฃเนเธฒเธ Dashboard | ||
| ### เธชเธฃเนเธฒเธ SaaS | ||
| ``` | ||
| /toh-vibe Dashboard เนเธชเธเธเธขเธญเธเธเธฒเธข เธเธฃเธฒเธ เธเธฒเธฃเธฒเธ filter เธเธฒเธกเธงเธฑเธเธเธตเน | ||
| /toh-vibe เธฃเธฐเธเธเธเธฑเธเธเธฒเธฃ project เธกเธต teams เนเธฅเธฐ tasks | ||
| ``` | ||
| ### เธเธเธชเธญเธเนเธฅเธฐเนเธเนเนเธ | ||
| --- | ||
| ``` | ||
| /toh-test เธเธเธชเธญเธเธเธธเธเธซเธเนเธฒ | ||
| # เธเนเธฒเธกเธต error โ auto เนเธฃเธตเธขเธ /toh-fix โ test เนเธซเธกเนเธเธเธเนเธฒเธ | ||
| ``` | ||
| ## ๐ฏ เธเธฅเธธเนเธกเนเธเนเธฒเธซเธกเธฒเธข | ||
| - **Solo Developers** - เธชเธฃเนเธฒเธ SaaS เธเนเธงเธขเธเธฑเธงเธเธเนเธเธตเธขเธง | ||
| - **Solopreneurs** - เธเธณ MVP เนเธงเน test เธเธฅเธฒเธ | ||
| - **Startup Founders** - Prototype เนเธซเนเธเธฑเธเธฅเธเธเธธเธเธเธน | ||
| - **Freelancers** - เธชเนเธเธกเธญเธเธเธฒเธเธฅเธนเธเธเนเธฒเนเธฃเนเธงเธเธถเนเธ | ||
| - **Students** - เนเธฃเธตเธขเธเธฃเธนเน modern web development | ||
| - **Solo Developers** - เธชเธฃเนเธฒเธ SaaS เธเนเธงเธขเธเธฑเธงเนเธญเธ | ||
| - **Solopreneurs** - เธชเธฃเนเธฒเธ MVP เธเธเธชเธญเธเธเธฅเธฒเธ | ||
| - **Startup Founders** - Prototype เธชเธณเธซเธฃเธฑเธ investors | ||
| - **Freelancers** - เธชเนเธเธเธฒเธเธฅเธนเธเธเนเธฒเนเธฃเนเธงเธเธถเนเธ | ||
| - **เธเธฑเธเธจเธถเธเธฉเธฒ** - เนเธฃเธตเธขเธเธฃเธนเน modern web development | ||
| ## ๐ เนเธเธฃเธตเธขเธเนเธเธตเธขเธ | ||
| --- | ||
| | Feature | เนเธเธเนเธเธดเธก | Toh Framework | | ||
| |---------|---------|---------------| | ||
| | เนเธงเธฅเธฒ Setup | 30+ เธเธฒเธเธต | 2 เธเธฒเธเธต | | ||
| | เธเธณเธเธฒเธกเธเธตเนเธเนเธญเธเธเธญเธ | 10+ | 0 | | ||
| | เนเธงเธฅเธฒเธเธเนเธซเนเธ UI เนเธฃเธ | เธซเธฅเธฒเธขเธเธฑเนเธงเนเธกเธ | เนเธกเนเธเธตเนเธเธฒเธเธต | | ||
| | Mock Data | Lorem ipsum | เธ เธฒเธฉเธฒเนเธเธขเธชเธกเธเธฃเธดเธ | | ||
| | เนเธฅเธทเธญเธ Tech Stack | เธเธธเธเธเธฃเธฑเนเธ | เธเธฒเธขเธเธฑเธง, optimized | | ||
| | Auto Testing | เธเนเธญเธ setup เนเธญเธ | เธกเธตเนเธซเนเธเธฃเนเธญเธก | | ||
| | เนเธเน Error | เธเธณเนเธญเธ | Auto loop | | ||
| ## ๐ เธชเธเธดเธเธด Framework | ||
| ## ๐ง CLI Commands | ||
| - ๐ค **7 Sub-Agents** - เนเธเธตเนเธขเธงเธเธฒเธเนเธเธเธฒเธฐเธเธฒเธ | ||
| - ๐ฏ **14 Commands** - เธเธฑเนเธเนเธเนเธงเธฒเธเนเธเธเธเธถเธ deployment | ||
| - ๐ **23 Skills** - เธเธงเธฒเธกเธชเธฒเธกเธฒเธฃเธ AI เธเธฃเธเธเธฃเธฑเธ | ||
| - ๐จ **13 Design Profiles** - Design เนเธซเธกเธฒเธฐเธเธฑเธเธเธธเธฃเธเธดเธ | ||
| - ๐ฆ **15 Component Templates** - Premium components เธเธฃเนเธญเธกเนเธเน | ||
| - ๐ **5 IDEs** - Claude Code, Cursor, Antigravity, Gemini, Codex | ||
| ```bash | ||
| # เธเธดเธเธเธฑเนเธ framework | ||
| npx toh-framework install | ||
| --- | ||
| # เธเธน commands เธเธตเนเธกเธต | ||
| npx toh-framework list | ||
| # เนเธเนเธเธชเธเธฒเธเธฐเธเธฒเธฃเธเธดเธเธเธฑเนเธ | ||
| npx toh-framework status | ||
| # เธชเธฃเนเธฒเธ web bundles | ||
| npx toh-framework bundle | ||
| ``` | ||
| ## ๐ค เธฃเนเธงเธกเธเธฑเธเธเธฒ | ||
| เธขเธดเธเธเธตเธฃเธฑเธ contributions! เธชเธฒเธกเธฒเธฃเธเธชเนเธ Pull Request เนเธเนเนเธฅเธข | ||
| เธขเธดเธเธเธตเธฃเธฑเธ Pull Request! | ||
| 1. Fork project | ||
| 2. เธชเธฃเนเธฒเธ feature branch (`git checkout -b feature/AmazingFeature`) | ||
| 3. Commit changes (`git commit -m 'Add some AmazingFeature'`) | ||
| 4. Push to branch (`git push origin feature/AmazingFeature`) | ||
| 5. เนเธเธดเธ Pull Request | ||
| ## ๐ License | ||
| เนเธเธฃเนเธเธเธเธตเนเนเธเน MIT License - เธเธนเธฃเธฒเธขเธฅเธฐเนเธญเธตเธขเธเนเธ [LICENSE](../LICENSE) | ||
| MIT License - เธเธน [LICENSE](../LICENSE) | ||
| ## ๐จโ๐ป เธเธนเนเธเธฑเธเธเธฒ | ||
| **Wasin Treesinthuros** (Innovation Vantage) | ||
| **เธงเธจเธดเธ เธเธฃเธตเธชเธดเธเธเธธเธฃเธช** (Innovation Vantage) | ||
| - ๐ เนเธงเนเธเนเธเธเน: [tohframework.dev](https://tohframework.dev) | ||
| - GitHub: [@wasintoh](https://github.com/wasintoh) | ||
| - Email: dr.wasin@gmail.com | ||
| - LINE OA: [@dr.wasin.official](https://line.me/R/ti/p/@dr.wasin.official) | ||
@@ -461,8 +335,7 @@ --- | ||
| <p align="center"> | ||
| Made with โค๏ธ Naja. Grow Together. ๐ | ||
| เธชเธฃเนเธฒเธเธเนเธงเธข โค๏ธ เนเธเธทเนเธญ Solo Developers เธเธธเธเธเธ | ||
| </p> | ||
| <p align="center"> | ||
| <strong>"Type Once, Have it all!"</strong><br> | ||
| <em>"เธชเธฑเนเธเนเธฅเนเธงเธเธ เนเธกเนเธเธฒเธก เนเธกเนเธฃเธญ"</em> | ||
| <strong>"เธเธดเธกเธเนเธเธฃเธฑเนเธเนเธเธตเธขเธง เนเธเนเธเธฃเธ!"</strong> | ||
| </p> |
+1
-1
| { | ||
| "name": "toh-framework", | ||
| "version": "1.6.0", | ||
| "version": "1.6.1", | ||
| "type": "module", | ||
@@ -5,0 +5,0 @@ "description": "AI-Orchestration Driven Development Framework - Type Once, Have it all!", |
+131
-319
| # ๐ฏ Toh Framework | ||
| <!-- Logo - เธเธตเนเนเธเนเธชเนเธฃเธนเธ logo เนเธเนเธเธตเนเธเธตเน --> | ||
| <!-- | ||
| <p align="center"> | ||
| <img src="./assets/logo.png" alt="Toh Framework" width="200"> | ||
| </p> | ||
| --> | ||
| > **"Type Once, Have it all!"** - AI-Orchestration Driven Development | ||
@@ -25,10 +18,8 @@ | ||
| |-----|--------|-------| | ||
| | ๐ง **Claude Code** | โ Full Support | Slash commands, Memory system | | ||
| | ๐ง **Claude Code** | โ Full Support | Native Sub-Agents, Slash commands | | ||
| | ๐ **Cursor** | โ Full Support | @ file references | | ||
| | ๐ **Google Antigravity** | โ **NEW!** Full Support | Latest Gemini integration | | ||
| | ๐ **Google Antigravity** | โ Full Support | Gemini integration | | ||
| | ๐ **Gemini CLI** | โ Full Support | Context files auto-loaded | | ||
| | ๐ค **Codex CLI** | โ Supported | OpenAI agents | | ||
| > ๐ **[๐น๐ญ Thai Documentation](docs/README-TH.md)** | ||
| ## ๐ก Why Toh? | ||
@@ -46,141 +37,89 @@ | ||
| ## โจ Features | ||
| ## ๐ What's New in v1.6.0 | ||
| - **๐ง The Brain** - `/toh-plan` analyzes, plans, and orchestrates all agents | ||
| - **๐พ Auto Memory** - Context persists across sessions, IDEs, and models | ||
| - **๐ One Command Install** - Easy setup via `npx` | ||
| - **๐จ UI First** - See results immediately, no backend needed | ||
| - **๐ค No Questions** - AI makes decisions, doesn't ask basic questions | ||
| - **๐ Multi-language** - Thai or English mock data and UI | ||
| - **๐งช Auto Testing** - Automatic testing with auto-fix loop | ||
| - **๐ผ Production Ready** - Not a prototype, ready for real use | ||
| - **๐ง Multi-IDE Support** - Claude Code, Cursor, Gemini CLI, Codex CLI | ||
| ### ๐ค Claude Code Sub-Agents | ||
| ## ๐ What's New in v1.5.0 | ||
| 7 native sub-agents for Claude Code's Task delegation feature: | ||
| ### ๐ Google Antigravity - Full Support! | ||
| | Agent | Specialty | | ||
| |-------|-----------| | ||
| | ๐จ **ui-builder** | Pages, Components, Layouts | | ||
| | โ๏ธ **dev-builder** | Logic, State, API | | ||
| | ๐ **backend-connector** | Supabase, Auth, RLS | | ||
| | โจ **design-reviewer** | Polish, Animation | | ||
| | ๐งช **test-runner** | Auto test & fix | | ||
| | ๐ง **plan-orchestrator** | Analyze, Plan | | ||
| | ๐ฑ **platform-adapter** | LINE, Mobile, Desktop | | ||
| Now fully supports Google's **Antigravity** (Gemini IDE)! Install once, use everywhere: | ||
| ### ๐ Multi-Agent Orchestration | ||
| **`/toh` v4.0** - The Smart Command with full visibility: | ||
| ```bash | ||
| npx toh-framework install | ||
| # Select: Claude Code โ , Cursor โ , Gemini CLI / Antigravity โ | ||
| ``` | ||
| /toh create a coffee shop management system | ||
| ### ๐๏ธ Dual Folder Architecture | ||
| # AI shows you the plan: | ||
| ๐ Workflow Plan: | ||
| โโโ 1. plan-orchestrator โ Analyze requirements | ||
| โโโ 2. ui-builder โ Create all pages + components | ||
| โโโ 3. dev-builder โ Add state + forms + API | ||
| โโโ 4. design-reviewer โ Polish to professional | ||
| โโโ 5. test-runner โ Test until pass | ||
| | IDE | Folder | Why | | ||
| |-----|--------|-----| | ||
| | Claude Code | `.claude/` | Required for slash commands | | ||
| | Others | `.toh/` | Central resources | | ||
| Both contain identical skills, agents, and commands - fully synced on install! | ||
| ### ๐ Memory Protocol Enforcement | ||
| - โ Mandatory memory load/save on EVERY task | ||
| - โ Skills loading checkpoint - AI must report what it loaded | ||
| - โ English-only memory files for consistency | ||
| - โ Cross-IDE memory compatibility | ||
| ### ๐ Skills Loading Checkpoint | ||
| AI now MUST report skills at the start of every response: | ||
| ```markdown | ||
| ๐ **Skills Loaded:** | ||
| - design-mastery โ (13 business profiles) | ||
| - premium-experience โ (5+ pages, animations) | ||
| ๐ค **Agent:** vibe-agent | ||
| ๐พ **Memory:** Loaded โ | ||
| ๐ Executing... | ||
| ``` | ||
| --- | ||
| ### ๐จ Vibe Mode | ||
| ## โจ v1.4.0 Features (Still Available!) | ||
| **`/toh-vibe`** - Full project creation as orchestration pattern: | ||
| | Feature | Description | | ||
| |---------|-------------| | ||
| | **`/toh` Smart Command** | Type anything, AI picks the right agent! | | ||
| | **Premium Experience** | 5+ pages with animations in one prompt | | ||
| | **Design Mastery** | 13 business profiles for smart design | | ||
| | **Prompt Optimizer** | For AI SaaS - create excellent system prompts | | ||
| | **Response Format** | 3-section responses - no follow-up questions needed | | ||
| ### ๐ Premium by Default | ||
| When creating new apps, you get: | ||
| - โ 5+ pages automatically (Home, Dashboard, Feature, Settings, Auth) | ||
| - โ Animations everywhere (Page transitions, hover effects, stagger) | ||
| - โ Loading states on every page | ||
| - โ Empty states designed | ||
| - โ Zero TypeScript errors guaranteed | ||
| ### ๐จ Design Mastery (13 Business Profiles) | ||
| AI auto-detects your business type and applies appropriate design: | ||
| ``` | ||
| Food/Restaurant โ Warm colors, appetizing feel | ||
| SaaS/Dashboard โ Professional blue, clean | ||
| E-commerce โ Trust emerald, conversion-focused | ||
| Gaming โ Dark mode, neon accents | ||
| Healthcare โ Calm teal, trustworthy | ||
| ...and 8 more profiles | ||
| /toh-vibe โ plan โ ui โ dev โ design โ test โ โ Working App | ||
| ``` | ||
| ### ๐ง AI Intelligence Upgrade (v1.3.0) | ||
| One command, complete application with: | ||
| - โ 5+ pages (Home, Dashboard, Feature, Settings, Auth) | ||
| - โ Full logic and state management | ||
| - โ Realistic mock data | ||
| - โ Professional design with animations | ||
| - โ All tests passing | ||
| | Feature | Description | | ||
| |---------|-------------| | ||
| | ๐ข **Business Context** | AI understands business types, auto-includes standard features | | ||
| | ๐ก **Smart Suggestions** | AI suggests 2-3 next steps after every task | | ||
| | ๐ง **Auto-fix Silent** | Errors fixed automatically, user never sees them | | ||
| | ๐ **Progress Tracking** | Visual progress bars and checklists | | ||
| | ๐ **Session Recovery** | Continue where you left off, even across IDEs | | ||
| | ๐๏ธ **Preview Mode** | See changes before applying | | ||
| | โช **Version Control** | Easy undo/rollback without knowing git | | ||
| | ๐ **Integrations** | One-click setup for Stripe, PromptPay, Email, Analytics | | ||
| ### ๐ฆ Dual Architecture | ||
| ### Example: Business Context | ||
| | IDE | Folder | Format | | ||
| |-----|--------|--------| | ||
| | Claude Code | `.claude/` | Native (tools, model) | | ||
| | Others | `.toh/` | Original (type, skills) | | ||
| ```bash | ||
| /toh-vibe coffee shop | ||
| Both contain identical capabilities - fully synced on install! | ||
| # AI understands this means: | ||
| # โ POS System | ||
| # โ Menu Management | ||
| # โ Order Management | ||
| # โ Inventory | ||
| # โ Sales Reports | ||
| # No need to specify each feature! | ||
| ``` | ||
| ### ๐๏ธ Full Visibility | ||
| ### Example: Smart Suggestions | ||
| See exactly which agent does what: | ||
| ``` | ||
| โ Dashboard created! | ||
| ๐ค Agent: ui-builder | ||
| ๐ Skills: ui-first-builder, design-mastery, premium-experience | ||
| ๐พ Memory: Loaded โ | ||
| ๐ก Recommended next steps: | ||
| 1. /toh-design - Polish the UI | ||
| 2. /toh-dev - Add logic | ||
| 3. /toh-connect - Connect database | ||
| Type a number or tell me what you want to do. | ||
| โ Created: src/app/dashboard/page.tsx | ||
| โ Created: src/components/stats-card.tsx | ||
| ``` | ||
| ### ๐ง `/toh-plan` - The Brain | ||
| ```bash | ||
| /toh-plan Add user authentication with social login | ||
| ``` | ||
| The AI will analyze your project, create a plan, show you what it will do, then execute using the right agents. | ||
| --- | ||
| ### ๐พ Auto Memory System | ||
| Your AI remembers everything across sessions: | ||
| - Switch IDEs (Claude โ Cursor) - context preserved | ||
| - Token limit reached - start new chat, context preserved | ||
| - Come back tomorrow - context preserved | ||
| ## โจ Features | ||
| Files stored in `.toh/memory/` - zero config, just works! | ||
| | Feature | Description | | ||
| |---------|-------------| | ||
| | **`/toh` Smart Command** | Type anything, AI picks the right agent | | ||
| | **Sub-Agents** | 7 specialized agents for different tasks | | ||
| | **Multi-Agent Orchestration** | Complex workflows with full visibility | | ||
| | **Premium Experience** | 5+ pages with animations in one prompt | | ||
| | **Design Mastery** | 13 business profiles for smart design | | ||
| | **Auto Memory** | Context persists across sessions and IDEs | | ||
| | **Auto Testing** | Test & fix loop until all pass | | ||
| --- | ||
| ## ๐ฆ Installation | ||
@@ -207,4 +146,2 @@ | ||
| If you already have Toh installed and want to update: | ||
| ```bash | ||
@@ -217,5 +154,2 @@ # Method 1: Use npx (recommended - always gets latest) | ||
| toh install | ||
| # Method 3: Just reinstall (overwrites safely) | ||
| npx toh-framework install | ||
| ``` | ||
@@ -225,17 +159,8 @@ | ||
| ## ๐ ๏ธ Supported IDEs & CLI Tools | ||
| --- | ||
| | Tool | Company | Config Location | Status | | ||
| |------|---------|-----------------|--------| | ||
| | **Claude Code** | Anthropic | `.claude/` + `CLAUDE.md` | โ Full Support | | ||
| | **Cursor** | Cursor | `.cursor/rules/` | โ Full Support | | ||
| | **Gemini CLI** | Google | `.gemini/` | โ Full Support | | ||
| | **Codex CLI** | OpenAI | `AGENTS.md` | โ Full Support | | ||
| ## ๐ Quick Start | ||
| ### Claude Code (Anthropic) | ||
| ### Claude Code | ||
| After installation, use commands immediately: | ||
| ```bash | ||
@@ -248,13 +173,19 @@ # Open project with Claude Code | ||
| # Create new project (natural language!) | ||
| /toh-vibe I want a coffee shop management system with POS, inventory, and sales reports | ||
| # Smart command - AI picks the right agent | ||
| /toh create a landing page with pricing section | ||
| # Create complete project | ||
| /toh-vibe coffee shop management system | ||
| # Add UI | ||
| /toh-ui Add a dashboard page showing daily sales | ||
| /toh-ui Add a dashboard with sales charts | ||
| # Add Logic | ||
| /toh-dev Add form validation and API calls | ||
| # Improve Design | ||
| /toh-design Make it look professional and polished | ||
| /toh-design Make it look professional | ||
| # Test system (Auto fix until pass!) | ||
| /toh-test Test all pages | ||
| # Test system | ||
| /toh-test | ||
@@ -275,27 +206,14 @@ # Deploy | ||
| ### Gemini CLI (Google) | ||
| ### Gemini CLI / Antigravity | ||
| ```bash | ||
| # Start Gemini CLI in project directory | ||
| # Start Gemini CLI | ||
| gemini | ||
| # Or use specific model | ||
| gemini --model gemini-2.5-pro | ||
| # Use commands like Claude Code | ||
| /toh-help | ||
| # Use commands | ||
| /toh-vibe Inventory management system | ||
| ``` | ||
| ### Codex CLI (OpenAI) | ||
| --- | ||
| ```bash | ||
| # Start Codex CLI in project directory | ||
| codex | ||
| # Toh Framework loads automatically from AGENTS.md | ||
| # Use commands directly | ||
| /toh-vibe Restaurant order management system | ||
| ``` | ||
| ## ๐ Available Commands | ||
@@ -305,58 +223,21 @@ | ||
| |---------|----------|-------------| | ||
| | `/toh-help` | `/toh-h` | โ Show all available commands | | ||
| | `/toh-plan` | `/toh-p` | ๐ง **THE BRAIN** - Analyze, plan, orchestrate all agents | | ||
| | `/toh-vibe` | `/toh-v` | ๐จ Create new project with UI + Logic + Mock Data | | ||
| | `/toh-ui` | `/toh-u` | ๐ผ๏ธ Build UI - Pages, Components, Layouts | | ||
| | `/toh-dev` | `/toh-d` | โ๏ธ Add Logic - TypeScript, Zustand, Forms | | ||
| | `/toh-design` | `/toh-ds` | โจ Improve Design - Make it beautiful, not AI-looking | | ||
| | `/toh-test` | `/toh-t` | ๐งช Test System - Auto test & fix until pass | | ||
| | `/toh-connect` | `/toh-c` | ๐ Connect Backend - Supabase, Auth, RLS | | ||
| | `/toh-line` | `/toh-l` | ๐ LINE Mini App - LIFF integration | | ||
| | `/toh-mobile` | `/toh-m` | ๐ฑ Mobile App - Expo / React Native | | ||
| | `/toh-fix` | `/toh-f` | ๐ง Fix Bugs - Debug and fix issues | | ||
| | `/toh-ship` | `/toh-s` | ๐ Deploy - Vercel, Production ready | | ||
| | `/toh` | - | ๐ง **Smart Command** - Type anything, AI picks agent | | ||
| | `/toh-plan` | `/toh-p` | ๐ **Plan** - Analyze, plan, orchestrate | | ||
| | `/toh-vibe` | `/toh-v` | ๐จ **Create Project** - Complete app in one command | | ||
| | `/toh-ui` | `/toh-u` | ๐ผ๏ธ **Create UI** - Pages, Components, Layouts | | ||
| | `/toh-dev` | `/toh-d` | โ๏ธ **Add Logic** - TypeScript, Zustand, Forms | | ||
| | `/toh-design` | `/toh-ds` | โจ **Polish Design** - Professional, not AI-looking | | ||
| | `/toh-test` | `/toh-t` | ๐งช **Test** - Auto test & fix until pass | | ||
| | `/toh-connect` | `/toh-c` | ๐ **Connect Backend** - Supabase, Auth, RLS | | ||
| | `/toh-line` | `/toh-l` | ๐ **LINE Mini App** - LIFF integration | | ||
| | `/toh-mobile` | `/toh-m` | ๐ฑ **Mobile App** - Expo / React Native | | ||
| | `/toh-fix` | `/toh-f` | ๐ง **Fix Bugs** - Systematic debugging | | ||
| | `/toh-ship` | `/toh-s` | ๐ **Deploy** - Vercel, Production ready | | ||
| | `/toh-help` | `/toh-h` | โ **Help** - Show all commands | | ||
| ## ๐ง Philosophy (AODD) | ||
| --- | ||
| Toh Framework uses **AI-Orchestration Driven Development (AODD)** principles: | ||
| ### 1. Natural Language โ Tasks | ||
| Users command in natural language, system breaks it down into tasks automatically. | ||
| ``` | ||
| โ "Create a Next.js project with Zustand store for products | ||
| with React Hook Form and Zod validation..." | ||
| โ "I want an online store" | ||
| ``` | ||
| ### 2. Orchestrator โ Agents | ||
| System automatically calls relevant AI-Agents to work. | ||
| ``` | ||
| User: "Create a product management page" | ||
| Orchestrator thinks: | ||
| โโโ ๐ Call ui-builder to create UI | ||
| โโโ โ๏ธ Call dev-builder to add logic | ||
| โโโ โจ Call design-reviewer to polish | ||
| โโโ โ Deliver results | ||
| ``` | ||
| ### 3. Users Don't Manage the Process | ||
| - No framework selection needed | ||
| - No questions to answer | ||
| - No need to know which agent does what | ||
| - Just receive results | ||
| ### 4. Test โ Fix โ Loop | ||
| When tests find errors, system will: | ||
| 1. ๐งช Run tests with Playwright | ||
| 2. ๐ Analyze errors | ||
| 3. ๐ง Call `/toh-fix` to repair | ||
| 4. ๐ Retest until pass | ||
| ## ๐๏ธ Tech Stack (Fixed) | ||
| Toh Framework uses a fixed tech stack - no decisions needed: | ||
| No decisions needed - optimized stack ready to go: | ||
@@ -373,122 +254,46 @@ | Category | Technology | | ||
| ## ๐ค Agents | ||
| --- | ||
| | Agent | Description | | ||
| |-------|-------------| | ||
| | `ui-builder` | Creates UI and Components | | ||
| | `dev-builder` | Adds Logic and State Management | | ||
| | `design-reviewer` | Improves Design to professional level | | ||
| | `test-runner` | Tests system with auto-fix | | ||
| | `backend-connector` | Connects to Supabase | | ||
| | `platform-adapter` | Adapts for LINE, Mobile, Desktop | | ||
| ## ๐ง Philosophy (AODD) | ||
| ## ๐ Skills | ||
| **AI-Orchestration Driven Development:** | ||
| | Skill | Description | | ||
| |-------|-------------| | ||
| | `vibe-orchestrator` | Core methodology and workflow | | ||
| | `ui-first-builder` | UI patterns and component library | | ||
| | `dev-engineer` | TypeScript, Zustand, Forms | | ||
| | `design-excellence` | Design system and anti-patterns | | ||
| | `test-engineer` | Testing strategy and Playwright | | ||
| | `backend-engineer` | Supabase, RLS, Auth | | ||
| | `platform-specialist` | LINE, Expo, Tauri | | ||
| 1. **Natural Language โ Tasks** - Just describe what you want | ||
| 2. **Orchestrator โ Agents** - System calls the right specialists | ||
| 3. **No Process Management** - You just receive results | ||
| 4. **Test โ Fix โ Loop** - Auto-fix until everything passes | ||
| ## ๐ Workflow Example | ||
| ``` | ||
| User: "Create a coffee shop management system" | ||
| โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ | ||
| โ ๐ฏ Toh Orchestrator โ | ||
| โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโค | ||
| โ 1. Analyze requirements โ | ||
| โ โ POS system, inventory, reports โ | ||
| โ โ | ||
| โ 2. Call ui-builder โ | ||
| โ โ Create all UI pages + Mock data โ | ||
| โ โ | ||
| โ 3. Call dev-builder โ | ||
| โ โ Add state management + forms โ | ||
| โ โ | ||
| โ 4. Call design-reviewer โ | ||
| โ โ Polish UI to professional look โ | ||
| โ โ | ||
| โ 5. Call test-runner โ | ||
| โ โ Test all pages, auto-fix until pass โ | ||
| โ โ | ||
| โ โ Deliver ready-to-use system! โ | ||
| โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ | ||
| Orchestrator: | ||
| โโโ ๐ plan-orchestrator โ Analyze & plan | ||
| โโโ ๐จ ui-builder โ Create all UI | ||
| โโโ โ๏ธ dev-builder โ Add logic | ||
| โโโ โจ design-reviewer โ Polish design | ||
| โโโ ๐งช test-runner โ Test & fix | ||
| โโโ โ Deliver working system! | ||
| ``` | ||
| ## ๐ Web Bundles | ||
| --- | ||
| For use with ChatGPT, Claude.ai, or Gemini: | ||
| ```bash | ||
| npx toh-framework bundle | ||
| ``` | ||
| Generated files: | ||
| - `toh-full-bundle.txt` - All features | ||
| - `toh-ui-bundle.txt` - UI only | ||
| - `toh-dev-bundle.txt` - Logic only | ||
| Copy and paste into Custom Instructions or System Prompt. | ||
| ## ๐ง CLI Commands | ||
| ```bash | ||
| # Install framework | ||
| npx toh-framework install | ||
| # List available commands | ||
| npx toh-framework list | ||
| # Check installation status | ||
| npx toh-framework status | ||
| # Generate web bundles | ||
| npx toh-framework bundle | ||
| ``` | ||
| ## ๐ Comparison | ||
| | Feature | Traditional | Toh Framework | | ||
| |---------|-------------|---------------| | ||
| | Setup Time | 30+ min | 2 min | | ||
| | Questions Asked | 10+ | 0 | | ||
| | Time to First UI | Hours | Minutes | | ||
| | Mock Data | Lorem ipsum | Realistic data | | ||
| | Tech Stack Decision | Every time | Fixed, optimized | | ||
| | Auto Testing | Manual setup | Built-in | | ||
| | Error Fixing | Manual | Auto loop | | ||
| ## ๐ Examples | ||
| ### Create E-commerce System | ||
| ### Create E-commerce | ||
| ``` | ||
| /toh-vibe Online store with product pages, cart, and checkout | ||
| /toh-vibe Online store with products, cart, and checkout | ||
| ``` | ||
| ### Create Employee Management | ||
| ### Create Dashboard | ||
| ``` | ||
| /toh-vibe HR system with employee management, leave requests, approvals, reports | ||
| /toh-vibe Analytics dashboard with charts and date filters | ||
| ``` | ||
| ### Create Dashboard | ||
| ### Create SaaS | ||
| ``` | ||
| /toh-vibe Dashboard showing sales, charts, tables with date filters | ||
| /toh-vibe Project management tool with teams and tasks | ||
| ``` | ||
| ### Test and Fix | ||
| --- | ||
| ``` | ||
| /toh-test Test all pages | ||
| # If errors โ auto call /toh-fix โ retest until pass | ||
| ``` | ||
| ## ๐ฏ Target Users | ||
@@ -502,2 +307,15 @@ | ||
| --- | ||
| ## ๐ Framework Stats | ||
| - ๐ค **7 Sub-Agents** - Specialized for different tasks | ||
| - ๐ฏ **14 Commands** - From planning to deployment | ||
| - ๐ **23 Skills** - Comprehensive AI capabilities | ||
| - ๐จ **13 Design Profiles** - Business-appropriate design | ||
| - ๐ฆ **15 Component Templates** - Ready-to-use premium components | ||
| - ๐ **5 IDEs** - Claude Code, Cursor, Antigravity, Gemini, Codex | ||
| --- | ||
| ## ๐ค Contributing | ||
@@ -507,11 +325,5 @@ | ||
| 1. Fork the project | ||
| 2. Create your feature branch (`git checkout -b feature/AmazingFeature`) | ||
| 3. Commit your changes (`git commit -m 'Add some AmazingFeature'`) | ||
| 4. Push to the branch (`git push origin feature/AmazingFeature`) | ||
| 5. Open a Pull Request | ||
| ## ๐ License | ||
| This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details. | ||
| MIT License - see [LICENSE](LICENSE) for details. | ||
@@ -529,3 +341,3 @@ ## ๐จโ๐ป Author | ||
| <p align="center"> | ||
| Made with โค๏ธ for you. | ||
| Made with โค๏ธ for Solo Developers everywhere. | ||
| </p> | ||
@@ -532,0 +344,0 @@ |
@@ -12,3 +12,3 @@ --- | ||
| <help_response> | ||
| ## ๐ฏ Toh Framework v1.6.0 | ||
| ## ๐ฏ Toh Framework v1.6.1 | ||
@@ -15,0 +15,0 @@ **"Type anything, AI does it for you"** - AI-Orchestration Driven Development |
Shell access
Supply chain riskThis module accesses the system shell. Accessing the system shell increases the risk of executing arbitrary code.
Found 1 instance in 1 package
Environment variable access
Supply chain riskPackage accesses environment variables, which may be a sign of credential stuffing or data theft.
Found 2 instances in 1 package
Filesystem access
Supply chain riskAccesses the file system, and could potentially read sensitive data.
Found 2 instances in 1 package
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
URL strings
Supply chain riskPackage contains fragments of external URLs or IP addresses, which the package may be accessing at runtime.
Found 1 instance in 1 package
Shell access
Supply chain riskThis module accesses the system shell. Accessing the system shell increases the risk of executing arbitrary code.
Found 1 instance in 1 package
Environment variable access
Supply chain riskPackage accesses environment variables, which may be a sign of credential stuffing or data theft.
Found 2 instances in 1 package
Filesystem access
Supply chain riskAccesses the file system, and could potentially read sensitive data.
Found 2 instances in 1 package
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
URL strings
Supply chain riskPackage contains fragments of external URLs or IP addresses, which the package may be accessing at runtime.
Found 1 instance in 1 package
1077968
-1.37%336
-35.88%