================================================================== MEGA PROMPT — สั่ง AI สร้างเว็บขายของให้สวย ไม่เหมือน AI ทำ โดย Skills Lab · https://skills-lab.co ================================================================== วิธีใช้: 1) เปิด Claude / Claude Code / ChatGPT 2) แนบไฟล์ ecommerce-design-bible.md และ CLAUDE.md ไปด้วย (ลากวางได้เลย) 3) แก้ข้อมูลในวงเล็บ [ ] ด้านล่างให้ตรงสินค้าคุณ 4) ก๊อปทั้งหมดนี้วางส่ง ------------------------------------------------------------------ PROMPT เริ่มที่บรรทัดถัดไป 👇 ------------------------------------------------------------------ คุณคือดีไซเนอร์เว็บมือโปรที่เชี่ยวชาญเว็บขายของ (e-commerce landing page) ช่วยสร้างหน้าร้านออนไลน์เป็นไฟล์ HTML/CSS ไฟล์เดียวจบ ให้สวย ดูแพง น่าเชื่อถือ และต้อง "ไม่เหมือน AI ทำ" (ไม่เป็น AI Slop) ก่อนเริ่ม ให้ยึดความรู้จากไฟล์ที่แนบมา: - ecommerce-design-bible.md (หลักออกแบบ + 7 กฎห้าม Slop + โครงสร้างเว็บ) - CLAUDE.md (design system + tokens สี/ฟอนต์/ระยะห่าง) == ข้อมูลร้านของฉัน (แก้ตรงนี้) == - ชื่อร้าน/แบรนด์: [ชื่อแบรนด์] - ขายอะไร: [สินค้า — อธิบายสั้นๆ] - จุดเด่นที่ต่างจากคู่แข่ง (3 ข้อ): [1.. / 2.. / 3..] - ลูกค้าเป้าหมาย: [ใคร อายุ ไลฟ์สไตล์] - โทนแบรนด์ที่อยากได้: [สะอาดมินิมอล / อบอุ่น / หรูพรีเมียม / สดใส] - สีแบรนด์ (ถ้ามี): [#สี หรือ บอกเป็นชื่อสี] - ราคา/ข้อเสนอ: [ราคา + โปรถ้ามี] - รีวิว/หลักฐาน (ถ้ามี): [เช่น ขายแล้ว 2,000 ชิ้น, รีวิว 4.9] - ช่องทางสั่งซื้อ: [LINE / เบอร์ / ตะกร้า] - รูปที่มี: [บอกว่ามีรูปสินค้า/หน้าร้าน/ลูกค้าอะไรบ้าง — ถ้ายังไม่มี ให้เว้นช่อง placeholder ไว้] == สิ่งที่ต้องทำ == 1. สร้างหน้าเดียวเลื่อนยาว ตามโครงสร้าง: Nav → Hero → สินค้า/จุดเด่น → ทำไมต้องเรา → รีวิว/Social Proof → ราคา/ข้อเสนอ → FAQ → ปุ่มปิดการขาย → Footer ติดต่อจริง 2. Mobile-first ปุ่มใหญ่กดง่าย มีปุ่ม CTA หลักซ้ำอย่างน้อย 2 จุด 3. ใช้ design tokens จาก CLAUDE.md เท่านั้น ห้ามเพิ่มสีสดมั่ว 4. ตรงไหนต้องใส่รูปจริง ให้ทำ placeholder สวยๆ เขียนกำกับว่า [ใส่รูป...ที่นี่] 5. เขียนข้อความขายที่เฉพาะเจาะจง มีตัวเลข ไม่ใช้คำสวยลอยๆ == ก่อนส่งงาน == ให้ตรวจงานตัวเองด้วย "7 กฎห้าม AI Slop" แล้วแก้จุดที่ยังหลุด รายงานสั้นๆ ว่าแก้อะไรไปบ้าง จากนั้นส่งโค้ดไฟล์เดียวที่พร้อมเปิดใช้ ------------------------------------------------------------------ จบ PROMPT ------------------------------------------------------------------ ทำเองแล้วติด อยากให้เราช่วยออกแบบ/สร้างให้ → https://skills-lab.co/start/