Initial: pi-skill — 68 skills, 43 extensions, 11 themes for Pi

skills/references/questions.md

@@ -0,0 +1,179 @@
+# Pre-Project Questions
+
+## Creative Brief Questions
+
+ใช้เป็นแนวทางถามคำถามลูกค้าก่อนเริ่มสร้างเว็บไซต์
+เน้นว่า "ทำไม" ไม่ใช่แค่ "ทำอะไร"
+
+---
+
+## 1. ข้อมูลพื้นฐาน
+
+1.1 **ชื่อเว็บไซต์/บริษัท**
+   - ชื่อที่จะแสดงบนเว็บ
+   - ชื่อในเอกสาร (ถ้าต่างจากชื่อบนเว็บ)
+
+1.2 **ทำอะไร?**
+   - ขายสินค้าอะไร?
+   - ให้บริการอะไร?
+   - มี unique selling point อะไร?
+
+---
+
+## 2. ทำไมต่างจากคนอื่น?
+
+2.1 **ทำไมลูกค้าควรเลือกคุณ ไม่ใช่คู่แข่ง?**
+   - คู่แข่งของคุณคือใครบ้าง?
+   - คุณต่างจากเขาอย่างไร?
+
+2.2 **มี brand story หรือ origin story อะไรที่น่าสนใจไหม?**
+   - ทำไมถึงเริ่มทำสิ่งนี้?
+   - มีจุดเริ่มต้นที่น่าสนใจไหม?
+
+2.3 **มี values หรือ beliefs อะไรที่คุณยึดถือไหม?**
+   - สิ่งที่คุณทำ/ไม่ทำเพราะอะไร?
+
+---
+
+## 3. กลุ่มเป้าหมาย + Emotions
+
+3.1 **กลุ่มลูกค้าเป้าหมาย**
+   - อายุ, เพศ, อาชีพ
+   - Pain points หลักของพวกเขาคืออะไร?
+   - พวกเขากำลัง looking for อะไรอยู่?
+
+3.2 **ต้องการให้คนเข้าเว็บแล้ว "รู้สึก" อย่างไร?**
+   - [ ] มั่นใจ / เชื่อถือได้
+   - [ ] สบายใจ / ไม่กังวล
+   - [ ] ตื่นเต้น / กระตือรือร้น
+   - [ ] ประทับใจ / หรูหรา
+   - [ ] เข้าใจง่าย / ชัดเจน
+   - [ ] ทันสมัย / นำหน้า
+   - [ ] อื่นๆ: ____________
+
+3.3 **มีภาพที่ไม่อยากให้เว็บสื่อสารไหม?**
+   - เช่น: ธรรมดาเกินไป, ดูถูกเบา, เก่าจัง, ตลก, ไม่น่าเชื่อถือ
+
+---
+
+## 4. Design Context
+
+4.1 **มี brand guidelines/logo files ไหม?**
+   - ถ้ามี: แชร์มาได้เลย
+   - Logo files (SVG, PNG, AI)
+   - สีที่ใช้ (hex codes)
+   - Typography ที่ใช้
+
+4.2 **มี reference sites ที่ชอบ/ไม่ชอบบ้างไหม?**
+   - ชอบ: URL + บอกว่าชอบอะไรจากเว็บนั้น
+   - ไม่ชอบ: URL + บอกว่าไม่ชอบอะไร
+
+4.3 **มีสีที่ห้ามใช้/ต้องใช้ไหม?**
+   - สีที่ต้องใช้ (ถ้ามี brand colors)
+   - สีที่ไม่ชอบ/ห้ามใช้
+
+4.4 **ชอบ Dark Mode, Light Mode หรือทั้งสอง?**
+   - Light mode อย่างเดียว
+   - Dark mode อย่างเดียว
+   - ทั้งสอง (user เลือกได้)
+
+---
+
+## 5. หน้าที่ต้องการ
+
+5.1 **ต้องการหน้าอะไรบ้าง?**
+   - [ ] Home
+   - [ ] About Us / บริษัทของเรา
+   - [ ] Services / บริการ
+   - [ ] Products / สินค้า
+   - [ ] Portfolio / ผลงาน
+   - [ ] Blog / ข่าวสาร
+   - [ ] Contact / ติดต่อ
+   - [ ] FAQ / คำถามที่พบบ่อย
+   - [ ] Careers / ร่วมงานกับเรา
+   - [ ] Other: ____________
+
+5.2 **มีฟอร์มที่ต้องการไหม?**
+   - [ ] Contact Form
+   - [ ] Quote Request Form
+   - [ ] Newsletter Signup
+   - [ ] Booking Form
+   - [ ] Registration Form
+   - [ ] Other: ____________
+
+---
+
+## 6. Technical Requirements
+
+6.1 **มี SMTP/Email server ไหม?**
+   - สำหรับส่ง email จากเว็บ
+   - เช่น contact form, newsletter
+
+6.2 **มี Tracking tools ต้องติดตั้งไหม?**
+   - Google Analytics 4 (GA4)
+   - Facebook Pixel
+   - Google Ads Conversion
+   - TikTok Pixel
+   - LINE Channel Tag
+   - Umami / Plausible
+   - Microsoft Clarity
+   - Other: ____________
+
+6.3 **มี Third-party integrations ไหม?**
+   - Payment gateways
+   - CRM systems
+   - Other APIs
+
+---
+
+## 7. PDPA Compliance
+
+7.1 **มี DPO (Data Protection Officer) หรือยัง?**
+   - ถ้ายัง: ต้องการให้ช่วยจัดหาไหม?
+
+7.2 **เว็บจะเก็บข้อมูลอะไรบ้าง?**
+   - ข้อมูลลูกค้า
+   - ข้อมูลการสั่งซื้อ
+   - Newsletter subscribers
+   - Other: ____________
+
+7.3 **ConsentOS Integration**
+   - ใช้ ConsentOS สำหรับ cookie consent (บังคับ PDPA)
+
+---
+
+## 8. เว็บไซต์เดิม (ถ้ามี)
+
+8.1 **มีเว็บอยู่แล้วหรือยัง?**
+   - ถ้ามี: URL ของเว็บเก่า
+   - ถ้ามี: ทำไมอยากเปลี่ยน?
+   - ถ้ามี: มี source code ไหม?
+
+8.2 **มี domain และ hosting แล้วหรือยัง?**
+   - ถ้ามี: provider อะไร?
+   - ถ้ามี: domain ชื่ออะไร?
+
+---
+
+## Checklist สำหรับ Website Creator
+
+เมื่อถามครบแล้ว ต้องได้:
+
+- [ ] ชื่อเว็บ/บริษัท
+- [ ] ธุรกิจทำอะไร + ทำไมต่าง
+- [ ] Target emotion ที่ต้องการ
+- [ ] Design references (ชอบ/ไม่ชอบ)
+- [ ] Brand assets (logo, colors) ถ้ามี
+- [ ] Sitemap (หน้าที่ต้องการ)
+- [ ] Tracking tools ที่ต้องติดตั้ง
+- [ ] PDPA requirements
+
+---
+
+## หลังได้ Context แล้ว
+
+1. สร้าง **Creative Brief** (ฉบับย่อ)
+2. สร้าง **2-3 Creative Directions** ที่ต่างกันจริงๆ
+3. นำเสนอ + รอ user เลือก
+4. สร้าง **Master Plan** รวมทั้งหมด
+5. ⏸️ **รอ APPROVE** ก่อนทำงาน