เริ่มจากเทมเพลต: พรอมต์แรกที่เขียนไว้แล้วสำหรับแอปของคุณ
Mythex มีคลังเทมเพลตที่ mythex.ai/templates แต่ละเทมเพลตอธิบายเว็บไซต์หรือแอปประเภทหนึ่ง เช่น หน้า landing สำหรับรายชื่อรอ เว็บจองคิวร้านตัดผม หรือ CRM สำหรับการขาย และมาพร้อมพรอมต์เริ่มต้นที่เขียนมาเพื่อประเภทนั้น กด Use template แล้ว Mythex จะสร้างโปรเจกต์ใหม่ที่มีพรอมต์นั้นพร้อมรัน ทำให้ Agent สร้างเวอร์ชันแรกที่คุณปรับต่อในแชทได้
เทมเพลตคืออะไร
เทมเพลตของ Mythex คือ พรอมต์เริ่มต้น ไม่ใช่โปรเจกต์เริ่มต้น ความต่างนี้สำคัญ จึงควรพูดให้ชัด:
| เทมเพลตคือ | เทมเพลตไม่ใช่ |
|---|---|
| หน้าเริ่มต้นพร้อมพรอมต์แรกที่เขียนมาอย่างรอบคอบ | โปรเจกต์สำเร็จรูปที่คุณรีมิกซ์หรือโคลนได้ในคลิกเดียว |
| การสร้างด้วย AI ใหม่จากพรอมต์นั้น | สำเนาที่เหมือนดีไซน์ตายตัวทุกพิกเซล |
| เปิดใช้ได้ฟรี ใช้เครดิตและกฎเดียวกับโปรเจกต์ใหม่ทั่วไป | ผลิตภัณฑ์แยกจาก composer ของแดชบอร์ดปกติ |
เมื่อคุณใช้เทมเพลต Agent จะสร้างแอปของคุณใหม่จากพรอมต์ คุณจะได้โปรเจกต์ของคุณเอง สร้างขึ้นมาให้คุณ ไม่ใช่สำเนาของคนอื่น
ทำไมต้องเป็นพรอมต์ ไม่ใช่โปรเจกต์
ส่วนที่ยากที่สุดของการเริ่มต้นมักเป็นข้อความแรก คุณรู้ว่าอยากได้ "เว็บจองคิวสำหรับร้านตัดผมของฉัน" แต่ไม่รู้ว่าต้องมีหน้าอะไรบ้าง ขั้นตอนการจองควรเป็นอย่างไร หรือควรบอกรายละเอียดอะไร พรอมต์เปิดที่ดีจะครอบคลุมสิ่งเหล่านั้น และง่ายมากที่จะทำให้ตกหล่นไปครึ่งหนึ่งเมื่อเขียนจากศูนย์
พรอมต์เทมเพลตเขียนให้กับกรณีการใช้งานของมัน ดังนั้นเวอร์ชันแรกจึงเริ่มใกล้กับสิ่งที่เว็บไซต์ประเภทนั้นต้องการ และเพราะมันเป็นพรอมต์ ไม่ใช่ codebase ที่ตายตัว ผลลัพธ์จึงไม่ถูกล็อกไว้กับการตัดสินใจด้านการออกแบบของคนอื่น สิ่งที่เกิดต่อไปเหมือนกับโปรเจกต์ทุกอย่าง: คุณปรับทิศทางในแชท
วิธีใช้เทมเพลต
- เปิด Templates บนเว็บไซต์ของ Mythex ลิงก์นี้อยู่ที่หน้าแรกและเมนูหลักด้วย
- หาเทมเพลตที่ใช่ ค้นหาด้วยคีย์เวิร์ด หรือใช้ Filters เพื่อกรองตามหมวดและหมวดย่อย บนโทรศัพท์ Filters จะเปิดเป็นแผ่นจากด้านล่าง หากไม่มีอันไหนตรง คุณจะเห็น No templates match.
- คลิก Use template
- สมัครหรือเข้าสู่ระบบ หากยังไม่ได้ทำ Mythex จะสร้างโปรเจกต์ใหม่พร้อมพรอมต์ของเทมเพลตที่กรอกไว้แล้ว
- ดู Agent สร้างเวอร์ชันแรก แล้วปรับต่อในแชท
หลังจากเริ่มต้น
ให้ถือผลลัพธ์แรกเป็นฉบับร่าง จากนี้มันคือโปรเจกต์ปกติ:
- เปลี่ยนข้อความ เลย์เอาต์ และฟีเจอร์ด้วยการขอในแชท
- สลับระหว่าง Preview และ Code เหมือนที่อื่นๆ
- เผยแพร่เมื่อคุณพร้อม
การติดตามเปลี่ยนแปลงเล็กๆ และเจาะจงได้ผลดีกว่าการขอให้สร้างใหม่ทั้งหมด หากการเปลี่ยนแปลงทำให้เสียหาย ให้ย้อนกลับด้วย checkpoint
แอปของคุณใช้เทคโนโลยีอะไร
เทมเพลตกำหนดแนวคิดผลิตภัณฑ์ ไม่ได้กำหนดไฟล์ Mythex ยังเลือกเทคโนโลยีจากพรอมต์อยู่ดี หากไม่มีอะไรบอกเป็นอย่างอื่น มันจะเริ่มจาก Vite + React + TypeScript + Tailwind ซึ่งเป็นการตั้งค่าสมัยใหม่ที่นิยมสำหรับเว็บแอป พร้อมพรีวิวสดให้ระหว่างที่คุณแชท
Mythex ไม่ได้ให้คุณเลือกเฟรมเวิร์กในหน้าตั้งค่า แต่มันอนุมานการตั้งค่าจากสิ่งที่คุณเขียน ดังนั้นถ้าคุณต้องการอะไรเฉพาะ ให้บอก ทั้งในข้อความแรกของคุณเอง หรือในแชทเมื่อโปรเจกต์เทมเพลตเริ่มทำงาน:
- "ใช้ Next.js"
- "หน้า landing แบบ static HTML ธรรมดา"
- "backend ด้วย Python พร้อมหน้าเว็บเรียบง่าย"
- "C# API" หรือ "backend ด้วย Java"
สำหรับ backend ที่ต้องใช้ container เช่นบริการ C# หรือ Java Mythex จะเขียนแอปพร้อม Dockerfile (สูตรสำหรับสร้าง container image) และบันทึกวิธีรันและเผยแพร่ พรีวิวรันในวงเล็บ sandbox ส่วนตัวของคุณ และ Publish จะ build image และ deploy ผ่านขั้นตอนการเผยแพร่เดียวกับแอปอื่นๆ คุณไม่ต้องตั้งค่าโฮสติ้งเอง
คุณขอเปลี่ยน stack ทีหลังได้ แต่การระบุความต้องการตั้งแต่ต้นจะช่วยประหยัดเครดิต
ข้อจำกัด
- ยังไม่มีแกลเลอรีเทมเพลตในพื้นที่ทำงาน เทมเพลตอยู่บนเว็บไซต์สาธารณะ Use template จะพาคุณเข้าสู่ขั้นตอนสร้างโปรเจกต์ปกติพร้อมพรอมต์ที่กรอกไว้
- ผลลัพธ์แตกต่างกันไป เพราะแต่ละเทมเพลตคือพรอมต์ที่ Agent ใช้สร้าง โปรเจกต์สองอันจากเทมเพลตเดียวกันจึงไม่จำเป็นต้องหน้าตาเหมือนกัน และไม่ใช่สำเนาของดีไซน์ตายตัว
- เทมเพลตไม่ได้ล็อก stack ของคุณ เทมเพลตกำหนดว่าจะสร้างอะไร ไม่ใช่สร้างอย่างไร หากคุณมีความต้องการเรื่อง stack ให้ระบุในพรอมต์
- การสร้างจากเทมเพลตมีค่าใช้จ่ายเท่ากับ การสร้างจากพรอมต์แรกอื่นๆ
หากคุณอยากเขียนพรอมต์เปิดของตัวเอง คู่มือของเราเรื่อง วิธีเขียนพรอมต์สำหรับแอปบิลเดอร์ด้วย AI จะบอกว่าควรใส่อะไรบ้าง และ วิธีสร้างหน้า landing ที่เปลี่ยนผู้เข้าชมเป็นลูกค้า เป็นคู่มือที่เหมาะกับเทมเพลตหน้า landing
เอกสารมีรายละเอียด: เทมเพลตเว็บไซต์และแอป และ การเลือกเทคโนโลยี