01
ข้อมูลโครงการ
กำหนดภาพรวมของสิ่งที่ต้องการสร้าง
ชื่อโครงการ — ไม่บังคับ
ประเภทโครงการ
เว็บไซต์องค์กร
เว็บแอพพลิเคชัน
Landing Page
E-commerce
Mobile App
Dashboard
Blog / Content
Portfolio
ระบบจองคิว
คอร์สออนไลน์ / LMS
Chatbot / LINE OA
เครื่องมือภายในองค์กร
เป้าหมายหลัก
ขายสินค้า / บริการ
เก็บ Lead / สมัครสมาชิก
เผยแพร่เนื้อหา
รับจอง / นัดหมาย
ให้ข้อมูล / สร้างความน่าเชื่อถือ
สร้างชุมชน
โชว์ผลงาน
เพิ่มประสิทธิภาพงานภายใน
สอน / ส่งมอบบทเรียน
กลุ่มเป้าหมาย
ผู้บริหาร / มืออาชีพ
ลูกค้าทั่วไป / นักช้อป
เจ้าของธุรกิจ SME
นักเรียน / ผู้เรียน
นักพัฒนา / สายเทคนิค
ครีเอเตอร์ / ฟรีแลนซ์
พนักงานภายใน
ผู้สูงอายุ / ผู้ใช้มือใหม่
ระดับความซับซ้อน
เรียบง่าย · หน้าเดียว
มาตรฐาน · 5-10 ส่วน
ขั้นสูง · หลายหน้า
ระดับองค์กร · ระบบเต็มรูปแบบ
02
เทคโนโลยี
เลือก Stack ที่ต้องการให้ AI เขียนโค้ด
Frontend Stack
HTML + CSS + JS (ไฟล์เดียว)
HTML + Tailwind
React + Tailwind
React Component
Vue 3
Next.js
HTML + Bootstrap 5
ระดับการตอบสนอง (Responsive)
Mobile-first (แนะนำ)
Desktop-first
Mobile เท่านั้น
03
ส่วนประกอบ
เลือกได้หลายรายการ — แนะนำ 4-8 รายการต่อ Prompt
โครงสร้างหลัก
Hero Section
Navigation Bar
Footer
Sidebar
Breadcrumb
เนื้อหาและการนำเสนอ
Feature Grid
Product Cards
Pricing Table
Testimonials
FAQ Accordion
Team / About
Gallery / Lightbox
Timeline / Steps
Blog Cards
Stats Counter
Logo Cloud
Video Section
ฟอร์มและการโต้ตอบ
Contact Form
Signup / Login
Multi-step Form
Newsletter Box
Search Bar
Filter / Sort
Modal / Popup
Toast Notification
Tabs
Carousel / Slider
Booking Calendar
Chat Widget
ข้อมูลและ Dashboard
Data Table
Charts / Graphs
KPI Cards
Progress Bars
Profile Card
Cart / Checkout
04
ดีไซน์
กำหนดบุคลิกและรูปลักษณ์ของงาน
สไตล์ดีไซน์
Light Luxury
หรูหรา สว่าง มินิมอล
Minimalist
เรียบ สะอาด เน้นเนื้อหา
Corporate
น่าเชื่อถือ เป็นทางการ
Vibrant
สดใส พลังงานสูง
Dark Elegant
มืด หรู พรีเมียม
Glassmorphism
กระจกฝ้า โปร่งแสง
Neumorphism
นูนนุ่ม เงาอ่อน
Warm & Friendly
อบอุ่น เข้าถึงง่าย
Brutalist
ดิบ ตัวอักษรใหญ่
Thai Modern
ไทยร่วมสมัย
โทนสี
งาช้าง × ทองโบราณ
ขาว × ดำ × เทาเงิน
น้ำเงินมืออาชีพ
เขียวธรรมชาติ
ดินเผาอบอุ่น
ชมพูพาสเทล
ม่วงโมเดิร์น
ดำ × ทองแชมเปญ
รูปแบบตัวอักษร
Serif หรู + Sans สะอาด
Sans-serif โมเดิร์นล้วน
ตัวหนาโดดเด่น
โค้งมน เป็นมิตร
Monospace สายเทค
มุมและเงา
โค้งเล็กน้อย + เงานุ่ม
โค้งมาก + การ์ดลอย
เหลี่ยมคม + เส้นบาง
ทรงแคปซูลทั้งหมด
แอนิเมชัน
นุ่มนวล เรียบหรู
ปานกลาง · Scroll Reveal
จัดเต็ม · Parallax
ไม่ใช้แอนิเมชัน
05
คุณภาพและฟีเจอร์เสริม
มาตรฐานที่ต้องการให้ AI ใส่ใจเป็นพิเศษ
Dark Mode Toggleสลับโหมดมืด-สว่างได้
Accessibility (WCAG)รองรับผู้ใช้ทุกกลุ่ม
เนื้อหาภาษาไทยCopy + Mock Data ภาษาไทย
SEO StructureSemantic HTML + Meta tags
Performanceโหลดเร็ว Lazy Load
Loading / Error Statesทุกสถานะครบถ้วน
Form Validationตรวจสอบฟอร์ม + ข้อความไทย
Print-friendlyพิมพ์เอกสารสวย
เก็บสถานะข้อมูลState ไม่ต้องมี Backend
Code Commentsคอมเมนต์อธิบายละเอียด
06
ภาษาและโทนการสื่อสาร
กำหนดภาษาของเนื้อหาบนหน้าเว็บ
ภาษาเนื้อหา
ภาษาไทยทั้งหมด
English ทั้งหมด
ไทยหลัก + อังกฤษเทคนิค
สองภาษา ไทย-อังกฤษ
โทนเสียง
มืออาชีพ น่าเชื่อถือ
อบอุ่น เป็นกันเอง
หรูหรา ประณีต
กระตือรือร้น เน้นขาย
สงบ ชัดเจน เชิงสอน
สนุก สร้างสรรค์