You're Invited:Meet the Socket Team at RSAC and BSidesSF 2026, March 23โ€“26.RSVP โ†’
Socket
Book a DemoSign in
Socket

toh-framework

Package Overview
Dependencies
Maintainers
1
Versions
12
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

toh-framework - npm Package Compare versions

Comparing version
1.6.0
to
1.6.1
+169
-296
docs/README-TH.md
# ๐ŸŽฏ Toh Framework
> **"Type Once, Have it all!"** - AI-Orchestration Driven Development
>
> **"เธชเธฑเนˆเธ‡เนเธฅเน‰เธงเธˆเธš เน„เธกเนˆเธ–เธฒเธก เน„เธกเนˆเธฃเธญ"**
> **"เธžเธดเธกเธžเนŒเธ„เธฃเธฑเน‰เธ‡เน€เธ”เธตเธขเธง เน„เธ”เน‰เธ„เธฃเธš!"** - AI-Orchestration Driven Development

@@ -10,16 +8,15 @@ [![npm version](https://img.shields.io/npm/v/toh-framework.svg?style=flat-square)](https://www.npmjs.com/package/toh-framework)

[![License](https://img.shields.io/npm/l/toh-framework.svg?style=flat-square)](https://github.com/wasintoh/toh-framework/blob/main/LICENSE)
[![GitHub stars](https://img.shields.io/github/stars/wasintoh/toh-framework?style=flat-square)](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>
{
"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