toh-framework

In the author's own words, from each skill's SKILL.md.

• backend-engineer

  Supabase integration specialist. Handles database schema, authentication, Row Level Security (RLS), real-time subscriptions, and storage. Connects existing UI to real backend. Only called AFTER UI exists with mock data. Triggers: connect database, connect Supabase, add auth, make login, backend integration, real data, authentication, database schema.

  src/skills/backend-engineer/SKILL.md on GitHub (opens in a new tab)

• business-context

  Maps a business type the user mentions (coffee shop, restaurant, e-commerce, clinic, gym, hotel, school and more) to its industry-standard feature set — POS, inventory, orders, booking, reports, staff — and auto-includes those features with no questions asked. Fuels zero-question planning for /toh-vibe and /toh-plan whenever a request names a business or industry.

  src/skills/business-context/SKILL.md on GitHub (opens in a new tab)

• debug-protocol

  Evidence-first debugging in 5 stages — REPRODUCE, EVIDENCE, DIAGNOSE, FIX, PROVE. Never touch code before the root cause is stated with evidence; fix the source, not the symptom; hand dead-end investigations to the root-cause-debugger agent. Use for any bug, error, crash, regression, unexpected behavior, or /toh-fix work.

  src/skills/debug-protocol/SKILL.md on GitHub (opens in a new tab)

• design-craft

  Constraint + process skill for UI that reads "designed", not "AI-generated". Mandatory two-pass process (token plan grounded in the subject's world + ONE signature element, then self-critique) whose output is the project's root DESIGN.md — the design contract re-read on every UI generation. Navigation selection matrix, logo rule (vary expression not placement), icon discipline (one library, label…

  src/skills/design-craft/SKILL.md on GitHub (opens in a new tab)

• dev-engineer

  Adds logic, state management, TypeScript types, and CRUD operations to UI. Works AFTER ui-first-builder creates the interface. Implements Zustand stores, form handling with React Hook Form + Zod, and prepares for backend connection. Triggers: add logic, add functionality, make it work, state management, form validation, data operations, TypeScript types.

  src/skills/dev-engineer/SKILL.md on GitHub (opens in a new tab)

• engineer-harness

  Shared delivery harness for the main commands (/toh, /toh-plan, /toh-fix, /toh-vibe) — senior-engineer tool selection rules (search real docs, reproduce before diagnosing, verify by running), THE EVIDENCE RULE (only a quoted passing run counts as done), non-developer communication mode, and stage-aware next actions with the announce contract. Pairs with orchestration-protocol: that skill governs…

  src/skills/engineer-harness/SKILL.md on GitHub (opens in a new tab)

• error-handling

  Intelligent error handling — silently auto-fix routine errors (missing imports, undefined variables, type mismatches, missing dependencies, syntax and lint issues) and translate everything else into friendly, non-technical language with clear next steps. The user never sees raw error messages or stack traces. Use whenever an error, warning, or failure surfaces while working.

  src/skills/error-handling/SKILL.md on GitHub (opens in a new tab)

• integrations

  One-request, complete setup of external services — payment (Stripe, PromptPay, Omise, 2C2P), email, auth, analytics, storage and other integrations, including Thai-market services. Installs SDKs, creates API routes, env templates, and UI components in one pass. Use when the user asks to add payments, email, login, analytics, or any third-party service (e.g. "เพิ่มระบบชำระเงิน").

  src/skills/integrations/SKILL.md on GitHub (opens in a new tab)

• memory-system

  Tiered, low-token project memory protocol for .toh/memory/ — 7 files across 3 tiers (Tier 1 active.md + summary.md always read, ~800 tokens; Tier 2 architecture/components for build work and changelog for debug work; Tier 3 decisions/agents-log only on demand). Auto-saves after task completion with zero user effort; delegated agents receive context from the orchestrator instead of re-reading. Use…

  src/skills/memory-system/SKILL.md on GitHub (opens in a new tab)

• orchestration-protocol

  The single source of truth for how TFW commands survey their runtime, choose an execution mode (teams / subagents / sequential), route models, and run the TOH LOOP — the autonomous plan-execute-verify protocol driven by .toh/plan.md + .toh/progress.md. Loaded by /toh, /toh-vibe, /toh-plan. Triggers: build a whole plan, resume a plan, "continue building", autonomous execution, multi-agent orchestr…

  src/skills/orchestration-protocol/SKILL.md on GitHub (opens in a new tab)

• plan-orchestrator

  THE BRAIN behind /toh-plan — analyzes the request or PRD, writes .toh/plan.md per the orchestration-protocol Section D schema (plans are files, never chat state), shows a condensed summary, and holds the single "Go" approval gate before handing execution to THE TOH LOOP. Also drafts plans for /toh-vibe. Use for planning, re-planning, or adjusting a plan before execution.

  src/skills/plan-orchestrator/SKILL.md on GitHub (opens in a new tab)

• platform-specialist

  Doc-driven platform integration expert. Converts a web app to LINE MINI App (LIFF SDK), PWA (Next.js 16), and Capacitor (iOS/Android). Expo & Tauri are secondary/legacy. ปรัชญาหลัก: ดึง docs จริงล่าสุดก่อนเขียนโค้ดเสมอ — ไม่ freeze snippet ที่จะ rot. Triggers: "LINE MINI App", "LIFF", "LINE OA", "convert to app", "PWA", "add to home screen", "install to phone", "mobile app", "app store", "Capacit…

  src/skills/platform-specialist/SKILL.md on GitHub (opens in a new tab)

• premium-experience

  Premium app generation that creates WOW-factor experiences. Multi-page apps with smooth animations, zero TypeScript errors, and production-ready quality. Lovable-style experience: one prompt, complete app, instant delight. MUST be used alongside vibe-orchestrator for new projects.

  src/skills/premium-experience/SKILL.md on GitHub (opens in a new tab)

• preview-mode

  Show-before-commit previews — after completing work, present what changed as a live dev-server URL or a concise plain-language description so the user can confirm or request changes with confidence. Use when delivering visible changes (pages, components, styling) to a running project.

  src/skills/preview-mode/SKILL.md on GitHub (opens in a new tab)

• progress-tracking

  Visual progress reporting — progress bars, done / in-progress / remaining checklists, and completion estimates so a non-technical user always knows where the build stands. Transparency without overwhelm. Use during multi-step builds and whenever the user asks how far along the work is.

  src/skills/progress-tracking/SKILL.md on GitHub (opens in a new tab)

• prompt-optimizer

  Advanced prompt optimization and composition system for all prompt types (system prompts, task-specific, creative, technical, agentic). Use when users need to refine, optimize, or transform prompts to achieve better AI outputs. Triggers include requests to improve prompts, make prompts more effective, analyze prompt quality, create prompts from scratch, optimize existing prompts for specific goal…

  src/skills/prompt-optimizer/SKILL.md on GitHub (opens in a new tab)

• security-engineer

  Security-first auditing of AI-generated code — Level 1 quick checks during /toh-dev and /toh-test (hardcoded secrets, dangerous code execution, obvious injection vectors) and Level 2 full audits for /toh-protect (SQL/XSS/command injection, auth and authorization flaws, configuration and dependency risks) with human-readable, actionable fix reports. Use for any security review or before shipping.

  src/skills/security-engineer/SKILL.md on GitHub (opens in a new tab)

• session-recovery

  Seamless continuation across sessions and IDEs — on session start, read .toh/memory/ and greet the user with where the last session left off so nothing needs re-explaining. Handles first run (no memory yet), mid-task resume, and returns after days or weeks. Use at the start of every new session or when the user says continue / "ทำต่อ".

  src/skills/session-recovery/SKILL.md on GitHub (opens in a new tab)

• smart-routing

  Intelligent request routing for /toh command. Analyzes user intent, assesses confidence, surveys the runtime (2-step, per orchestration-protocol), and routes to the appropriate agent(s). Memory-first approach ensures context awareness. Triggers: /toh command, natural language requests, ambiguous inputs.

  src/skills/smart-routing/SKILL.md on GitHub (opens in a new tab)

• test-engineer

  Automated E2E testing with Playwright including the auto-fix loop — generate test cases from the UI, run them, fix failures and re-run until passing, then produce a human-readable report. Test until it passes, not just test and report. Drives /toh-test; use whenever tests must be written, run, or made green.

  src/skills/test-engineer/SKILL.md on GitHub (opens in a new tab)

• ui-first-builder

  Creates production-ready UI immediately from any description. Generates complete pages, components, and realistic mock data in FIRST response. Uses Next.js 16 + Tailwind + shadcn/ui. Never asks questions - infers everything from context. Triggers: UI creation, page building, component generation, build interface, screen design, layout requests.

  src/skills/ui-first-builder/SKILL.md on GitHub (opens in a new tab)

• version-control

  Natural-language undo, rollback, and checkpoints that hide git entirely — "ย้อนกลับ", "undo", "ไม่เอาแล้ว", "เอาอันเดิมคืน" map to safe git stash/revert/checkpoint operations with cleanup and dev-server restart, reported in plain language. Use when the user wants to undo changes, restore a previous state, or save a safe checkpoint.

  src/skills/version-control/SKILL.md on GitHub (opens in a new tab)

• vibe-orchestrator

  Master workflow controller for Lovable-style development. Creates working UI immediately from ANY prompt - no questions asked, no choices given. Resumes or materializes .toh/plan.md, generates the design identity (root DESIGN.md) first, then spawns specialist sub-agents from plan task lines (ui-builder, dev-builder, design-reviewer, backend-connector, platform-adapter). Triggers: create, build, m…

  src/skills/vibe-orchestrator/SKILL.md on GitHub (opens in a new tab)

No skill matches that filter.

Similar skills

• awesome-design-skillsby bergside List of 67 awesome DESIGN.md and SKILL.md design skill files for agentic tools like Claude Design, Google Stitch, Codex, Cursor, and other… 3.2k stars
• ai-devkitby codeaholicguy The control plane for AI coding agents. 1.6k stars · 29 skills
• awesome-claude-skillsby ComposioHQ A curated list of awesome Claude Skills, resources, and tools for customizing Claude AI workflows 77.2k stars
• claude-code-best-practiceby shanraisshan from vibe coding to agentic engineering - practice makes claude perfect 67.6k stars · 9 skills
• agentsby wshobson Multi-harness agentic plugin marketplace for Claude Code, Codex, Cursor, OpenCode, GitHub Copilot, Google Antigravity, and Pi 40.9k stars · 30 skills
• claude-code-tipsby ykdojo 45+ tips for getting the most out of Claude Code, from basics to advanced - includes a custom status line script and Claude Code running it… 10.2k stars · 9 skills