SHIP Method
SHIP Method Spec
Framework spec ฉบับสมบูรณ์ — S→H→I→P, Ship Method OS, ship-membership
SHIP Method คืออะไร?
Core Insight
"AI Coding อย่างเดียวไม่พอ — ต้องมีลำดับคิดที่ถูกด้วย"
SHIP Method คือ framework 4 ขั้นที่ทำให้ AI สร้างของได้ตรงกับที่คิด ตั้งแต่ตั้งโจทย์ → ออกแบบ flow → เขียน spec → ปล่อยจริง
SHIP Framework
S→H→I→P — 4 ขั้นที่ทำให้ AI สร้างของได้ถูกตั้งแต่รอบแรก ใช้ได้กับ AI ทุกโมเดล
Core
Ship Method OS
npx ship-create → Next.js 16 app + agent rules + 8 slash commands + 13 modules ใน 30 วินาที
Open Source
ship-membership
White-label membership backend — admin panel + member portal + Stripe subscriptions แก้ config.ts ไฟล์เดียว
Included in OS
SHIP Framework — หัวใจของ Method
ลำดับคิด 4 ขั้นที่ทำให้ AI สร้างของได้ตรงกับที่คิด
S → H → I → P
S
Structure
ตั้งโครงสร้างให้ชัด ก่อนเปิด AI
H
Human Flow
เล่าเรื่องการใช้งาน ก่อนลงมือสร้าง
I
Instruction
แปลง flow เป็น spec ที่ AI สร้างได้เลย ไม่ต้องเดา
P
Publish
ปล่อยจริง ไม่ผัดวันประกันพรุ่ง
AI Coding อย่างเดียว vs AI Coding + SHIP
เริ่มต้น
พิมพ์ไอเดียลง ChatGPT แบบไม่มีโครงสร้าง AI เดาใจ — ผลลัพธ์มั่ว
Structure: ตั้งโจทย์ 3 คำถามก่อน → AI รู้บริบทชัด งานตรงตั้งแต่รอบแรก
การออกแบบ
สั่งให้ AI สร้างหน้าตา UI — ได้ของที่ดูดีแต่ใช้จริงไม่ได้
Human Flow: เล่า journey ก่อน → AI เข้าใจว่าคนใช้จะเดินยังไง
การสร้าง
ลองผิดลองถูกกับ prompt — เสียเวลาเป็นชั่วโมง กว่าจะได้ของที่พอใช้
Instruction: spec ชัดก่อนเขียน prompt → AI build ได้ถูกตั้งแต่ครั้งแรก
การปล่อย
ทำเสร็จแล้วไม่กล้าปล่อย — เพราะไม่รู้ checklist อะไรควรเช็ค
Publish: checklist พร้อมปล่อย → มั่นใจก่อนกด deploy
ผลลัพธ์
ได้ prototype ที่ดูดีในหน้าจอ แต่ใช้จริงไม่ได้
ได้ตัวช่วยธุรกิจที่คนใช้จริง — วัดผลได้จากเวลาที่ประหยัดหรือรายได้ที่เพิ่ม
Ship Method OS
npx ship-create → Next.js 16 app + agent rules + slash commands + 13 modules
npx ship-create → What it creates
npx ship-create — demo
8 Slash Commands — จาก idea ถึง launch
/buildBuild prototype อัตโนมัติจาก idea ของคุณ — รันตอนเปิดโปรเจกต์ครั้งแรก
/foundationWire auth (Clerk), database (Supabase), payments (Stripe)
/featuresBuild features ทีละอย่างตาม spec
/polishResponsive, empty states, SEO, performance
/uatUser acceptance testing — happy path, edge cases, mobile
/pentestSecurity audit — OWASP Top 10, auth, headers
/qualityTypeScript, lint, dead code, duplication
/launchDeploy ขึ้น Vercel, domain, analytics 🚀
13 Modules
01
STRUCTURE
Business goals, scope, feature matrix
02
HUMAN FLOW
User journeys, flows, information architecture
03
INSTRUCTION
AI-ready specs, prompts, implementation plans
04
PUBLISH
QA, SEO, launch checklist, feedback loop
05
SOP
Repeatable procedures: validate, test, iterate
06
TEMPLATES
8 product-type starter packs (SaaS, CRM, membership...)
07
PROMPTS
50+ role-based prompts รวม prompt ทุก phase
08
EXAMPLES
Worked end-to-end examples 4 product types
09
CASE STUDIES
Narrative case studies: what worked, what didn't
10
LAUNCH
Vercel deploy, domain setup, analytics wiring
11
STANDARDS
Naming, documentation, versioning conventions
12
DESIGN SYSTEM
UI component specs for AI-built products
13
TECH STACK
Stack selection matrix + AI briefing templates
8 Product Templates
SaaS
CRM
Membership
Landing Page
Directory
Dashboard
Internal Tool
Marketplace
ship-membership
White-label membership backend — พร้อม deploy แค่แก้ config.ts ไฟล์เดียว
What it is
Membership backend สำเร็จรูปที่ clone แล้วใช้ได้เลย — admin panel + member portal + Stripe subscriptions ทั้งหมด white-label ได้จากไฟล์เดียวคือ config.ts
Public Site
/ · /pricing
ผู้เข้าชมทั่วไป
Member Portal
/dashboard · /content · /billing
สมาชิกที่ชำระเงินแล้ว
Admin Panel
/admin · /admin/members · /admin/content
เจ้าของ product
Slash Commands สำหรับ setup
/setupClerk → Supabase → Stripe → local test ทีละขั้น
/go-liveVercel deploy → env vars → Stripe webhook → smoke test
/add-contentเพิ่ม gated content แบบ interactive
/add-planเพิ่ม Stripe plan ใหม่ end-to-end
SHIP Method แก้อะไร?
ปัญหาที่คนเจอตอนใช้ AI สร้างของ — SHIP Framework คือคำตอบ
😵
สั่ง AI แล้วได้ไม่ตรงที่คิด — ยิ่งสั่ง ยิ่งเดาใจไม่ถูก
S: Structure — ตอบ 3 คำถามก่อนเปิด AI
🔀
UI สวยแต่คนใช้ไม่รู้จะกดอะไร — หลงทางในหน้าเว็บตัวเอง
H: Human Flow — เล่า flow ก่อนออกแบบ
🔄
สั่ง AI ซ้ำ 5-10 รอบ แก้แล้วแก้อีก — เสียเวลาเป็นชั่วโมง
I: Instruction — spec ครั้งเดียว สร้างถูกตั้งแต่รอบแรก
📦
กลัวไม่สมบูรณ์ → แก้ไปเรื่อยๆ → ไม่เคย publish — ค้างเป็นเดือน
P: Publish — checklist → ปล่อยเร็ว เก็บ feedback
🤷
ไม่รู้จะเริ่มยังไง — มีไอเดียแต่ไม่รู้ขั้นตอนแรก
OS: 13 modules + 50 prompts + starter kit — เริ่มได้ทันที
เริ่มใช้ SHIP Method
Ship Method OS แจกฟรี — scaffold โปรเจกต์แรกด้วย npx ship-create