MarkVibeSapce
Userชุด Claude Code skills สำหรับ Vibe Coding Bootcamp (AI Easy Pro) — build MVP เร็ว ทำงานเป็นระบบตั้งแต่วันแรก
Categories
Indexed Skills (11)
karpathy-guidelines
Behavioral guidelines to reduce common LLM coding mistakes. Use when writing, reviewing, or refactoring code to avoid overcomplication, make surgical changes, surface assumptions, and define verifiable success criteria.
ux-ui-review
UX/UI review for all user types across every screen and flow.
build-frontend
ใส่ behavior/logic ทับหน้าที่ port มาจาก wireframe-lock เฟส 3 แล้ว — ทีละหน้า ตาม Screens List ใน wireframe.lock.md. คุมให้ตรง lock, review diff ก่อน accept, จับสัญญาณ context หมด. ใช้ตอน M6 **หลัง** wireframe-lock ผ่านเฟส LOCK+BUILD แล้วเท่านั้น. ไม่ใช่จุดเริ่ม build UI จาก design.md ตรงๆ. Trigger: "build frontend", "สร้างหน้าเว็บ", "/build-frontend", "เริ่ม build", "setup next.js", "ใส่ behavior ให้หน้าที่ port แล้ว".
design-thinking
Facilitator ช่วยนักเรียน "คิดก่อนลงมือทำ" — พาคิดแผนธุรกิจ / โปรดักต์ / แก้ปัญหา ผ่าน Design Thinking แบบ Stanford d.school ที่ถูกต้อง ทำงานผ่าน "โพสต์อิท" จริงทุกขั้น (Empathize → Synthesis → Define → Ideate → Prototype → Test). บังคับเข้าใจลูกค้าจริง ก่อน ไม่ให้กระโดดไป build. ปลายทางได้ prototype + feedback จากลูกค้าจริง → ปรับสู่ production. มี Persona Panel — AI สวมบทลูกค้าหลาย persona รีวิวตรงๆ (ห้ามอวย). ทำก่อน /md-scaffold. Trigger: "design thinking", "/design-thinking", "คิดก่อนทำ", "อยากทำโปรดักต์", "มีไอเดียธุรกิจ", "แก้ปัญหาให้ลูกค้า", "โปรเจคนี้ตอบโจทย์ไหม", "ยังไม่รู้จะทำอะไร", "validate ไอเดีย", "รีวิวแบบลูกค้า", "ขอ feedback persona", "ลูกค้าจำลอง", "AI เป็นลูกค้า", "วิจารณ์งานหน่อย".
md-scaffold
สร้างชุดไฟล์ MD ที่เป็น context หลักของโปรเจค (project.md, roles.md, user-journey.md, features.md, design.md, database.md, skill.md) จากการเล่าปากเปล่า ของผู้ใช้ — ไม่ต้องพิมพ์เอง. ใช้ตอนเริ่มโปรเจคใหม่ ก่อนจะ build อะไรทั้งสิ้น. Trigger: "สร้าง MD files", "เริ่มโปรเจคใหม่", "วางแผนโปรเจค", "/md-scaffold", "scaffold docs", "เล่าโปรเจคให้ฟังแล้วสร้าง spec".
multimodel
Multi-model project orchestration — ให้ Opus วางแผน/ออกแบบโครงสร้าง จากนั้น route งานแต่ละชิ้นไปยังโมเดลที่เหมาะสม (Opus/Sonnet/Haiku) เพื่อคุณภาพสูงสุดในราคาที่เหมาะสม
wireframe-lock
แก้ปัญหา build ออกมาไม่ตรง wireframe. ทำ wireframe.html ให้เป็น "สัญญา" ที่ AI อ่านได้ → build กลายเป็นการ port 1:1 ไม่ใช่การเดา → verify เทียบทีละจุด. ใช้ได้กับทุกธุรกิจ/ทุกโปรเจค. รองรับ 2 เคส: (A) ออกแบบ wireframe ใหม่จากศูนย์, (B) มี wireframe/mockup อยู่แล้วต้อง port เป็นระบบ. ทำงาน 4 เฟส: entry(เลือกเคส) → design → lock(ยืนยัน) → build+verify. Trigger: "ทำ wireframe", "/wireframe-lock", "wireframe ไม่ตรง", "build ตาม wireframe", "ออกแบบหน้าเว็บก่อน build", "lock design", "port wireframe เป็น code", "มี wireframe แล้วอยากทำเป็นระบบ", "แปลง mockup เป็นเว็บ", "ทำระบบให้เหมือน wireframe 100%".
my-ads
ผู้ช่วยยิงแอด Facebook สำหรับทีม in-house — ดูแลแบรนด์ของคุณเองแบบครบวงจร ไม่ใช่แค่กดตามคำสั่ง แต่เรียนรู้ธุรกิจคุณ จำ Persona จำ KPI จำสิ่งที่เคยได้ผล แล้วช่วยตัดสินใจให้ดีขึ้นทุกสัปดาห์ ใช้กับ Claude Code CLI + Meta Marketing API (ธุรกิจเดียว = ของคุณ) KPI หลัก: CPR (Cost per Result — ค่าต่อ 1 ผลลัพธ์ เช่น 1 แชท) ทำงานทุกครั้งที่ถูกเรียก: 1. อ่าน BRAND_PROFILE.md ก่อนเสมอ → รู้ธุรกิจ / KPI / Persona / สิ่งที่เรียนรู้ไว้ 2. ดู task → เปิด module ที่ตรง 3. ทำงาน → จบแล้วอัปเดต BRAND_PROFILE.md ด้วยสิ่งใหม่ที่รู้ Trigger เมื่อ: - "ตั้งค่าครั้งแรก", "ต่อ token", "เชื่อม API" → SETUP.md - "สร้างแคมเปญ", "สร้างแอด", "เพิ่ม ad set" → 1-setup.md - "ดูผลสัปดาห์นี้", "weekly", "แอดเป็นไง" → 2-weekly.md - "ปรับแอด", "optimize", "แอดแพง", "เปลี่ยน targeting" → 3-optimize.md - "วางแผน", "หา persona", "หา interest", "แผนแอดใหม่" → 4-planning.md - "สรุปเดือน", "monthly", "ลูกค้าถามอะไร", "inbox" → 5-monthly.md - "รายงานส่งหัวหน้า", "ทำ PDF/PPTX", "report สวยๆ", "รายงานประชุม" → 6-report.md - "แชทผี", "แชทไม่มีคุณภาพ", "กร
handoff
Write or update a handoff document so the next agent with fresh context can continue this work.
supabase-setup
เชื่อม Supabase เข้ากับ Next.js — ให้ AI ออกแบบ schema จาก features.md, สร้าง tables, ต่อ Supabase client, ทำ CRUD + Auth (email/password + magic link), เก็บ secret ใน .env.local อย่างปลอดภัย. ใช้ตอน M7. Trigger: "เชื่อม supabase", "ทำ database", "/supabase-setup", "ออกแบบ schema", "ทำ login", "เก็บข้อมูลจริง".
vercel-deploy
Deploy Next.js app ขึ้น Vercel ด้วย Vercel CLI — ไม่ต้องใช้ Git/GitHub. พิมพ์ vercel ได้ preview URL, vercel --prod ได้ production URL. ตั้ง env vars, จับ build error. ใช้ตอน M6 (preview) + M8 (production). Trigger: "deploy", "ขึ้น vercel", "/vercel-deploy", "เอา url จริง", "publish app", "vercel --prod".
Bio shown is the top-scored skill's repo description as a fallback — real GitHub bios land in a future update.