🎯

design-excellence

🎯Skill

from wasintoh/toh-framework

VibeIndex|
What it does

Analyzes and improves code design by evaluating architectural patterns, identifying potential refactoring opportunities, and suggesting best practices for maintainability and scalability.

πŸ“¦

Part of

wasintoh/toh-framework(10 items)

design-excellence

Installation

npxRun with npx
npx toh-framework install
npxRun with npx
npx toh-framework install --quick
npxRun with npx
npx toh-framework install --ide claude
npxRun with npx
npx toh-framework install --ide cursor
npxRun with npx
npx toh-framework install --ide gemini

+ 3 more commands

πŸ“– Extracted from docs: wasintoh/toh-framework
1Installs
-
AddedFeb 4, 2026

Skill Details

SKILL.md

Overview

# 🎯 Toh Framework

> "Type Once, Have it all!" - AI-Orchestration Driven Development

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

[![npm downloads](https://img.shields.io/npm/dt/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)

🌐 Official Website: [tohframework.dev](https://tohframework.dev)

> πŸ“– [πŸ‡ΉπŸ‡­ Thai Documentation](docs/README-TH.md)

πŸ€– Supported IDEs

| IDE | Status | Notes |

|-----|--------|-------|

| 🧠 Claude Code | βœ… Full Support | Native Sub-Agents, Slash commands |

| πŸ“ Cursor | βœ… Full Support | @ file references |

| 🌌 Google Antigravity | βœ… Full Support | Gemini integration |

| πŸ’Ž Gemini CLI | βœ… Full Support | Context files auto-loaded |

| πŸ€– Codex CLI | βœ… Supported | OpenAI agents |

πŸ’‘ Why Toh?

Toh = Type Once, Have it all!

We believe Solo Developers and Solopreneurs should be able to build SaaS systems single-handedly without being an expert in every field.

Toh Framework enables you to:

  • πŸ’¬ Command in natural language - No complex prompts needed
  • πŸ€– AI handles everything - Breaks down tasks, calls agents, executes until done
  • πŸ‘€ See results instantly - No waiting, no answering questions
  • πŸš€ Production-ready - Not just a prototype

πŸ†• What's New in v1.8.1

🌐 Google Antigravity Workflows

Full support for Google Antigravity IDE! Commands now appear when pressing /:

  • 13 workflow files created in .agent/workflows/
  • Commands use dash syntax (/toh-vibe) in Antigravity
  • Separate from Gemini CLI which uses colon syntax (/toh:vibe)

🧠 7-File Memory System

Enhanced memory tracking with 2 new files:

| Memory File | Purpose |

|-------------|---------|

| active.md | Current task |

| summary.md | Project overview |

| decisions.md | Key decisions |

| changelog.md | NEW! Session changes |

| agents-log.md | NEW! Agent activity log |

| architecture.md | Project structure |

| components.md | Component registry |

πŸ“’ Agent Announcements

All agents now announce themselves when working:

```

[🎨 UI Builder] Starting: Create Dashboard Page

[🎨 UI Builder] βœ… Complete: Dashboard with 3 components

```

⚑ Parallel Execution

Agents can now work simultaneously when there are no dependencies:

```

Phase 1: [🎨 UI] + [βš™οΈ Dev] ← PARALLEL

Phase 2: [πŸ”Œ Backend] ← SEQUENTIAL

Phase 3: [✨ Design] + [πŸ§ͺ Test] ← PARALLEL

```

🎯 Agent Selection Reasoning

Before executing, see why AI chose specific agents:

```

πŸ” Analysis:

| Need | Agent | Confidence |

|------|-------|------------|

| Create pages | 🎨 UI | 95% |

| Add logic | βš™οΈ Dev | 90% |

| Connect DB | πŸ”Œ Connect | 95% |

```

πŸ€– 7 Sub-Agents v2.1

| 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 |

πŸ“œ Previous Versions

See [CHANGELOG.md](CHANGELOG.md) for complete version history.

Recent highlights:

| Version | Date | Key Feature |

|---------|------|-------------|

| v1.8.0 | 2026-01-11 | 7-File Memory System, Agent Announcements |

| v1.7.1 | 2026-01-11 | Gemini CLI Native Commands (TOML) |

| v1.7.0 | 2025-12-26 | Security Engineer, /toh-protect command |

| v1.6.0 | 2025-12-18 | Claude Code Sub-Agents, Multi-Agent Orchestration |

| v1.5.0 | 2025-12-05 | Google Antigravity/Gemini Support |

| v1.4.0 | 2025-12-04 | /toh Smart Command, Premium Experience |

---

✨ Features

| 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

```bash

# Interactive install (choose IDEs and language)

npx toh-framework install

# Quick install (Claude Code + Cursor, English)

npx toh-framework install --quick

# Specific IDE only

npx toh-framework install --ide claude

npx toh-framework install --ide cursor

npx toh-framework install --ide gemini

npx toh-framework install --ide codex

# Multiple IDEs

npx toh-framework install --ide "claude,cursor,gemini,codex"

```

πŸ”„ Update to Latest Version

```bash

# Method 1: Use npx (recommended - always gets latest)

npx toh-framework@latest install

# Method 2: If installed globally

npm update -g toh-framework

toh install

```

> πŸ’‘ Tip: Reinstalling updates skills, agents, and commands without deleting your existing memory!

---

πŸš€ Quick Start

Claude Code

```bash

# Open project with Claude Code

claude .

# Show all commands

/toh-help

# 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 with sales charts

# Add Logic

/toh-dev Add form validation and API calls

# Improve Design

/toh-design Make it look professional

# Test system

/toh-test

# Security audit

/toh-protect

# Deploy

/toh-ship

```

Cursor

```bash

# Call Toh agent

@toh Create a meeting room booking system

# Or use specific command

@toh:ui Create a calendar page for room booking

```

Gemini CLI / Antigravity

```bash

# Start Gemini CLI

gemini

# Use commands

/toh-vibe Inventory management system

```

---

πŸ“‹ Available Commands

| Command | Shortcut | Description |

|---------|----------|-------------|

| /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-protect | /toh-pt | πŸ” Security Audit - Full security check [NEW] |

| /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 |

---

πŸ—οΈ Tech Stack (Fixed)

No decisions needed - optimized stack ready to go:

| Category | Technology |

|----------|------------|

| Framework | Next.js 14 (App Router) |

| Styling | Tailwind CSS + shadcn/ui |

| State | Zustand |

| Forms | React Hook Form + Zod |

| Backend | Supabase |

| Testing | Playwright |

| Language | TypeScript (strict) |

---

🧠 Philosophy (AODD)

AI-Orchestration Driven Development:

  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

```

User: "Create a coffee shop management sys

More from this repository9

🎯
premium-experience🎯Skill

Enhances user experience by providing premium features and customization options for the Toh framework.

🎯
vibe-orchestrator🎯Skill

Orchestrates and manages vibes across different contexts, enabling dynamic interaction and synchronization of mood-related data.

🎯
design-mastery🎯Skill

Generates comprehensive design system specifications, creating consistent UI component libraries, color palettes, typography rules, and design tokens with automated documentation.

🎯
backend-engineer🎯Skill

Generates and structures backend code, manages API routes, database schemas, and server-side logic for web applications using AI-driven development.

🎯
smart-routing🎯Skill

Dynamically selects and routes AI tasks to the most appropriate agent or workflow based on task complexity, context, and agent capabilities.

🎯
dev-engineer🎯Skill

Generates comprehensive software development workflows, automatically breaks down complex engineering tasks, and creates production-ready code implementations across multiple files and system compo...

🎯
prompt-optimizer🎯Skill

Optimizes prompts by analyzing and refining input text to improve AI model performance and response quality.

🎯
platform-specialist🎯Skill

Analyzes and configures platform-specific deployment settings, infrastructure requirements, and integration strategies for different development environments and cloud platforms.

🎯
ui-first-builder🎯Skill

Rapidly generates UI-first web application scaffolding with predefined components and structure for quick project initialization.