ขั้นตอนที่ 1 · ชี้แจงข้อกำหนด (สำคัญมากก่อนเริ่ม)
หากผู้ใช้ได้ให้โครงร่างและรูปภาพที่สมบูรณ์แล้ว คุณสามารถข้ามไปยังขั้นตอนที่ 2 ได้
หากผู้ใช้ให้เพียงหัวข้อหรือแนวคิดคร่าวๆ ให้ปรับให้สอดคล้องกับคำถามทั้ง 6 ข้อนี้ทีละข้อก่อนเริ่มเขียนสไลด์ อย่าเริ่มเขียนสไลด์โดยอาศัยการคาดเดา เพราะเมื่อโครงสร้างผิดพลาด การแก้ไขในภายหลังจะเสียค่าใช้จ่ายสูงมาก คุณสามารถใช้เครื่องมือ askUserQuestion เมื่อถามคำถามได้
#### 6 คำถามเพื่อขอคำชี้แจงเพิ่มเติม
| # | คำถาม | ทำไมต้องถาม? |
|---|------|-----------|
| 1 | **กลุ่มเป้าหมายคือใคร? สถานการณ์การนำเสนอเป็นอย่างไร?** (ผู้เชี่ยวชาญในอุตสาหกรรม/การเปิดตัวธุรกิจ/วันสาธิต/การประชุมส่วนตัว) | กำหนดรูปแบบและระดับความลึกของภาษา |
| 2 | **ระยะเวลาในการแบ่งปัน?** | 15 นาที ≈ 10 หน้า, 30 นาที ≈ 20 หน้า, 45 นาที ≈ 25-30 หน้า |
| 3 | **คุณมีเอกสารต้นฉบับบ้างไหม?** (เอกสาร/ข้อมูล/ไฟล์ PowerPoint เก่า/ลิงก์บทความ) | ถ้ามี ให้ใช้ ถ้าไม่มี ให้สร้างสิ่งอื่นขึ้นมาแทน |
| 4 | **มีรูปภาพหรือไม่? ควรวางรูปภาพไว้ตรงไหน?** | ดู "หลักเกณฑ์การวางรูปภาพ" ด้านล่าง |
| 5 | **คุณต้องการสีธีมแบบไหน?** | ดูที่ @themes.md เลือกหนึ่งใน 5 สีที่ตั้งค่าไว้ล่วงหน้า |
| 6 | **มีข้อจำกัดที่เข้มงวดใดบ้างหรือไม่?** (ต้องมีข้อมูล XX / ห้ามมี YY) | เพื่อหลีกเลี่ยงการทำงานซ้ำ |
#### ความช่วยเหลือในการร่างโครงร่าง (หากผู้ใช้ไม่มีโครงร่าง)
ใช้แม่แบบ "โครงเรื่อง" เพื่อสร้างโครงร่าง จากนั้นจึงเติมเนื้อหาลงไป:
```
จุดสนใจ → หน้า 1: นำเสนอความแตกต่าง/คำถาม/ข้อมูลเชิงประจักษ์ เพื่อดึงดูดความสนใจของผู้คน
การกำหนดโทน (บริบท) → หน้า 1-2: อธิบายความเป็นมา / คุณเป็นใคร / ทำไมคุณถึงพูดถึงเรื่องนี้
เนื้อหาหลัก (แกนกลาง) → หน้า 3-5: เนื้อหาหลัก สลับกับเค้าโครงหน้า 4/5/6/9/10
เปลี่ยนหน้า → หน้า 1: ทลายความคาดหวัง / นำเสนอมุมมองใหม่
สรุปเนื้อหา → หน้า 1-2: คำคมสำคัญ / คำถามชวนคิด / ข้อเสนอแนะในการปฏิบัติ
```
โครงร่างเรื่องราว + การวางแผนหมายเลขหน้า + ตารางจังหวะของธีม (ดู @layouts.md ) **จัดเรียงตารางทั้งสามให้ตรงกัน** ก่อนดำเนินการในขั้นตอนที่ 2
แนะนำให้บันทึกโครงร่างเป็น `บันทึกโครงการ` หรือ `โครงร่างเวอร์ชัน 1` เพื่อความสะดวกในการแก้ไขในครั้งต่อไป
#### ข้อกำหนดเกี่ยวกับรูปภาพ (แจ้งให้ผู้ใช้ทราบ)
โปรดอธิบายสิ่งต่อไปนี้ให้ผู้ใช้ทราบก่อนดำเนินการต่อ:
- **ตำแหน่งของรูปภาพ**: รูปภาพนี้อยู่ในส่วนใดของกระดาน หรือเป็นรูปภาพที่ถูกอัปโหลดมา?
- **ถ้าไม่มีรูปภาพล่ะ?**: เพื่อให้สอดคล้องกับเค้าโครงของผู้ใช้ คุณสามารถสร้างโครงสร้างโดยใช้บล็อกสีที่เป็นตัวแทนก่อน แล้วค่อยเพิ่มรูปภาพในภายหลัง อย่างไรก็ตาม คุณต้องแจ้งให้เค้าโครง 4/5/10 และหน้าอื่นๆ ที่มีทั้งข้อความและรูปภาพทราบว่าไม่สามารถตรวจสอบผลลัพธ์ทางภาพได้หากไม่มีรูปภาพ
ขั้นตอนที่ 2 · แม่แบบอ้างอิง
@template.txt เป็นไฟล์ HTML ที่ **สมบูรณ์และใช้งานได้** โดยมีการตั้งค่า CSS, WebGL shaders, JS สำหรับการแบ่งหน้า และ CDN สำหรับฟอนต์และไอคอนไว้ล่วงหน้าแล้ว มีเพียง `` เท่านั้นที่มีสไลด์ตัวอย่าง 3 สไลด์ (หน้าปก, หน้าปกบท และหน้าว่างสำหรับกรอกข้อมูล)
#### 2.1 · ตัวยึดตำแหน่งที่ต้องแก้ไข (**สิ่งที่มองข้ามได้ง่าย**)
หลังจากคัดลอกเสร็จแล้ว ให้แก้ไขข้อความตัวอย่างต่อไปนี้ทันที มิเช่นนั้น แท็บเบราว์เซอร์ของคุณจะแสดงข้อความที่ไม่เหมาะสม เช่น "[จำเป็น] แทนที่ด้วยชื่อไฟล์ PPT":
| สถานที่ | ต้นฉบับ | ต้องเปลี่ยนเป็น |
|------|------|--------|
| `
` | `[จำเป็น] แทนที่ด้วยชื่อสไลด์ PowerPoint · ชื่อชุดสไลด์` | ชื่อชุดสไลด์จริง (เช่น `วิธีการทำงานแบบใหม่ · ลุค วโรเบลสกี`) |</p><p></p><p> #### 2.2 · เลือกสีธีม (5 สีที่ตั้งไว้ล่วงหน้า · ไม่อนุญาตให้ใช้สีที่กำหนดเอง)</p><p></p><p> ทักษะนี้ **อนุญาตให้เลือกได้เฉพาะจากค่าที่ตั้งไว้ล่วงหน้า 5 แบบที่คัดสรรมาอย่างดีเท่านั้น** และไม่รับค่าเลขฐานสิบหกที่ผู้ใช้กำหนดเอง เนื่องจากสีที่ไม่ตรงกันจะทำให้ภาพดูไม่สวยงาม การรักษาสุนทรียภาพจึงสำคัญกว่าการให้ความอิสระ</p><p></p><p> | # | ธีม | เหมาะสำหรับ |</p><p> |---|------|------|</p><p> | 1 | 🖋 Classic Ink | การเผยแพร่ทั่วไป/เชิงพาณิชย์/ค่าเริ่มต้น หากไม่แน่ใจ |</p><p> | 2 | 🌊 Indigo Porcelain | การประชุมด้านเทคโนโลยี/การวิจัย/ข้อมูล/การเปิดตัวเทคโนโลยี |</p><p> | 3 | 🌿 ฟอเรสต์ อิงค์ | ธรรมชาติ/ความยั่งยืน/วัฒนธรรม/สารคดี |</p><p> | 4 | 🍂 กระดาษคราฟท์ | ความคิดถึง/มนุษยศาสตร์/วรรณกรรม/นิตยสารอิสระ |</p><p> | 5 | 🌙 เนินทราย | ศิลปะ/การออกแบบ/ความคิดสร้างสรรค์/หอศิลป์ |</p><p></p><p> **ดำเนินงาน**:</p><p> 1. แนะนำชุดเนื้อหาตามหัวข้อ หรือสอบถามผู้ใช้โดยตรงว่าต้องการเลือกชุดใด</p><p> 2. เปิดไฟล์ <span data-type="mention-file" data-id="https://cdn.gooo.ai/user-files/b27c7f601318da796c9ab495d06055739013aad421d63108bac5092508e04a57" data-mention-type="oss_file" class="mention-file">@themes.md</span> และค้นหาบล็อก `:root` สำหรับธีมที่เกี่ยวข้อง</p><p> 3. **แทนที่บรรทัดที่ทำเครื่องหมาย "theme color" ภายในบล็อก `:root{` ที่ส่วนต้น <span data-type="mention-file" data-id="https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec" data-mention-type="oss_file" class="mention-file">ของ @template.txt</span> ทั้งหมด** ด้วยข้อความต่อไปนี้: (`--ink` / `--ink-rgb` / `--paper` / `--paper-rgb` / `--paper-tint` / `--ink-tint`)</p><p> 4. CSS ส่วนอื่นๆ ใช้ `var(--...)` ซึ่งไม่จำเป็นต้องแก้ไขเพิ่มเติมใดๆ</p><p></p><p> **กฎที่เข้มงวด**:</p><p> - ใช้ธีมเดียวสำหรับแต่ละสำรับไพ่ ห้ามเปลี่ยนโทนสีกลางคัน</p><p> - อย่ารับค่าเลขฐานสิบหกที่ไม่ถูกต้องตามที่ผู้ใช้ป้อน โปรดปฏิเสธอย่างสุภาพและแสดงตัวเลือก 5 ตัวเลือกให้เลือก</p><p> - อย่าใช้ของต่างชนิดกัน (เช่น หมึกสำหรับ Ink Classic กระดาษสำหรับ Dune) เพราะจะดูไม่เข้ากันอย่างสิ้นเชิง</p><p></p><p> ขั้นตอนที่ 3 · กรอกเนื้อหา</p><p></p><p> #### 3.0 · การตรวจสอบก่อนบิน: ต้องกำหนดชื่อคลาสใน <span data-type="mention-file" data-id="https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec" data-mention-type="oss_file" class="mention-file">@template.txt</span> (**สำคัญที่สุด**)</p><p></p><p> นี่คือต้นตอของปัญหาการสร้างหน้าเว็บทั้งหมด โครงสร้างพื้นฐานของ <span data-type="mention-file" data-id="https://cdn.gooo.ai/user-files/201df20fb6e76f0b0bd77c3162d9640523c384c251729d090273af28af3eeb69" data-mention-type="oss_file" class="mention-file">@layouts.md</span> ใช้ชื่อคลาสจำนวนมาก (`h-hero` / `h-xl` / `stat-card` / `pipeline` / `grid-2-7-5` เป็นต้น) หากไม่มีการกำหนดค่าที่สอดคล้องกันใน `<style>` ของ `assets/template.html` เบราว์เซอร์จะใช้สไตล์เริ่มต้นแทน ซึ่งทำให้หัวข้อกลายเป็นแบบไม่มีเชิง ข้อมูลการ์ดจะเบียดกันแน่น เส้นแสดงข้อมูลจะรวมกันเป็นเส้นเดียว และรูปภาพจะกองอยู่ด้านล่างของหน้า</p><p></p><p> **ก่อนเขียนโค้ดสำหรับสไลด์ใดๆ:**</p><p></p><p> 1. **ขั้นแรก อ่าน <span data-type="mention-file" data-id="https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec" data-mention-type="oss_file" class="mention-file">@template.txt</span> ** (อย่างน้อยจนถึงส่วนท้ายของบล็อก `<style>`)</p><p> 2. **โปรดตรวจสอบรายการก่อนการใช้งานใน <span data-type="mention-file" data-id="https://cdn.gooo.ai/user-files/201df20fb6e76f0b0bd77c3162d9640523c384c251729d090273af28af3eeb69" data-mention-type="oss_file" class="mention-file">@layouts.md</span> ** เพื่อยืนยันว่าคลาสทั้งหมดที่คุณต้องการใช้นั้นมีอยู่ในแท็ก `<style>` แล้ว</p><p> 3. หากคลาสใดหายไป: **ให้เพิ่มคลาสนั้นในส่วน `<style>` ของ <span data-type="mention-file" data-id="https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec" data-mention-type="oss_file" class="mention-file">ไฟล์ @template.txt</span> ** อย่าเขียนซ้ำในแต่ละสไลด์</p><p> 4. <span data-type="mention-file" data-id="https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec" data-mention-type="oss_file" class="mention-file">**@template.txt</span> เป็นแหล่งข้อมูลเดียวสำหรับชื่อคลาส**—ห้ามสร้างชื่อคลาสใหม่ หากต้องการปรับแต่งชื่อคลาส ให้ใช้ `style="..."` แบบแทรกในบรรทัด</p><p></p><p> คลาสที่มักถูกมองข้าม (ต้องตรวจสอบให้แน่ใจก่อนว่ามีอยู่จริง):</p><p> `h-hero` / `h-xl` / `h-sub` / `h-md` / `lead` / `kicker` / `meta-row` / `stat-card` / `stat-label` / `stat-nb` / `stat-unit` / `stat-note` / `pipeline-section` / `pipeline-label` / `pipeline` / `step` / `step-nb` / `step-title` / `step-desc` / `grid-2-7-5` / `grid-2-6-6` / `grid-2-8-4` / `grid-3-3` / `grid-6` / `grid-3` / `grid-4` / `frame` / `frame-img` / `img-cap` / `callout` / `callout-src` / `chrome` / `เท้า`</p><p></p><p> #### 3.0.5 · การวางแผนจังหวะของธีม (**สำคัญเท่ากับการตรวจจับคลาสล่วงหน้า**)</p><p></p><p> ก่อนเลือกเลย์เอาต์ คุณต้องระบุคลาสธีมสำหรับแต่ละหน้าก่อน (`hero dark` / `hero light` / `light` / `dark`) และจัดเรียงให้ตรงกันในเอกสารหรือฉบับร่าง ดูรายละเอียดเพิ่มเติมได้ในส่วน "การวางแผนจังหวะธีม" ที่เริ่มต้นด้วย <span data-type="mention-file" data-id="https://cdn.gooo.ai/user-files/201df20fb6e76f0b0bd77c3162d9640523c384c251729d090273af28af3eeb69" data-mention-type="oss_file" class="mention-file">@layouts.md</span></p><p></p><p> **กฎบังคับ**:</p><p></p><p> - แต่ละส่วนของหน้าต้องมีคำใดคำหนึ่งต่อไปนี้ ได้แก่ `light`, `dark`, `hero light` หรือ `hero dark` ห้ามเขียนแค่ `hero` เฉยๆ</p><p> - การนำเสนอเนื้อหาในหัวข้อเดียวกันติดต่อกันเกิน 3 หน้า จะทำให้ผู้ชมรู้สึกเมื่อยล้า และไม่อนุญาต</p><p> - ต้องมี "ฮีโร่ด้านมืด" อย่างน้อยหนึ่งตัว และ "ฮีโร่ด้านสว่าง" อย่างน้อยหนึ่งตัว ในหน้าที่มี 8 หน้าขึ้นไป</p><p> - ชุดเอกสารทั้งหมดไม่ควรประกอบด้วยหน้าที่มีข้อความ "สีอ่อน" เพียงอย่างเดียว ต้องมีหน้าที่มีข้อความ "สีเข้ม" รวมอยู่ด้วยเพื่อสร้างพื้นที่ว่างหายใจ</p><p> - แทรกหน้าเด่น (hero page) ทุกๆ 3-4 หน้า (หน้าปก/ปกหลัง/คำถาม/คำคมขนาดใหญ่)</p><p></p><p> **การตรวจสอบตนเองหลังการสร้าง: `grep 'class="slide' index.html` แสดงรายการหัวข้อทั้งหมด การตรวจสอบด้วยตนเองช่วยให้มั่นใจได้ว่าจังหวะการนำเสนอเหมาะสมก่อนส่งมอบ**</p><p></p><p> #### 3.1 · การเลือกรูปแบบการจัดวาง</p><p></p><p> **อย่าเขียนสไลด์ตั้งแต่เริ่มต้น** เปิดไฟล์ <span data-type="mention-file" data-id="https://cdn.gooo.ai/user-files/201df20fb6e76f0b0bd77c3162d9640523c384c251729d090273af28af3eeb69" data-mention-type="oss_file" class="mention-file">`@layouts.md`</span> ซึ่งมีโครงร่างเลย์เอาต์สำเร็จรูป 10 แบบ แต่ละแบบเป็นบล็อกโค้ด `<section>` ที่สมบูรณ์และสามารถวางได้:</p><p></p><p> | รูปแบบ | วัตถุประสงค์ |</p><p> |---|---|</p><p> | 1. หน้าปก | หน้า 1 |</p><p> | 2. หน้าปกบท | การเปิดเรื่องของแต่ละองก์ |</p><p> 3. โปสเตอร์ที่ขับเคลื่อนด้วยข้อมูล | การนำเสนอข้อมูลเชิงลึก |</p><p> | 4. ข้อความด้านซ้าย รูปภาพด้านขวา (คำคม + รูปภาพ) | ความแตกต่างทางอัตลักษณ์ / เรื่องราว |</p><p> | 5. ตารางรูปภาพ | การเปรียบเทียบรูปภาพหลายภาพ / หลักฐานภาพหน้าจอ |</p><p> 6. กระบวนการทำงานแบบสองท่อ |</p><p> | 7. ปริศนาจบ/หน้าคำถาม | จบตอน/ตอนจบ |</p><p> 8. คำคมเด่น | ตัวอักษรมีเชิง/ข้อคิดสำคัญ |</p><p> 9. การเปรียบเทียบแบบขนาน (ก่อน / หลัง) | โหมดเก่าเทียบกับโหมดใหม่ |</p><p> 10. การผสมผสานภาพและข้อความ | หน้าเว็บที่มีภาพและข้อความเข้มข้น |</p><p></p><p> เลือกเลย์เอาต์ที่ตรงกัน วางลงไป แล้วแก้ไขเส้นทางของข้อความและรูปภาพ **โปรดทำการตรวจสอบเบื้องต้นเวอร์ชัน 3.0 ให้เสร็จสิ้นก่อน**</p><p></p><p> #### 3.2 มาตรฐานอัตราส่วนภาพ</p><p></p><p> ควรใช้ **อัตราส่วนภาพมาตรฐาน** เสมอ ห้ามใช้อัตราส่วนภาพที่แปลกประหลาดจากภาพต้นฉบับ (เช่น `2592/1798`)</p><p></p><p> | สถานการณ์จำลอง | อัตราส่วนการแนะนำ |</p><p> |------|---------|</p><p> | ข้อความอยู่ทางซ้าย รูปภาพอยู่ทางขวา (รูปภาพหลัก) | อัตราส่วน 16:10 หรือ 4:3 + `max-height:56vh` |</p><p> | ตารางรูปภาพ (การเปรียบเทียบรูปภาพหลายภาพ) | **กำหนดความสูงคงที่ที่ `26vh`** ไม่จำเป็นต้องกำหนดอัตราส่วนภาพ |</p><p> | รูปภาพขนาดเล็กทางด้านซ้าย + ข้อความทางด้านขวา | อัตราส่วน 1:1 หรือ 3:2 |</p><p> | ภาพหลักแบบเต็มหน้าจอ | 16:9 + `max-height:64vh` |</p><p> | ภาพประกอบขนาดเล็กในรูปแบบผสมผสานระหว่างข้อความและภาพ | อัตราส่วน 3:2 หรือ 3:4 |</p><p></p><p> **ห้ามใช้ `align-self:end` กับรูปภาพเด็ดขาด** เพราะรูปภาพจะเลื่อนไปอยู่ด้านล่างของเซลล์และถูกแถบเครื่องมือของเบราว์เซอร์บัง ให้ใช้ grid container ที่มี `align-items:start` (กำหนดไว้แล้วในเทมเพลต) เพื่อให้รูปภาพอยู่ด้านบน หรือหากต้องการให้รูปภาพอยู่ด้านล่างในคอลัมน์ซ้าย ให้ใช้ flex column ที่มี `justify-content:space-between`</p><p></p><p> รายละเอียดของส่วนประกอบต่างๆ (เช่น แบบอักษร สี ตาราง ไอคอน คำอธิบายเพิ่มเติม การ์ดแสดงสถิติ ฯลฯ) อยู่ใน <span data-type="mention-file" data-id="https://cdn.gooo.ai/user-files/4f7f35827a112958ef908f63e4f5855d0942412363edb67c59beb6454b50fdae" data-mention-type="oss_file" class="mention-file">ไฟล์ @components.md</span></p><p></p><p> ขั้นตอนที่ 4 · ตรวจสอบตนเองกับรายการตรวจสอบ</p><p></p><p> หลังจากสร้างเช็คลิสต์แล้ว โปรดเปิด <span data-type="mention-file" data-id="https://cdn.gooo.ai/user-files/3f743391166df56f2fcb22be06f6c91f56786633f205773623b1d2b71321e71f" data-mention-type="oss_file" class="mention-file">ไฟล์ @checklist.md</span> และตรวจสอบแต่ละรายการตามคำแนะนำ เช็คลิสต์นี้จะสรุปปัญหาที่อาจเกิดขึ้นระหว่างกระบวนการทำงานจริง และปัญหาในระดับ P0 ทั้งหมด (เช่น อีโมจิ การใส่รูปภาพมากเกินไป การขึ้นบรรทัดใหม่ในชื่อเรื่อง การแบ่งแบบอักษร) จะต้องได้รับการแก้ไข</p><p></p><p> มีหลายประเด็นที่ควรให้ความสนใจเป็นพิเศษ:</p><p></p><p> 1. **หัวข้อหลักต้องใช้แบบอักษรมีเชิง (serif)**—หากแสดงผลเป็นแบบอักษรไม่มีเชิง (sans-serif) มีโอกาส 99% ที่การตรวจสอบเบื้องต้นในขั้นตอนที่ 3.0 ล้มเหลว และคลาส `h-hero` หายไปใน template.html</p><p> 2. **ใช้เฉพาะ `height:Nvh` ในตารางรูปภาพเท่านั้น ห้ามใช้ `aspect-ratio` (เพราะจะทำให้ตารางเสีย)**</p><p> 3. **ไม่ควรจัดวางรูปภาพไว้ด้านล่างสุดของหน้า** — อย่าใช้ `align-self:end` ให้ใช้ grid + `align-items:start` แทน (ดูขั้นตอนที่ 3.2)</p><p> 4. **ภาพต้องมีอัตราส่วนภาพมาตรฐาน** (16:10 / 4:3 / 3:2 / 1:1 / 16:9) ห้ามคัดลอกภาพที่มีอัตราส่วนภาพผิดปกติ</p><p> 5. **หัวข้อหลักภาษาจีนต้องมีความยาวไม่เกิน 5 ตัวอักษร และใช้ `nowrap` (หลีกเลี่ยงการใช้ 1 ตัวอักษรต่อบรรทัด)**</p><p> 6. **ใช้ Lucide แทนอิโมจิ**</p><p> 7. **ใช้แบบอักษรมีเชิงสำหรับหัวข้อ แบบอักษรไม่มีเชิงสำหรับเนื้อหาหลัก และแบบอักษรความกว้างคงที่สำหรับข้อมูลเมตา**</p><p></p><p> ขั้นตอนที่ 5 · การวนซ้ำ</p><p></p><p> ปรับปรุงตามคำติชมของผู้ใช้—ตอนนี้ CSS ของเทมเพลตมีการกำหนดพารามิเตอร์ไว้สูง โดย 90% ของการปรับแต่งเป็นการเปลี่ยนแปลงสไตล์แบบอินไลน์ (font-size:Xvw / height:Yvh / spacing:Zvh)</p></div><div class="flex flex-row flex-wrap gap-2 pb-3"><div class="flex shrink-0 flex-row items-center rounded-[16px] bg-background dark:bg-card dark:border dark:border-select gap-[6px] h-[30px] py-2 px-3" style="width:130px" data-state="closed"><div class="flex items-center justify-center overflow-hidden h-[18px] w-[18px] rounded-[6px]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file h-4 w-4" aria-hidden="true"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="flex-1 min-w-0 truncate text-xs leading-4">เทมเพลต.txt</div></div><div class="flex shrink-0 flex-row items-center rounded-[16px] bg-background dark:bg-card dark:border dark:border-select gap-[6px] h-[30px] py-2 px-3" style="width:130px" data-state="closed"><div class="flex items-center justify-center overflow-hidden h-[18px] w-[18px] rounded-[6px]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file h-4 w-4" aria-hidden="true"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="flex-1 min-w-0 truncate text-xs leading-4">ธีม.ม.</div></div><div class="flex shrink-0 flex-row items-center rounded-[16px] bg-background dark:bg-card dark:border dark:border-select gap-[6px] h-[30px] py-2 px-3" style="width:130px" data-state="closed"><div class="flex items-center justify-center overflow-hidden h-[18px] w-[18px] rounded-[6px]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file h-4 w-4" aria-hidden="true"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="flex-1 min-w-0 truncate text-xs leading-4">layouts.md</div></div><div class="flex shrink-0 flex-row items-center rounded-[16px] bg-background dark:bg-card dark:border dark:border-select gap-[6px] h-[30px] py-2 px-3" style="width:130px" data-state="closed"><div class="flex items-center justify-center overflow-hidden h-[18px] w-[18px] rounded-[6px]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file h-4 w-4" aria-hidden="true"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="flex-1 min-w-0 truncate text-xs leading-4">ส่วนประกอบ.ม.</div></div><div class="flex shrink-0 flex-row items-center rounded-[16px] bg-background dark:bg-card dark:border dark:border-select gap-[6px] h-[30px] py-2 px-3" style="width:130px" data-state="closed"><div class="flex items-center justify-center overflow-hidden h-[18px] w-[18px] rounded-[6px]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file h-4 w-4" aria-hidden="true"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="flex-1 min-w-0 truncate text-xs leading-4">รายการตรวจสอบ.md</div></div></div><div class="flex flex-row items-center gap-2 flex-1 min-w-0"><div class="relative flex h-[32px] items-center rounded-full px-2 text-xs text-foreground gap-[4px]"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18 4H6C4.34315 4 3 5.34315 3 7V17C3 18.6569 4.34315 20 6 20H18C19.6569 20 21 18.6569 21 17V7C21 5.34315 19.6569 4 18 4Z" stroke="currentColor" stroke-width="2"></path><path d="M3.5 8H20" stroke="currentColor" stroke-width="2" stroke-linecap="round"></path><path d="M7 4.5V7.5" stroke="currentColor" stroke-width="2" stroke-linecap="round"></path><path d="M10.5 4.5V7.5" stroke="currentColor" stroke-width="2" stroke-linecap="round"></path></svg>เว็บเพจ</div><div class="flex h-[32px] items-center gap-1 px-2 rounded-[20px] min-w-0 max-md:w-[32px] max-md:justify-center max-md:px-0" style="--bg-color:rgba(2, 4, 26, 0.04)" type="button" aria-haspopup="dialog" aria-expanded="false" aria-controls="radix-_R_5qc9inpfivabtkqivb_" data-state="closed" disabled=""><div class="flex-shrink-0"><div class="overflow-hidden bg-cover bg-center bg-no-repeat" style="background-image:url(https://cdn.gooo.ai/assets/select_model_claude.png);width:16px;height:16px;border-radius:8px" role="img" aria-label="Claude Sonnet 4.6"></div></div><span class="text-sm font-normal px-[1px] truncate min-w-0 text-foreground max-md:hidden">Claude Sonnet 4.6</span></div></div></div><div class="flex flex-col rounded-[16px] bg-card p-3"><div class="skill-detail-content h-auto text-sm font-normal break-words whitespace-pre-wrap bg-transparent border-none rounded-xl instruction-content-container pb-4"><p>## หลักการออกแบบหลัก (ปรัชญา)</p><p></p><p> หลักการเหล่านี้เป็นผลมาจากการสร้างงานนำเสนอ PowerPoint จำนวน 5 ครั้งสำหรับบริษัทที่มีพนักงานเพียงคนเดียว การฝ่าฝืนหลักการใดหลักการหนึ่งจะทำให้ภาพลักษณ์ของงานนำเสนอเสียไป</p><p></p><p> 1. **การจำกัดความโดดเด่นทางเทคนิค** — พื้นหลัง WebGL จะปรากฏให้เห็นเฉพาะในหน้าฮีโร่ และแทบมองไม่เห็นในหน้าปกติ</p><p> 2. **เน้นโครงสร้างมากกว่าการตกแต่ง** — ไม่มีเงา ไม่มีภาพลอย ไม่มีกรอบเว้นวรรค ข้อมูลทั้งหมดถ่ายทอดผ่าน **ขนาดตัวอักษรใหญ่ + ความคมชัดของตัวอักษร + ระยะห่างแบบตาราง**</p><p> 3. **ลำดับชั้นของเนื้อหาถูกกำหนดโดยขนาดตัวอักษรและประเภทตัวอักษร** — ตัวอักษรมีเชิงสูงสุด = หัวข้อหลัก, ตัวอักษรมีเชิงขนาดกลาง = หัวข้อย่อย, ตัวอักษรไม่มีเชิงขนาดใหญ่ = ข้อความนำ, ตัวอักษรไม่มีเชิงขนาดเล็ก = เนื้อหา, ตัวอักษรความกว้างคงที่ = ข้อมูลเมตา</p><p> 4. **รูปภาพคือสิ่งสำคัญที่สุด** — ตัดเฉพาะส่วนล่างของรูปภาพ โดยให้แน่ใจว่าส่วนบนและด้านซ้าย/ขวาของรูปภาพยังคงอยู่ครบถ้วน แก้ไขตารางด้วย `height:Nvh` อย่าใช้ `aspect-ratio` เพื่อขยายรูปภาพ</p><p> 5. **จัดลำดับการแสดงผลให้เหมาะสมกับหน้าที่มีภาพฮีโร่** — การสลับดูระหว่างหน้าที่มีภาพฮีโร่และหน้าอื่นๆ จะช่วยป้องกันอาการปวดตาได้</p><p> 6. **ความสอดคล้องของคำศัพท์** — คำว่า "ทักษะ" ควรแปลเป็น "ทักษะ" ไม่ใช่การผสมภาษาจีนและภาษาอังกฤษ</p><p></p><p> ## เอกสารอ้างอิง</p><p></p><p> รูปแบบภาพของทักษะนี้ได้รับแรงบันดาลใจจาก:</p><p></p><p> - แชร์บทความ "บริษัทที่มีพนักงานเพียงคนเดียว: องค์กรที่ล่มสลายเพราะ AI" (22 เมษายน 2569 หน้า 27)</p><p> - การจัดวางเลย์เอาต์ของนิตยสาร *Monocle*</p><p> - ตัวอย่างบทความในบล็อกของแกรี่ ตัน ประธาน YC เรื่อง "สายรัดบางๆ แต่ทักษะเต็มเปี่ยม"</p><p></p><p> สามารถใช้เป็นจุดเริ่มต้นในการจัดสไตล์ได้</p></div></div></div></div><div class="flex flex-col gap-4 w-full"><p class="text-xl font-semibold leading-7 text-primary">description</p><p class="text-sm leading-5 text-secondary-fg whitespace-pre-wrap break-words">[ต้นฉบับโดย @GuiCang] สร้างไฟล์ PPT (ไฟล์ HTML ไฟล์เดียว) แบบพลิกหน้าแนวนอนในรูปแบบ "นิตยสารอิเล็กทรอนิกส์ × จอ e-ink" ซึ่งรวมถึงพื้นหลังแบบ WebGL, หัวข้อแบบมีเชิง + ข้อความแบบไม่มีเชิง, ปกบท, แบนเนอร์ข้อมูลขนาดใหญ่, ตารางรูปภาพ และเทมเพลตอื่นๆ ใช้เมื่อผู้ใช้ต้องการสร้างไฟล์ PPT แบบหน้าเว็บในรูปแบบการแชร์/การนำเสนอ/งานเปิดตัว หรือเมื่ออ้างถึง "PPT สไตล์นิตยสาร", "สไลด์แบบพลิกแนวนอน", "นิตยสารเชิงบรรณาธิการ" หรือ "การนำเสนอแบบจอ e-ink"</p></div></div><div class="flex flex-col gap-5 px-[168px]"><div class="flex items-center justify-between gap-3"><h3 class="font-semibold text-primary text-2xl">Related Skills</h3><a class="inline-flex items-center gap-1 text-sm font-semibold text-secondary-fg transition-colors hover:text-primary" href="/skills?category=webpage">View all<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right size-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><div class="grid grid-cols-1 gap-5 md:grid-cols-2 xl:grid-cols-3"><div role="link" tabindex="0" class="cursor-pointer"><div class="group relative flex flex-col gap-4 p-5 rounded-3xl bg-board-card overflow-hidden transition-shadow hover:shadow-md h-[336px]"><div class="flex items-center shrink-0"><div class="relative size-8 overflow-hidden rounded-full" style="background-image:linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.2)), url(https://cdn.gooo.ai/assets/skill-bg09.png);background-size:cover"><div class="absolute inset-0 flex items-center justify-center"><svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="text-white" style="filter:drop-shadow(0 0 4px rgba(0, 0, 0, 0.20))"><path d="M12 2.85999C6.96271 2.85999 2.87999 6.94271 2.87999 11.98V14.7647C2.87999 15.7869 3.32535 16.7637 4.11499 17.4143C5.58711 18.6272 8.31779 20.34 12 20.34C15.6822 20.34 18.4129 18.6272 19.885 17.4143C20.6746 16.7637 21.12 15.7869 21.12 14.7647V11.98C21.12 6.94271 17.0373 2.85999 12 2.85999ZM10.48 8.93999H12H13.52C16.4316 8.93999 18.84 11.22 18.84 13.5V15.02C18.84 15.02 17.5867 11.98 15.5818 11.98C14.6409 11.98 14.28 12.4923 14.28 13.0517V13.5C15.6396 13.5 17.364 14.7125 17.5441 14.8493C18.2487 15.3843 18.2541 16.4536 17.5382 16.9734C16.3754 17.8178 14.4746 18.82 12 18.82C9.52543 18.82 7.62459 17.8178 6.46179 16.9734C5.74587 16.4536 5.75133 15.3843 6.45585 14.8493C6.63597 14.7125 8.36035 13.5 9.71999 13.5V13.0517C9.71999 12.4923 9.35908 11.98 8.4182 11.98C6.41332 11.98 5.15999 15.02 5.15999 15.02V13.5C5.15999 11.22 7.56843 8.93999 10.48 8.93999ZM11.62 12.74C10.9907 12.74 10.48 13.2507 10.48 13.88C10.48 13.88 10.5261 14.0449 10.618 14.26H10.86C11.069 14.26 11.24 14.431 11.24 14.64V15.0215C8.71644 15.2527 7.43999 16.54 7.43999 16.54C7.43999 16.54 10.48 16.5875 12 16.5875C13.52 16.5875 16.56 16.54 16.56 16.54C16.56 16.54 15.2836 15.2527 12.76 15.0215V14.64C12.76 14.431 12.931 14.26 13.14 14.26H13.3819C13.4739 14.0449 13.52 13.88 13.52 13.88C13.52 13.2507 13.0093 12.74 12.38 12.74H11.62Z" fill="currentColor"></path></svg></div></div></div><div class="flex flex-col gap-2 shrink-0"><h3 class="text-xl font-semibold leading-7 text-primary line-clamp-1">ระบบตรวจสอบเว็บเพจ HTML</h3><p class="text-sm leading-5 text-caption-fg line-clamp-3 h-[60px]">ให้ทีมของคุณสามารถใส่คำอธิบายประกอบลงในองค์ประกอบต่างๆ ของเว็บเพจได้โดยตรงในเบราว์เซอร์ ไม่ต้องตั้งค่าใดๆ ทั้งสิ้น ระบบจดจำอัตโนมัติ สร้างคำแนะนำในการแก้ไขอย่างชาญฉลาดด้วย AI และส่งออกรายงานการตรวจสอบที่ผู้ช่วยการเขียนโปรแกรม AI สามารถเข้าใจได้โดยตรง 🔥 ความสามารถหลัก: ⚡ เริ่มต้นใช้งานภายใน 30 วินาที - เพียงแค่ระบุธีม ระบบก็จะสร้างเว็บเพจพร้อมระบบตรวจสอบโดยอัตโนมัติ 🤖 ระบบ AI อัจฉริยะ - ป้อน "แบบอักษรเล็กเกินไป" และ AI จะสร้าง "แนะนำให้เปลี่ยนเป็น PingFang SC ขนาด 18px" โดยอัตโนมัติ 💾 ไม่สูญหาย - ความคิดเห็นจะถูกบันทึกโดยอัตโนมัติใน IndexedDB และสามารถเรียกคืนได้โดยการรีเฟรชหน้าเว็บ 📊 การทำงานร่วมกันเป็นทีม - 5 บทบาท (ผลิตภัณฑ์/ออกแบบ/พัฒนา/แก้ไข/ปฏิบัติการ) กำหนดด้วยรหัสสี 🎯 การกำหนดตำแหน่งที่แม่นยำ - คลิกที่ชื่อ ปุ่ม ไอคอน และพื้นหลัง เพื่อระบุตำแหน่งของแต่ละองค์ประกอบย่อย</p></div><div class="flex-1 rounded-xl overflow-hidden relative bg-[#f5f5f5]"><img src="https://cdn.gooo.ai/web-images/13ac5686ab7e78240282d4649a6653a7d7c43b60f911e8ee69dfaedcee6a51bb@small" alt="ระบบตรวจสอบเว็บเพจ HTML" class="object-cover absolute inset-0 w-full h-full"/><div class="absolute inset-0 bg-black/40 flex items-center justify-center transition-opacity duration-200 opacity-0"><button type="button" class="px-6 py-2 text-sm font-medium text-primary bg-white rounded-full hover:bg-gray-100 transition-colors">ลองใน YouMind</button></div></div></div></div><div role="link" tabindex="0" class="cursor-pointer"><div class="group relative flex flex-col gap-4 p-5 rounded-3xl bg-board-card overflow-hidden transition-shadow hover:shadow-md h-[336px]"><div class="flex items-center shrink-0"><div class="relative size-8 overflow-hidden rounded-full" style="background-image:linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.2)), url(https://cdn.gooo.ai/assets/skill-bg08.png);background-size:cover"><div class="absolute inset-0 flex items-center justify-center"><svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="text-white" style="filter:drop-shadow(0 0 4px rgba(0, 0, 0, 0.20))"><path d="M14.26 2.12C8.93999 2.12 8.17999 5.92 8.17999 6.68C8.17999 8.96 8.93999 10.48 8.93999 10.48L6.65999 8.96C6.65999 8.96 5.13999 9.88948 5.13999 12.38C5.13999 14.8705 6.65999 15.8 6.65999 15.8L8.93999 14.28C8.93999 14.3016 8.94415 14.3264 8.94444 14.3483C8.9636 16.1354 9.42813 17.9345 10.3442 19.3566C11.2798 20.8089 12.7616 21.88 14.6058 21.88C15.3566 21.88 16.1853 21.6511 16.8725 21.0933C17.5597 20.5355 18.06 19.6127 18.06 18.46C18.06 17.4165 17.1937 16.56 16.16 16.56C15.3461 16.56 14.6408 17.0787 14.3743 17.8098C14.3387 17.9039 14.3222 18.0041 14.3256 18.1046C14.329 18.2051 14.3524 18.3039 14.3943 18.3953C14.4362 18.4867 14.4958 18.5689 14.5697 18.6371C14.6436 18.7053 14.7303 18.7582 14.8247 18.7927C14.9192 18.8271 15.0196 18.8425 15.12 18.8379C15.2205 18.8333 15.319 18.8088 15.4099 18.7659C15.5008 18.7229 15.5823 18.6623 15.6497 18.5877C15.717 18.513 15.7689 18.4257 15.8023 18.3309C15.8549 18.1865 15.9889 18.08 16.16 18.08C16.3848 18.08 16.54 18.2282 16.54 18.46C16.54 19.2073 16.2812 19.6145 15.9151 19.9117C15.5547 20.2042 15.0456 20.3538 14.6266 20.3585C13.8948 20.3498 12.74 19.5913 12.74 18.08C12.74 15.6769 15.78 15.8935 15.78 12.76C15.78 10.48 12.74 9.72 12.74 8.2C12.74 8.2 14.26 8.96 15.02 8.96C16.54 8.96 18.06 7.44 18.06 7.44V6.68C16.5446 5.92231 15.7847 5.1651 15.3094 4.40742L16.0991 3.9725C16.2511 3.89116 16.371 3.76056 16.439 3.60214C16.507 3.44372 16.5191 3.26688 16.4734 3.10066C16.4276 2.93444 16.3267 2.7887 16.1873 2.68738C16.0478 2.58605 15.878 2.53515 15.7058 2.54304C15.5863 2.54851 15.4699 2.58207 15.3658 2.64101L14.6548 3.03289C14.5331 2.72863 14.4121 2.42425 14.26 2.12Z" fill="currentColor"></path></svg></div></div></div><div class="flex flex-col gap-2 shrink-0"><h3 class="text-xl font-semibold leading-7 text-primary line-clamp-1">สตอรี่แคนวาส</h3><p class="text-sm leading-5 text-caption-fg line-clamp-3 h-[60px]">มันช่วยให้ผู้สร้างสรรค์แปลงข้อมูลอ้างอิงด้านสุนทรียศาสตร์ที่มีอยู่ให้เป็นข้อกำหนดรูปแบบ JSON ที่สามารถนำกลับมาใช้ซ้ำได้ในรูปแบบการเล่าเรื่องแบบหน้าต่อหน้า ผ่านการตรวจสอบหลายรอบ</p></div><div class="flex-1 rounded-xl overflow-hidden relative bg-[#f5f5f5]"><img src="https://cdn.gooo.ai/web-images/4731443b0df74b2e2be165546001fb3ca6fcbf6dd7abc931000bbe2760c38ad8@small" alt="สตอรี่แคนวาส" class="object-cover absolute inset-0 w-full h-full"/><div class="absolute inset-0 bg-black/40 flex items-center justify-center transition-opacity duration-200 opacity-0"><button type="button" class="px-6 py-2 text-sm font-medium text-primary bg-white rounded-full hover:bg-gray-100 transition-colors">ลองใน YouMind</button></div></div></div></div><div role="link" tabindex="0" class="cursor-pointer"><div class="group relative flex flex-col gap-4 p-5 rounded-3xl bg-board-card overflow-hidden transition-shadow hover:shadow-md h-[336px]"><div class="flex items-center shrink-0"><div class="relative size-8 overflow-hidden rounded-full" style="background-image:linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.2)), url(https://cdn.gooo.ai/assets/skill-bg03.png);background-size:cover"><div class="absolute inset-0 flex items-center justify-center"><svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="text-white" style="filter:drop-shadow(0 0 4px rgba(0, 0, 0, 0.20))"><path d="M12 2.85889C6.50595 2.85889 2.87999 6.71209 2.87999 11.2189C2.87999 16.2501 6.00815 18.8189 9.33999 18.8189C10.974 18.8189 12.1756 18.2443 12.8611 17.8012C13.748 17.1416 15.04 15.7416 15.04 13.1797C15.04 10.9605 13.2289 8.93889 11.24 8.93889C9.07323 8.93889 7.43999 10.3274 7.43999 12.1689C7.43999 13.5414 8.33831 14.2589 9.22523 14.2589C10.2132 14.2589 10.5081 13.2944 10.5112 13.2846C10.629 12.8818 11.0515 12.65 11.4543 12.7693C11.8571 12.8878 12.0874 13.3096 11.9696 13.7124C11.7598 14.4276 10.9155 15.7789 9.22523 15.7789C7.62315 15.7789 5.91999 14.5135 5.91999 12.1689C5.91999 9.46101 8.20683 7.41889 11.24 7.41889C14.074 7.41889 16.56 10.1108 16.56 13.1797C16.56 15.617 15.607 17.2282 14.6463 18.2382L16.6444 19.9034C17.453 20.5775 18.666 20.351 19.1904 19.4383C20.059 17.9251 21.12 15.5106 21.12 12.7389C21.12 8.04741 17.2744 2.85889 12 2.85889Z" fill="currentColor"></path></svg></div></div></div><div class="flex flex-col gap-2 shrink-0"><h3 class="text-xl font-semibold leading-7 text-primary line-clamp-1">จะเป็นไฟล์ PDF</h3><p class="text-sm leading-5 text-caption-fg line-clamp-3 h-[60px]">ซอฟต์แวร์นี้แปลงเนื้อหาอ้างอิง เช่น บทความ รายงาน บันทึกย่อ Markdown และข้อความที่ดึงมาจากไฟล์ PDF ให้เป็นไฟล์ HTML ไฟล์เดียวคุณภาพระดับพิมพ์ A4 โดยจะเลือกสีเน้นตามธีมของเนื้อหาโดยอัตโนมัติ ฝังภาพวาดเส้นแบบมินิมอลที่วาดด้วยมือในรูปแบบ SVG แก้ไขปัญหาการพิมพ์โดยอัตโนมัติ เช่น หน้าว่าง บรรทัดที่ไม่มีเจ้าของ และองค์ประกอบที่ถูกตัดทอนเมื่อส่งออกไฟล์ PDF และเปิดไฟล์ PDF โดยตรงพร้อมแผงแคนวาสในขั้นตอนสุดท้าย ทำให้ผู้ใช้สามารถดู พิมพ์ หรือส่งออกไฟล์ PDF ได้โดยไม่ต้องคัดลอกและวางโค้ด</p></div><div class="flex-1 rounded-xl overflow-hidden relative bg-[#f5f5f5]"><img src="https://cdn.gooo.ai/web-images/2001d59579dc38a5dc632880bc66facfc832512ea32e4b7ef04b96fbd4ac9ba5@small" alt="จะเป็นไฟล์ PDF" class="object-cover absolute inset-0 w-full h-full"/><div class="absolute inset-0 bg-black/40 flex items-center justify-center transition-opacity duration-200 opacity-0"><button type="button" class="px-6 py-2 text-sm font-medium text-primary bg-white rounded-full hover:bg-gray-100 transition-colors">ลองใน YouMind</button></div></div></div></div></div></div></div><div class="flex md:hidden flex-col gap-5 w-full"><div class="flex items-center gap-4 px-5"><div class="relative size-14 shrink-0"><div class="relative size-full overflow-hidden bg-gray5 shadow-[0_1.658px_6.632px_0_rgba(2,4,26,0.07)] rounded-full" style="background-image:linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.2)), url(https://cdn.gooo.ai/assets/skill-bg05.png);background-size:cover"><div class="absolute inset-0 flex items-center justify-center"><svg width="28" height="28" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="text-white" style="filter:drop-shadow(0 0 8.4px rgba(0, 0, 0, 0.20))"><path d="M12 3C8.29687 3 6.08203 4.9043 6.08203 8.08594C6.08203 9.84668 6.69287 11.124 7.27734 12.3633C7.47656 12.7852 7.65527 13.1821 7.81641 13.5938C8.44629 15.1992 8.03906 16.9644 7.27734 17.7422C6.61963 18.4116 5.65576 18.9492 5.29687 18.9492C4.28906 18.9492 3.97119 18.3604 3.76172 17.9648C3.65039 17.7554 3.52734 17.5195 3.24609 17.5195C3.104 17.5195 2.64844 17.5767 2.64844 18.3047C2.64844 19.9746 3.60205 20.8726 5.48437 20.9883C5.59424 20.9941 5.7041 21 5.8125 21C7.96289 21 9.89062 19.6978 10.8516 18.4102C11.3042 17.8052 11.5854 17.5342 12 17.4961C12.4292 17.5342 12.7178 17.811 13.1484 18.3867C14.168 19.7505 16.2466 21.126 18.5156 20.9883C20.3979 20.8726 21.3516 19.9629 21.3516 18.293C21.3516 17.5649 20.896 17.5195 20.7539 17.5195C20.4727 17.5195 20.3496 17.7554 20.2383 17.9648C20.0288 18.3604 19.7109 18.9492 18.7031 18.9492C18.3047 18.9492 17.4536 18.6343 16.7461 17.7656C16.1089 16.9819 15.9507 15.5054 16.2891 13.3828C16.4253 12.5288 16.7461 11.9238 17.0742 11.2734C17.4902 10.4487 17.918 9.59473 17.918 8.29688C17.9165 4.98193 15.7031 3 12 3ZM10.6172 8.20313C10.9995 8.20313 11.3086 8.66309 11.3086 9.23438C11.3086 9.80566 10.9995 10.2773 10.6172 10.2773C10.2349 10.2773 9.92578 9.80566 9.92578 9.23438C9.92578 8.66309 10.2349 8.20313 10.6172 8.20313ZM13.3828 8.20313C13.7651 8.20313 14.0742 8.66309 14.0742 9.23438C14.0742 9.80566 13.7651 10.2773 13.3828 10.2773C13.0005 10.2773 12.6914 9.80566 12.6914 9.23438C12.6914 8.66309 13.0005 8.20313 13.3828 8.20313ZM4.69922 10.5C4.44141 10.5 4.18652 10.5762 3.9375 10.7109C3.11426 11.1563 2.625 12.0029 2.625 12.9727C2.625 14.8345 3.69727 16.9731 6.63281 17.3203C6.66797 17.2866 6.70312 17.25 6.73828 17.2148C7.28174 16.6597 7.58789 15.3662 7.20703 14.1328C6.81738 14.4434 6.2417 14.4492 6.15234 14.4492C6.09668 14.4492 6.03662 14.4536 5.98828 14.4492C5.17676 14.3687 4.48828 13.6699 4.48828 12.9258C4.48828 12.4058 4.67725 12.082 4.96875 12.082C5.09473 12.082 5.21924 12.1465 5.29687 12.2461C5.39941 12.375 5.61621 12.5024 5.77734 12.5273C5.79639 12.5303 5.84033 12.5273 5.85937 12.5273C6.13477 12.5273 6.35156 12.3149 6.375 12.0234C6.39404 11.7759 6.26221 11.5444 6.16406 11.3906C6.03076 11.1826 5.53418 10.5 4.69922 10.5ZM19.4297 10.5117C18.8774 10.5117 18.3633 10.7856 18.082 11.2266C18.0029 11.3525 17.8828 11.5928 17.918 11.8242C17.9619 12.1069 18.1948 12.3281 18.4687 12.3281C18.4878 12.3281 18.5332 12.3193 18.5508 12.3164C18.7148 12.293 18.8159 12.2007 18.9023 12.1289C18.9888 12.0586 19.1484 11.9883 19.2656 11.9883C19.459 11.9883 19.4883 12.3604 19.4883 12.5859C19.4883 13.5015 18.8437 14.25 18.0469 14.25C17.8975 14.25 17.3789 14.231 16.9687 13.9922C16.7124 15.999 17.0186 16.8633 17.2734 17.2266C18.7061 17.127 19.7988 16.6304 20.5078 15.7266C21.2637 14.7627 21.375 13.5879 21.375 12.9727C21.375 12.0938 21.0176 11.0098 20.0156 10.6172C19.8325 10.5454 19.6318 10.5117 19.4297 10.5117Z" fill="currentColor"></path></svg></div></div></div><div class="flex flex-1 min-w-0 flex-col gap-1 justify-center"><div class="flex items-center gap-2 min-w-0"><h2 class="min-w-0 text-2xl font-semibold leading-8 text-primary truncate">การนำเสนอเชิงบรรณาธิการ-นิตยสาร</h2></div></div><div class="flex gap-2 items-center"><button data-slot="button" class="inline-flex items-center justify-center font-normal transition-all [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none aria-invalid:border-destructive disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed border border-new-border hover:bg-snip-card active:bg-muted hover:text-accent-foreground disabled:bg-snip-card disabled:text-muted-foreground disabled:border-bg-border h-8 text-sm gap-1 [&_svg]:size-[16px] has-[>svg]:px-3 leading-5 rounded-[40px] px-4 py-1.5 whitespace-nowrap">คัดลอกลิงก์</button><button data-slot="button" class="inline-flex items-center justify-center font-normal transition-all [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none aria-invalid:border-destructive disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed bg-primary text-primary-fg hover:opacity-80 active:bg-primary h-8 text-sm gap-1 [&_svg]:size-[16px] has-[>svg]:px-3 leading-5 rounded-[40px] px-4 py-1.5 whitespace-nowrap">ลองใน YouMind</button></div></div><div class="flex flex-col gap-3 px-5"><div class="flex flex-wrap items-center gap-x-10 gap-y-2 w-full"><div class="flex items-center gap-2 min-w-0"><span class="text-sm leading-5 text-caption-fg whitespace-nowrap">madeBy</span><a class="hover:opacity-80 transition-opacity" href="/skills/bio/aef143ec-15ab-4046-abe6-7ff9836d43c1"><div class="flex items-center gap-1.5 min-w-0"><span class="relative flex overflow-hidden rounded-full size-5 shrink-0"><span class="flex h-full w-full items-center justify-center rounded-full bg-muted text-[10px] font-medium">Y</span></span><span class="text-sm leading-5 font-medium text-foreground whitespace-nowrap truncate">YouMind Official</span></div></a></div><div class="flex items-center gap-2"><span class="text-sm leading-5 text-caption-fg whitespace-nowrap">installedBy</span><div class="flex items-center gap-[3.75px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-user-round shrink-0 text-foreground" aria-hidden="true"><circle cx="12" cy="8" r="5"></circle><path d="M20 21a8 8 0 0 0-16 0"></path></svg><span class="text-sm leading-5 font-medium text-foreground whitespace-nowrap">52</span></div></div><div class="flex items-center gap-2"><span class="text-sm leading-5 text-caption-fg whitespace-nowrap">categoryLabel</span><a class="hover:opacity-80 transition-opacity" href="/skills?category=webpage"><span class="text-sm leading-5 font-medium text-foreground whitespace-nowrap">webpage</span></a></div><div class="flex items-center gap-2"><span class="text-sm leading-5 text-caption-fg whitespace-nowrap">from</span><span class="text-sm leading-5 font-medium text-foreground whitespace-nowrap">YouMind</span></div></div></div><div class="flex flex-col gap-4 px-4"><div><button type="button" class="relative shrink-0 overflow-hidden rounded-xl border border-new-border bg-muted h-60 w-full cursor-pointer"><img src="https://cdn.gooo.ai/web-images/a788cce45475d2ab9f2eadb9fdf729f674429b18025752fa0e40305d90019599" alt="" class="absolute inset-0 size-full object-cover"/></button></div></div><div class="px-5"><div class="relative overflow-hidden rounded-[28px] border border-black/[0.06] bg-card px-5 py-5"><div class="pointer-events-none absolute inset-0 bg-[radial-gradient(circle_at_top_left,rgba(191,219,254,0.1),transparent_28%),radial-gradient(circle_at_right_center,rgba(254,240,138,0.1),transparent_24%)] opacity-70"></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-quote pointer-events-none absolute bottom-5 right-5 size-12 text-black/[0.045] md:bottom-6 md:right-6 md:size-14" aria-hidden="true"><path d="M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path><path d="M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path></svg><div class="relative flex flex-col gap-4"><div class="flex justify-between gap-3 flex-col items-start"><div class="inline-flex w-fit items-center gap-2 rounded-full border border-sky-100 bg-sky-50 px-3 py-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check size-3.5 text-sky-600" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg><span class="text-xs font-semibold text-sky-700">Editor's Pick</span></div><a class="flex items-center gap-2.5 transition-opacity hover:opacity-80" href="/skills/bio/7668851c-2313-4ee8-8942-470fa47ad53f"><span class="relative flex shrink-0 overflow-hidden rounded-full size-9 border border-white shadow-sm"><span class="flex h-full w-full items-center justify-center rounded-full bg-muted text-xs font-medium">淡</span></span><div class="min-w-0"><p class="text-[11px] font-semibold uppercase tracking-[0.08em] text-caption-fg">Featured by</p><p class="truncate text-sm font-semibold text-primary">淡苍</p></div></a></div><div class="flex flex-col gap-2"><p class="text-base font-semibold leading-6 text-primary">Why we love this skill</p><p class="text-sm italic leading-7 text-secondary-fg">ทักษะนี้สามารถเปลี่ยนเนื้อหาของคุณให้เป็นงานนำเสนอ PowerPoint บนเว็บที่มีสไตล์เฉพาะตัวราวกับ "นิตยสารอิเล็กทรอนิกส์ × จออิงค์อิเล็กทรอนิกส์" โดยผสมผสานพื้นหลังแบบเคลื่อนไหว WebGL เข้ากับการจัดวางตัวอักษรที่สวยงาม ทำให้งานนำเสนอของคุณดูมีศิลปะและซับซ้อนยิ่งขึ้น และบอกลาความน่าเบื่อของงานนำเสนอ PowerPoint แบบดั้งเดิมไปได้เลย</p></div></div></div></div><div class="flex flex-col gap-10 px-5"><div class="flex flex-col gap-4"><div class="flex items-center justify-between"><p class="text-xl font-semibold leading-7 text-primary">คำแนะนำ<!-- --> </p><button class="flex items-center gap-1 rounded-[20px] px-2.5 py-px "><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14" height="14" class="shrink-0 text-caption-fg" viewBox="0 0 20 20" aria-hidden="true" fill="currentColor"><use xlink:href="#icon-translate"></use></svg><span class="text-xs leading-[18px] whitespace-nowrap text-caption-fg">showOriginal</span></button></div><div class="bg-snip-card rounded-3xl p-3 flex flex-col gap-2.5"><div class="flex flex-col rounded-[16px] bg-card p-3"><div class="skill-detail-content h-auto text-sm font-normal break-words whitespace-pre-wrap bg-transparent border-none rounded-xl instruction-content-container pb-4"><p>อย่าลืมใช้เว็บเพจในการสร้างผลลัพธ์ และคุณต้องถามผู้ใช้ว่าต้องการใช้ภาษาใด</p><p></p><p> สร้างไฟล์ PowerPoint (PPT) แบบพลิกแนวนอนสำหรับเว็บ (ไฟล์ HTML ไฟล์เดียว) ในสไตล์ "นิตยสารอิเล็กทรอนิกส์ × จอ e-ink" รวมถึงเทมเพลตต่างๆ เช่น พื้นหลังแบบ WebGL, หัวข้อแบบมีเชิง + ข้อความแบบไม่มีเชิง, ปกบท, แบนเนอร์ข้อมูลขนาดใหญ่ และตารางรูปภาพ ใช้ฟังก์ชันนี้เมื่อผู้ใช้ต้องการสร้างไฟล์ PowerPoint สำหรับเว็บเพื่อการแบ่งปัน/การนำเสนอ/งานเปิดตัว หรือเมื่ออ้างถึง "ไฟล์ PowerPoint สไตล์นิตยสาร", "สไลด์นำเสนอแนวนอน", "นิตยสารบทความ" หรือ "งานนำเสนอแบบจอ e-ink"</p><p></p><p> # นิตยสาร เว็บ สไลด์ PowerPoint</p><p></p><p> ## ทักษะนี้ทำอะไรได้บ้าง?</p><p></p><p> สร้างไฟล์ HTML ไฟล์เดียวที่มีรูปแบบสไลด์โชว์แนวนอน รูปแบบการแสดงผลจะเป็นดังนี้:</p><p></p><p> - รูปแบบไฮบริดที่ผสมผสานระหว่างนิตยสารอิเล็กทรอนิกส์และจอแสดงผลอิงค์อิเล็กทรอนิกส์</p><p> - **พื้นหลังแบบ WebGL Fluid/Contour/Dispersion** (ดูในหน้าหลัก)</p><p> - **หัวเรื่องแบบมีเชิง (Noto Serif SC + Playfair Display) + เนื้อหาหลักแบบไม่มีเชิง (Noto Sans SC + Inter) + ข้อมูลเมตาแบบตัวอักษรคงที่ (IBM Plex Mono)**</p><p> - **ไอคอน Lucide Linear** (ไม่ต้องใช้ไอคอนอีโมจิ)</p><p> - **การเปลี่ยนหน้าแนวนอน (ซ้ายและขวาบนแป้นพิมพ์, ล้อเลื่อน, การปัดนิ้วบนหน้าจอสัมผัส, จุดด้านล่าง, ปุ่ม ESC)**</p><p> - **การผสานสีและเฉดสีอย่างราบรื่น**: สีและเฉดสีจะเปลี่ยนผ่านอย่างราบรื่นเมื่อไปยังหน้าหลัก (hero page)</p><p></p><p> ความสวยงามของทักษะนี้ไม่ได้อยู่บนพื้นฐานของ "การนำเสนอ PowerPoint สำหรับธุรกิจ" หรือ "ส่วนติดต่อผู้ใช้สำหรับเว็บไซต์ทั่วไป" แต่มันเหมือนกับนิตยสาร *Monocle* ที่เอาโค้ดมาแปะไว้มากกว่า</p><p></p><p> ## ควรใช้เมื่อใด</p><p></p><p> **สถานการณ์ที่เหมาะสม:**</p><p> - การแลกเปลี่ยนความรู้แบบออฟไลน์ / การเสวนาในอุตสาหกรรม / การประชุมส่วนตัว</p><p> - งานเปิดตัว/สาธิตผลิตภัณฑ์ AI ใหม่</p><p> - สุนทรพจน์ที่มีสไตล์เฉพาะตัวโดดเด่น</p><p> - ต้องการสไลด์เวอร์ชันบนเว็บที่สามารถทำเสร็จได้ในครั้งเดียวโดยไม่ต้องพลิกหน้ากระดาษ</p><p></p><p> **สถานการณ์ที่ไม่เหมาะสม:**</p><p> - ข้อมูลในตารางจำนวนมากและแผนภูมิที่ซ้อนทับกัน (โดยใช้การนำเสนอ PowerPoint มาตรฐาน)</p><p> - สื่อการฝึกอบรม (ความหนาแน่นของข้อมูลไม่เพียงพอ)</p><p> - ต้องมีการแก้ไขร่วมกันโดยหลายคน (เนื่องจากเป็น HTML แบบคงที่)</p></div></div><div class="flex flex-col rounded-[16px] bg-card p-3"><div class="skill-detail-content h-auto text-sm font-normal break-words whitespace-pre-wrap bg-transparent border-none rounded-xl instruction-content-container pb-4"><p>ขั้นตอนที่ 1 · ชี้แจงข้อกำหนด (สำคัญมากก่อนเริ่ม)</p><p></p><p> หากผู้ใช้ได้ให้โครงร่างและรูปภาพที่สมบูรณ์แล้ว คุณสามารถข้ามไปยังขั้นตอนที่ 2 ได้</p><p></p><p> หากผู้ใช้ให้เพียงหัวข้อหรือแนวคิดคร่าวๆ ให้ปรับให้สอดคล้องกับคำถามทั้ง 6 ข้อนี้ทีละข้อก่อนเริ่มเขียนสไลด์ อย่าเริ่มเขียนสไลด์โดยอาศัยการคาดเดา เพราะเมื่อโครงสร้างผิดพลาด การแก้ไขในภายหลังจะเสียค่าใช้จ่ายสูงมาก คุณสามารถใช้เครื่องมือ askUserQuestion เมื่อถามคำถามได้</p><p></p><p> #### 6 คำถามเพื่อขอคำชี้แจงเพิ่มเติม</p><p></p><p> | # | คำถาม | ทำไมต้องถาม? |</p><p> |---|------|-----------|</p><p> | 1 | **กลุ่มเป้าหมายคือใคร? สถานการณ์การนำเสนอเป็นอย่างไร?** (ผู้เชี่ยวชาญในอุตสาหกรรม/การเปิดตัวธุรกิจ/วันสาธิต/การประชุมส่วนตัว) | กำหนดรูปแบบและระดับความลึกของภาษา |</p><p> | 2 | **ระยะเวลาในการแบ่งปัน?** | 15 นาที ≈ 10 หน้า, 30 นาที ≈ 20 หน้า, 45 นาที ≈ 25-30 หน้า |</p><p> | 3 | **คุณมีเอกสารต้นฉบับบ้างไหม?** (เอกสาร/ข้อมูล/ไฟล์ PowerPoint เก่า/ลิงก์บทความ) | ถ้ามี ให้ใช้ ถ้าไม่มี ให้สร้างสิ่งอื่นขึ้นมาแทน |</p><p> | 4 | **มีรูปภาพหรือไม่? ควรวางรูปภาพไว้ตรงไหน?** | ดู "หลักเกณฑ์การวางรูปภาพ" ด้านล่าง |</p><p> | 5 | **คุณต้องการสีธีมแบบไหน?** | ดูที่ <span data-type="mention-file" data-id="https://cdn.gooo.ai/user-files/b27c7f601318da796c9ab495d06055739013aad421d63108bac5092508e04a57" data-mention-type="oss_file" class="mention-file">@themes.md</span> เลือกหนึ่งใน 5 สีที่ตั้งค่าไว้ล่วงหน้า |</p><p> | 6 | **มีข้อจำกัดที่เข้มงวดใดบ้างหรือไม่?** (ต้องมีข้อมูล XX / ห้ามมี YY) | เพื่อหลีกเลี่ยงการทำงานซ้ำ |</p><p></p><p> #### ความช่วยเหลือในการร่างโครงร่าง (หากผู้ใช้ไม่มีโครงร่าง)</p><p></p><p> ใช้แม่แบบ "โครงเรื่อง" เพื่อสร้างโครงร่าง จากนั้นจึงเติมเนื้อหาลงไป:</p><p></p><p> ```</p><p> จุดสนใจ → หน้า 1: นำเสนอความแตกต่าง/คำถาม/ข้อมูลเชิงประจักษ์ เพื่อดึงดูดความสนใจของผู้คน</p><p> การกำหนดโทน (บริบท) → หน้า 1-2: อธิบายความเป็นมา / คุณเป็นใคร / ทำไมคุณถึงพูดถึงเรื่องนี้</p><p> เนื้อหาหลัก (แกนกลาง) → หน้า 3-5: เนื้อหาหลัก สลับกับเค้าโครงหน้า 4/5/6/9/10</p><p> เปลี่ยนหน้า → หน้า 1: ทลายความคาดหวัง / นำเสนอมุมมองใหม่</p><p> สรุปเนื้อหา → หน้า 1-2: คำคมสำคัญ / คำถามชวนคิด / ข้อเสนอแนะในการปฏิบัติ</p><p> ```</p><p></p><p> โครงร่างเรื่องราว + การวางแผนหมายเลขหน้า + ตารางจังหวะของธีม (ดู <span data-type="mention-file" data-id="https://cdn.gooo.ai/user-files/201df20fb6e76f0b0bd77c3162d9640523c384c251729d090273af28af3eeb69" data-mention-type="oss_file" class="mention-file">@layouts.md</span> ) **จัดเรียงตารางทั้งสามให้ตรงกัน** ก่อนดำเนินการในขั้นตอนที่ 2</p><p></p><p> แนะนำให้บันทึกโครงร่างเป็น `บันทึกโครงการ` หรือ `โครงร่างเวอร์ชัน 1` เพื่อความสะดวกในการแก้ไขในครั้งต่อไป</p><p></p><p> #### ข้อกำหนดเกี่ยวกับรูปภาพ (แจ้งให้ผู้ใช้ทราบ)</p><p></p><p> โปรดอธิบายสิ่งต่อไปนี้ให้ผู้ใช้ทราบก่อนดำเนินการต่อ:</p><p></p><p> - **ตำแหน่งของรูปภาพ**: รูปภาพนี้อยู่ในส่วนใดของกระดาน หรือเป็นรูปภาพที่ถูกอัปโหลดมา?</p><p> - **ถ้าไม่มีรูปภาพล่ะ?**: เพื่อให้สอดคล้องกับเค้าโครงของผู้ใช้ คุณสามารถสร้างโครงสร้างโดยใช้บล็อกสีที่เป็นตัวแทนก่อน แล้วค่อยเพิ่มรูปภาพในภายหลัง อย่างไรก็ตาม คุณต้องแจ้งให้เค้าโครง 4/5/10 และหน้าอื่นๆ ที่มีทั้งข้อความและรูปภาพทราบว่าไม่สามารถตรวจสอบผลลัพธ์ทางภาพได้หากไม่มีรูปภาพ</p><p></p><p> ขั้นตอนที่ 2 · แม่แบบอ้างอิง</p><p></p><p> <span data-type="mention-file" data-id="https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec" data-mention-type="oss_file" class="mention-file">@template.txt</span> เป็นไฟล์ HTML ที่ **สมบูรณ์และใช้งานได้** โดยมีการตั้งค่า CSS, WebGL shaders, JS สำหรับการแบ่งหน้า และ CDN สำหรับฟอนต์และไอคอนไว้ล่วงหน้าแล้ว มีเพียง `<main id="deck">` เท่านั้นที่มีสไลด์ตัวอย่าง 3 สไลด์ (หน้าปก, หน้าปกบท และหน้าว่างสำหรับกรอกข้อมูล)</p><p></p><p> #### 2.1 · ตัวยึดตำแหน่งที่ต้องแก้ไข (**สิ่งที่มองข้ามได้ง่าย**)</p><p></p><p> หลังจากคัดลอกเสร็จแล้ว ให้แก้ไขข้อความตัวอย่างต่อไปนี้ทันที มิเช่นนั้น แท็บเบราว์เซอร์ของคุณจะแสดงข้อความที่ไม่เหมาะสม เช่น "[จำเป็น] แทนที่ด้วยชื่อไฟล์ PPT":</p><p></p><p> | สถานที่ | ต้นฉบับ | ต้องเปลี่ยนเป็น |</p><p> |------|------|--------|</p><p> | `<title>` | `[จำเป็น] แทนที่ด้วยชื่อสไลด์ PowerPoint · ชื่อชุดสไลด์` | ชื่อชุดสไลด์จริง (เช่น `วิธีการทำงานแบบใหม่ · ลุค วโรเบลสกี`) |</p><p></p><p> #### 2.2 · เลือกสีธีม (5 สีที่ตั้งไว้ล่วงหน้า · ไม่อนุญาตให้ใช้สีที่กำหนดเอง)</p><p></p><p> ทักษะนี้ **อนุญาตให้เลือกได้เฉพาะจากค่าที่ตั้งไว้ล่วงหน้า 5 แบบที่คัดสรรมาอย่างดีเท่านั้น** และไม่รับค่าเลขฐานสิบหกที่ผู้ใช้กำหนดเอง เนื่องจากสีที่ไม่ตรงกันจะทำให้ภาพดูไม่สวยงาม การรักษาสุนทรียภาพจึงสำคัญกว่าการให้ความอิสระ</p><p></p><p> | # | ธีม | เหมาะสำหรับ |</p><p> |---|------|------|</p><p> | 1 | 🖋 Classic Ink | การเผยแพร่ทั่วไป/เชิงพาณิชย์/ค่าเริ่มต้น หากไม่แน่ใจ |</p><p> | 2 | 🌊 Indigo Porcelain | การประชุมด้านเทคโนโลยี/การวิจัย/ข้อมูล/การเปิดตัวเทคโนโลยี |</p><p> | 3 | 🌿 ฟอเรสต์ อิงค์ | ธรรมชาติ/ความยั่งยืน/วัฒนธรรม/สารคดี |</p><p> | 4 | 🍂 กระดาษคราฟท์ | ความคิดถึง/มนุษยศาสตร์/วรรณกรรม/นิตยสารอิสระ |</p><p> | 5 | 🌙 เนินทราย | ศิลปะ/การออกแบบ/ความคิดสร้างสรรค์/หอศิลป์ |</p><p></p><p> **ดำเนินงาน**:</p><p> 1. แนะนำชุดเนื้อหาตามหัวข้อ หรือสอบถามผู้ใช้โดยตรงว่าต้องการเลือกชุดใด</p><p> 2. เปิดไฟล์ <span data-type="mention-file" data-id="https://cdn.gooo.ai/user-files/b27c7f601318da796c9ab495d06055739013aad421d63108bac5092508e04a57" data-mention-type="oss_file" class="mention-file">@themes.md</span> และค้นหาบล็อก `:root` สำหรับธีมที่เกี่ยวข้อง</p><p> 3. **แทนที่บรรทัดที่ทำเครื่องหมาย "theme color" ภายในบล็อก `:root{` ที่ส่วนต้น <span data-type="mention-file" data-id="https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec" data-mention-type="oss_file" class="mention-file">ของ @template.txt</span> ทั้งหมด** ด้วยข้อความต่อไปนี้: (`--ink` / `--ink-rgb` / `--paper` / `--paper-rgb` / `--paper-tint` / `--ink-tint`)</p><p> 4. CSS ส่วนอื่นๆ ใช้ `var(--...)` ซึ่งไม่จำเป็นต้องแก้ไขเพิ่มเติมใดๆ</p><p></p><p> **กฎที่เข้มงวด**:</p><p> - ใช้ธีมเดียวสำหรับแต่ละสำรับไพ่ ห้ามเปลี่ยนโทนสีกลางคัน</p><p> - อย่ารับค่าเลขฐานสิบหกที่ไม่ถูกต้องตามที่ผู้ใช้ป้อน โปรดปฏิเสธอย่างสุภาพและแสดงตัวเลือก 5 ตัวเลือกให้เลือก</p><p> - อย่าใช้ของต่างชนิดกัน (เช่น หมึกสำหรับ Ink Classic กระดาษสำหรับ Dune) เพราะจะดูไม่เข้ากันอย่างสิ้นเชิง</p><p></p><p> ขั้นตอนที่ 3 · กรอกเนื้อหา</p><p></p><p> #### 3.0 · การตรวจสอบก่อนบิน: ต้องกำหนดชื่อคลาสใน <span data-type="mention-file" data-id="https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec" data-mention-type="oss_file" class="mention-file">@template.txt</span> (**สำคัญที่สุด**)</p><p></p><p> นี่คือต้นตอของปัญหาการสร้างหน้าเว็บทั้งหมด โครงสร้างพื้นฐานของ <span data-type="mention-file" data-id="https://cdn.gooo.ai/user-files/201df20fb6e76f0b0bd77c3162d9640523c384c251729d090273af28af3eeb69" data-mention-type="oss_file" class="mention-file">@layouts.md</span> ใช้ชื่อคลาสจำนวนมาก (`h-hero` / `h-xl` / `stat-card` / `pipeline` / `grid-2-7-5` เป็นต้น) หากไม่มีการกำหนดค่าที่สอดคล้องกันใน `<style>` ของ `assets/template.html` เบราว์เซอร์จะใช้สไตล์เริ่มต้นแทน ซึ่งทำให้หัวข้อกลายเป็นแบบไม่มีเชิง ข้อมูลการ์ดจะเบียดกันแน่น เส้นแสดงข้อมูลจะรวมกันเป็นเส้นเดียว และรูปภาพจะกองอยู่ด้านล่างของหน้า</p><p></p><p> **ก่อนเขียนโค้ดสำหรับสไลด์ใดๆ:**</p><p></p><p> 1. **ขั้นแรก อ่าน <span data-type="mention-file" data-id="https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec" data-mention-type="oss_file" class="mention-file">@template.txt</span> ** (อย่างน้อยจนถึงส่วนท้ายของบล็อก `<style>`)</p><p> 2. **โปรดตรวจสอบรายการก่อนการใช้งานใน <span data-type="mention-file" data-id="https://cdn.gooo.ai/user-files/201df20fb6e76f0b0bd77c3162d9640523c384c251729d090273af28af3eeb69" data-mention-type="oss_file" class="mention-file">@layouts.md</span> ** เพื่อยืนยันว่าคลาสทั้งหมดที่คุณต้องการใช้นั้นมีอยู่ในแท็ก `<style>` แล้ว</p><p> 3. หากคลาสใดหายไป: **ให้เพิ่มคลาสนั้นในส่วน `<style>` ของ <span data-type="mention-file" data-id="https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec" data-mention-type="oss_file" class="mention-file">ไฟล์ @template.txt</span> ** อย่าเขียนซ้ำในแต่ละสไลด์</p><p> 4. <span data-type="mention-file" data-id="https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec" data-mention-type="oss_file" class="mention-file">**@template.txt</span> เป็นแหล่งข้อมูลเดียวสำหรับชื่อคลาส**—ห้ามสร้างชื่อคลาสใหม่ หากต้องการปรับแต่งชื่อคลาส ให้ใช้ `style="..."` แบบแทรกในบรรทัด</p><p></p><p> คลาสที่มักถูกมองข้าม (ต้องตรวจสอบให้แน่ใจก่อนว่ามีอยู่จริง):</p><p> `h-hero` / `h-xl` / `h-sub` / `h-md` / `lead` / `kicker` / `meta-row` / `stat-card` / `stat-label` / `stat-nb` / `stat-unit` / `stat-note` / `pipeline-section` / `pipeline-label` / `pipeline` / `step` / `step-nb` / `step-title` / `step-desc` / `grid-2-7-5` / `grid-2-6-6` / `grid-2-8-4` / `grid-3-3` / `grid-6` / `grid-3` / `grid-4` / `frame` / `frame-img` / `img-cap` / `callout` / `callout-src` / `chrome` / `เท้า`</p><p></p><p> #### 3.0.5 · การวางแผนจังหวะของธีม (**สำคัญเท่ากับการตรวจจับคลาสล่วงหน้า**)</p><p></p><p> ก่อนเลือกเลย์เอาต์ คุณต้องระบุคลาสธีมสำหรับแต่ละหน้าก่อน (`hero dark` / `hero light` / `light` / `dark`) และจัดเรียงให้ตรงกันในเอกสารหรือฉบับร่าง ดูรายละเอียดเพิ่มเติมได้ในส่วน "การวางแผนจังหวะธีม" ที่เริ่มต้นด้วย <span data-type="mention-file" data-id="https://cdn.gooo.ai/user-files/201df20fb6e76f0b0bd77c3162d9640523c384c251729d090273af28af3eeb69" data-mention-type="oss_file" class="mention-file">@layouts.md</span></p><p></p><p> **กฎบังคับ**:</p><p></p><p> - แต่ละส่วนของหน้าต้องมีคำใดคำหนึ่งต่อไปนี้ ได้แก่ `light`, `dark`, `hero light` หรือ `hero dark` ห้ามเขียนแค่ `hero` เฉยๆ</p><p> - การนำเสนอเนื้อหาในหัวข้อเดียวกันติดต่อกันเกิน 3 หน้า จะทำให้ผู้ชมรู้สึกเมื่อยล้า และไม่อนุญาต</p><p> - ต้องมี "ฮีโร่ด้านมืด" อย่างน้อยหนึ่งตัว และ "ฮีโร่ด้านสว่าง" อย่างน้อยหนึ่งตัว ในหน้าที่มี 8 หน้าขึ้นไป</p><p> - ชุดเอกสารทั้งหมดไม่ควรประกอบด้วยหน้าที่มีข้อความ "สีอ่อน" เพียงอย่างเดียว ต้องมีหน้าที่มีข้อความ "สีเข้ม" รวมอยู่ด้วยเพื่อสร้างพื้นที่ว่างหายใจ</p><p> - แทรกหน้าเด่น (hero page) ทุกๆ 3-4 หน้า (หน้าปก/ปกหลัง/คำถาม/คำคมขนาดใหญ่)</p><p></p><p> **การตรวจสอบตนเองหลังการสร้าง: `grep 'class="slide' index.html` แสดงรายการหัวข้อทั้งหมด การตรวจสอบด้วยตนเองช่วยให้มั่นใจได้ว่าจังหวะการนำเสนอเหมาะสมก่อนส่งมอบ**</p><p></p><p> #### 3.1 · การเลือกรูปแบบการจัดวาง</p><p></p><p> **อย่าเขียนสไลด์ตั้งแต่เริ่มต้น** เปิดไฟล์ <span data-type="mention-file" data-id="https://cdn.gooo.ai/user-files/201df20fb6e76f0b0bd77c3162d9640523c384c251729d090273af28af3eeb69" data-mention-type="oss_file" class="mention-file">`@layouts.md`</span> ซึ่งมีโครงร่างเลย์เอาต์สำเร็จรูป 10 แบบ แต่ละแบบเป็นบล็อกโค้ด `<section>` ที่สมบูรณ์และสามารถวางได้:</p><p></p><p> | รูปแบบ | วัตถุประสงค์ |</p><p> |---|---|</p><p> | 1. หน้าปก | หน้า 1 |</p><p> | 2. หน้าปกบท | การเปิดเรื่องของแต่ละองก์ |</p><p> 3. โปสเตอร์ที่ขับเคลื่อนด้วยข้อมูล | การนำเสนอข้อมูลเชิงลึก |</p><p> | 4. ข้อความด้านซ้าย รูปภาพด้านขวา (คำคม + รูปภาพ) | ความแตกต่างทางอัตลักษณ์ / เรื่องราว |</p><p> | 5. ตารางรูปภาพ | การเปรียบเทียบรูปภาพหลายภาพ / หลักฐานภาพหน้าจอ |</p><p> 6. กระบวนการทำงานแบบสองท่อ |</p><p> | 7. ปริศนาจบ/หน้าคำถาม | จบตอน/ตอนจบ |</p><p> 8. คำคมเด่น | ตัวอักษรมีเชิง/ข้อคิดสำคัญ |</p><p> 9. การเปรียบเทียบแบบขนาน (ก่อน / หลัง) | โหมดเก่าเทียบกับโหมดใหม่ |</p><p> 10. การผสมผสานภาพและข้อความ | หน้าเว็บที่มีภาพและข้อความเข้มข้น |</p><p></p><p> เลือกเลย์เอาต์ที่ตรงกัน วางลงไป แล้วแก้ไขเส้นทางของข้อความและรูปภาพ **โปรดทำการตรวจสอบเบื้องต้นเวอร์ชัน 3.0 ให้เสร็จสิ้นก่อน**</p><p></p><p> #### 3.2 มาตรฐานอัตราส่วนภาพ</p><p></p><p> ควรใช้ **อัตราส่วนภาพมาตรฐาน** เสมอ ห้ามใช้อัตราส่วนภาพที่แปลกประหลาดจากภาพต้นฉบับ (เช่น `2592/1798`)</p><p></p><p> | สถานการณ์จำลอง | อัตราส่วนการแนะนำ |</p><p> |------|---------|</p><p> | ข้อความอยู่ทางซ้าย รูปภาพอยู่ทางขวา (รูปภาพหลัก) | อัตราส่วน 16:10 หรือ 4:3 + `max-height:56vh` |</p><p> | ตารางรูปภาพ (การเปรียบเทียบรูปภาพหลายภาพ) | **กำหนดความสูงคงที่ที่ `26vh`** ไม่จำเป็นต้องกำหนดอัตราส่วนภาพ |</p><p> | รูปภาพขนาดเล็กทางด้านซ้าย + ข้อความทางด้านขวา | อัตราส่วน 1:1 หรือ 3:2 |</p><p> | ภาพหลักแบบเต็มหน้าจอ | 16:9 + `max-height:64vh` |</p><p> | ภาพประกอบขนาดเล็กในรูปแบบผสมผสานระหว่างข้อความและภาพ | อัตราส่วน 3:2 หรือ 3:4 |</p><p></p><p> **ห้ามใช้ `align-self:end` กับรูปภาพเด็ดขาด** เพราะรูปภาพจะเลื่อนไปอยู่ด้านล่างของเซลล์และถูกแถบเครื่องมือของเบราว์เซอร์บัง ให้ใช้ grid container ที่มี `align-items:start` (กำหนดไว้แล้วในเทมเพลต) เพื่อให้รูปภาพอยู่ด้านบน หรือหากต้องการให้รูปภาพอยู่ด้านล่างในคอลัมน์ซ้าย ให้ใช้ flex column ที่มี `justify-content:space-between`</p><p></p><p> รายละเอียดของส่วนประกอบต่างๆ (เช่น แบบอักษร สี ตาราง ไอคอน คำอธิบายเพิ่มเติม การ์ดแสดงสถิติ ฯลฯ) อยู่ใน <span data-type="mention-file" data-id="https://cdn.gooo.ai/user-files/4f7f35827a112958ef908f63e4f5855d0942412363edb67c59beb6454b50fdae" data-mention-type="oss_file" class="mention-file">ไฟล์ @components.md</span></p><p></p><p> ขั้นตอนที่ 4 · ตรวจสอบตนเองกับรายการตรวจสอบ</p><p></p><p> หลังจากสร้างเช็คลิสต์แล้ว โปรดเปิด <span data-type="mention-file" data-id="https://cdn.gooo.ai/user-files/3f743391166df56f2fcb22be06f6c91f56786633f205773623b1d2b71321e71f" data-mention-type="oss_file" class="mention-file">ไฟล์ @checklist.md</span> และตรวจสอบแต่ละรายการตามคำแนะนำ เช็คลิสต์นี้จะสรุปปัญหาที่อาจเกิดขึ้นระหว่างกระบวนการทำงานจริง และปัญหาในระดับ P0 ทั้งหมด (เช่น อีโมจิ การใส่รูปภาพมากเกินไป การขึ้นบรรทัดใหม่ในชื่อเรื่อง การแบ่งแบบอักษร) จะต้องได้รับการแก้ไข</p><p></p><p> มีหลายประเด็นที่ควรให้ความสนใจเป็นพิเศษ:</p><p></p><p> 1. **หัวข้อหลักต้องใช้แบบอักษรมีเชิง (serif)**—หากแสดงผลเป็นแบบอักษรไม่มีเชิง (sans-serif) มีโอกาส 99% ที่การตรวจสอบเบื้องต้นในขั้นตอนที่ 3.0 ล้มเหลว และคลาส `h-hero` หายไปใน template.html</p><p> 2. **ใช้เฉพาะ `height:Nvh` ในตารางรูปภาพเท่านั้น ห้ามใช้ `aspect-ratio` (เพราะจะทำให้ตารางเสีย)**</p><p> 3. **ไม่ควรจัดวางรูปภาพไว้ด้านล่างสุดของหน้า** — อย่าใช้ `align-self:end` ให้ใช้ grid + `align-items:start` แทน (ดูขั้นตอนที่ 3.2)</p><p> 4. **ภาพต้องมีอัตราส่วนภาพมาตรฐาน** (16:10 / 4:3 / 3:2 / 1:1 / 16:9) ห้ามคัดลอกภาพที่มีอัตราส่วนภาพผิดปกติ</p><p> 5. **หัวข้อหลักภาษาจีนต้องมีความยาวไม่เกิน 5 ตัวอักษร และใช้ `nowrap` (หลีกเลี่ยงการใช้ 1 ตัวอักษรต่อบรรทัด)**</p><p> 6. **ใช้ Lucide แทนอิโมจิ**</p><p> 7. **ใช้แบบอักษรมีเชิงสำหรับหัวข้อ แบบอักษรไม่มีเชิงสำหรับเนื้อหาหลัก และแบบอักษรความกว้างคงที่สำหรับข้อมูลเมตา**</p><p></p><p> ขั้นตอนที่ 5 · การวนซ้ำ</p><p></p><p> ปรับปรุงตามคำติชมของผู้ใช้—ตอนนี้ CSS ของเทมเพลตมีการกำหนดพารามิเตอร์ไว้สูง โดย 90% ของการปรับแต่งเป็นการเปลี่ยนแปลงสไตล์แบบอินไลน์ (font-size:Xvw / height:Yvh / spacing:Zvh)</p></div><div class="flex flex-row flex-wrap gap-2 pb-3"><div class="flex shrink-0 flex-row items-center rounded-[16px] bg-background dark:bg-card dark:border dark:border-select gap-[6px] h-[30px] py-2 px-3" style="width:130px" data-state="closed"><div class="flex items-center justify-center overflow-hidden h-[18px] w-[18px] rounded-[6px]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file h-4 w-4" aria-hidden="true"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="flex-1 min-w-0 truncate text-xs leading-4">เทมเพลต.txt</div></div><div class="flex shrink-0 flex-row items-center rounded-[16px] bg-background dark:bg-card dark:border dark:border-select gap-[6px] h-[30px] py-2 px-3" style="width:130px" data-state="closed"><div class="flex items-center justify-center overflow-hidden h-[18px] w-[18px] rounded-[6px]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file h-4 w-4" aria-hidden="true"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="flex-1 min-w-0 truncate text-xs leading-4">ธีม.ม.</div></div><div class="flex shrink-0 flex-row items-center rounded-[16px] bg-background dark:bg-card dark:border dark:border-select gap-[6px] h-[30px] py-2 px-3" style="width:130px" data-state="closed"><div class="flex items-center justify-center overflow-hidden h-[18px] w-[18px] rounded-[6px]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file h-4 w-4" aria-hidden="true"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="flex-1 min-w-0 truncate text-xs leading-4">layouts.md</div></div><div class="flex shrink-0 flex-row items-center rounded-[16px] bg-background dark:bg-card dark:border dark:border-select gap-[6px] h-[30px] py-2 px-3" style="width:130px" data-state="closed"><div class="flex items-center justify-center overflow-hidden h-[18px] w-[18px] rounded-[6px]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file h-4 w-4" aria-hidden="true"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="flex-1 min-w-0 truncate text-xs leading-4">ส่วนประกอบ.ม.</div></div><div class="flex shrink-0 flex-row items-center rounded-[16px] bg-background dark:bg-card dark:border dark:border-select gap-[6px] h-[30px] py-2 px-3" style="width:130px" data-state="closed"><div class="flex items-center justify-center overflow-hidden h-[18px] w-[18px] rounded-[6px]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file h-4 w-4" aria-hidden="true"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path></svg></div><div class="flex-1 min-w-0 truncate text-xs leading-4">รายการตรวจสอบ.md</div></div></div><div class="flex flex-row items-center gap-2 flex-1 min-w-0"><div class="relative flex h-[32px] items-center rounded-full px-2 text-xs text-foreground gap-[4px]"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18 4H6C4.34315 4 3 5.34315 3 7V17C3 18.6569 4.34315 20 6 20H18C19.6569 20 21 18.6569 21 17V7C21 5.34315 19.6569 4 18 4Z" stroke="currentColor" stroke-width="2"></path><path d="M3.5 8H20" stroke="currentColor" stroke-width="2" stroke-linecap="round"></path><path d="M7 4.5V7.5" stroke="currentColor" stroke-width="2" stroke-linecap="round"></path><path d="M10.5 4.5V7.5" stroke="currentColor" stroke-width="2" stroke-linecap="round"></path></svg>เว็บเพจ</div><div class="flex h-[32px] items-center gap-1 px-2 rounded-[20px] min-w-0 max-md:w-[32px] max-md:justify-center max-md:px-0" style="--bg-color:rgba(2, 4, 26, 0.04)" type="button" aria-haspopup="dialog" aria-expanded="false" aria-controls="radix-_R_5qdhinpfivabtkqivb_" data-state="closed" disabled=""><div class="flex-shrink-0"><div class="overflow-hidden bg-cover bg-center bg-no-repeat" style="background-image:url(https://cdn.gooo.ai/assets/select_model_claude.png);width:16px;height:16px;border-radius:8px" role="img" aria-label="Claude Sonnet 4.6"></div></div><span class="text-sm font-normal px-[1px] truncate min-w-0 text-foreground max-md:hidden">Claude Sonnet 4.6</span></div></div></div><div class="flex flex-col rounded-[16px] bg-card p-3"><div class="skill-detail-content h-auto text-sm font-normal break-words whitespace-pre-wrap bg-transparent border-none rounded-xl instruction-content-container pb-4"><p>## หลักการออกแบบหลัก (ปรัชญา)</p><p></p><p> หลักการเหล่านี้เป็นผลมาจากการสร้างงานนำเสนอ PowerPoint จำนวน 5 ครั้งสำหรับบริษัทที่มีพนักงานเพียงคนเดียว การฝ่าฝืนหลักการใดหลักการหนึ่งจะทำให้ภาพลักษณ์ของงานนำเสนอเสียไป</p><p></p><p> 1. **การจำกัดความโดดเด่นทางเทคนิค** — พื้นหลัง WebGL จะปรากฏให้เห็นเฉพาะในหน้าฮีโร่ และแทบมองไม่เห็นในหน้าปกติ</p><p> 2. **เน้นโครงสร้างมากกว่าการตกแต่ง** — ไม่มีเงา ไม่มีภาพลอย ไม่มีกรอบเว้นวรรค ข้อมูลทั้งหมดถ่ายทอดผ่าน **ขนาดตัวอักษรใหญ่ + ความคมชัดของตัวอักษร + ระยะห่างแบบตาราง**</p><p> 3. **ลำดับชั้นของเนื้อหาถูกกำหนดโดยขนาดตัวอักษรและประเภทตัวอักษร** — ตัวอักษรมีเชิงสูงสุด = หัวข้อหลัก, ตัวอักษรมีเชิงขนาดกลาง = หัวข้อย่อย, ตัวอักษรไม่มีเชิงขนาดใหญ่ = ข้อความนำ, ตัวอักษรไม่มีเชิงขนาดเล็ก = เนื้อหา, ตัวอักษรความกว้างคงที่ = ข้อมูลเมตา</p><p> 4. **รูปภาพคือสิ่งสำคัญที่สุด** — ตัดเฉพาะส่วนล่างของรูปภาพ โดยให้แน่ใจว่าส่วนบนและด้านซ้าย/ขวาของรูปภาพยังคงอยู่ครบถ้วน แก้ไขตารางด้วย `height:Nvh` อย่าใช้ `aspect-ratio` เพื่อขยายรูปภาพ</p><p> 5. **จัดลำดับการแสดงผลให้เหมาะสมกับหน้าที่มีภาพฮีโร่** — การสลับดูระหว่างหน้าที่มีภาพฮีโร่และหน้าอื่นๆ จะช่วยป้องกันอาการปวดตาได้</p><p> 6. **ความสอดคล้องของคำศัพท์** — คำว่า "ทักษะ" ควรแปลเป็น "ทักษะ" ไม่ใช่การผสมภาษาจีนและภาษาอังกฤษ</p><p></p><p> ## เอกสารอ้างอิง</p><p></p><p> รูปแบบภาพของทักษะนี้ได้รับแรงบันดาลใจจาก:</p><p></p><p> - แชร์บทความ "บริษัทที่มีพนักงานเพียงคนเดียว: องค์กรที่ล่มสลายเพราะ AI" (22 เมษายน 2569 หน้า 27)</p><p> - การจัดวางเลย์เอาต์ของนิตยสาร *Monocle*</p><p> - ตัวอย่างบทความในบล็อกของแกรี่ ตัน ประธาน YC เรื่อง "สายรัดบางๆ แต่ทักษะเต็มเปี่ยม"</p><p></p><p> สามารถใช้เป็นจุดเริ่มต้นในการจัดสไตล์ได้</p></div></div></div></div><div class="flex flex-col gap-4"><p class="text-xl font-semibold leading-7 text-primary">description</p><p class="text-sm leading-5 text-secondary-fg whitespace-pre-wrap break-words">[ต้นฉบับโดย @GuiCang] สร้างไฟล์ PPT (ไฟล์ HTML ไฟล์เดียว) แบบพลิกหน้าแนวนอนในรูปแบบ "นิตยสารอิเล็กทรอนิกส์ × จอ e-ink" ซึ่งรวมถึงพื้นหลังแบบ WebGL, หัวข้อแบบมีเชิง + ข้อความแบบไม่มีเชิง, ปกบท, แบนเนอร์ข้อมูลขนาดใหญ่, ตารางรูปภาพ และเทมเพลตอื่นๆ ใช้เมื่อผู้ใช้ต้องการสร้างไฟล์ PPT แบบหน้าเว็บในรูปแบบการแชร์/การนำเสนอ/งานเปิดตัว หรือเมื่ออ้างถึง "PPT สไตล์นิตยสาร", "สไลด์แบบพลิกแนวนอน", "นิตยสารเชิงบรรณาธิการ" หรือ "การนำเสนอแบบจอ e-ink"</p></div></div><div class="flex flex-col gap-5 px-5"><div class="flex items-center justify-between gap-3"><h3 class="font-semibold text-primary text-lg">Related Skills</h3><a class="inline-flex items-center gap-1 text-sm font-semibold text-secondary-fg transition-colors hover:text-primary" href="/skills?category=webpage">View all<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right size-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><div class="relative -mx-5" role="region" aria-roledescription="carousel"><div class="overflow-hidden"><div class="flex -ml-4 pb-1 pl-5 pr-5"><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-[85%] sm:basis-[70%]"><div role="link" tabindex="0" class="cursor-pointer"><div class="group relative flex flex-col gap-4 p-5 rounded-3xl bg-board-card overflow-hidden transition-shadow hover:shadow-md h-[320px]"><div class="flex items-center shrink-0"><div class="relative size-8 overflow-hidden rounded-full" style="background-image:linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.2)), url(https://cdn.gooo.ai/assets/skill-bg09.png);background-size:cover"><div class="absolute inset-0 flex items-center justify-center"><svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="text-white" style="filter:drop-shadow(0 0 4px rgba(0, 0, 0, 0.20))"><path d="M12 2.85999C6.96271 2.85999 2.87999 6.94271 2.87999 11.98V14.7647C2.87999 15.7869 3.32535 16.7637 4.11499 17.4143C5.58711 18.6272 8.31779 20.34 12 20.34C15.6822 20.34 18.4129 18.6272 19.885 17.4143C20.6746 16.7637 21.12 15.7869 21.12 14.7647V11.98C21.12 6.94271 17.0373 2.85999 12 2.85999ZM10.48 8.93999H12H13.52C16.4316 8.93999 18.84 11.22 18.84 13.5V15.02C18.84 15.02 17.5867 11.98 15.5818 11.98C14.6409 11.98 14.28 12.4923 14.28 13.0517V13.5C15.6396 13.5 17.364 14.7125 17.5441 14.8493C18.2487 15.3843 18.2541 16.4536 17.5382 16.9734C16.3754 17.8178 14.4746 18.82 12 18.82C9.52543 18.82 7.62459 17.8178 6.46179 16.9734C5.74587 16.4536 5.75133 15.3843 6.45585 14.8493C6.63597 14.7125 8.36035 13.5 9.71999 13.5V13.0517C9.71999 12.4923 9.35908 11.98 8.4182 11.98C6.41332 11.98 5.15999 15.02 5.15999 15.02V13.5C5.15999 11.22 7.56843 8.93999 10.48 8.93999ZM11.62 12.74C10.9907 12.74 10.48 13.2507 10.48 13.88C10.48 13.88 10.5261 14.0449 10.618 14.26H10.86C11.069 14.26 11.24 14.431 11.24 14.64V15.0215C8.71644 15.2527 7.43999 16.54 7.43999 16.54C7.43999 16.54 10.48 16.5875 12 16.5875C13.52 16.5875 16.56 16.54 16.56 16.54C16.56 16.54 15.2836 15.2527 12.76 15.0215V14.64C12.76 14.431 12.931 14.26 13.14 14.26H13.3819C13.4739 14.0449 13.52 13.88 13.52 13.88C13.52 13.2507 13.0093 12.74 12.38 12.74H11.62Z" fill="currentColor"></path></svg></div></div></div><div class="flex flex-col gap-2 shrink-0"><h3 class="text-xl font-semibold leading-7 text-primary line-clamp-1">ระบบตรวจสอบเว็บเพจ HTML</h3><p class="text-sm leading-5 text-caption-fg line-clamp-3 h-[60px]">ให้ทีมของคุณสามารถใส่คำอธิบายประกอบลงในองค์ประกอบต่างๆ ของเว็บเพจได้โดยตรงในเบราว์เซอร์ ไม่ต้องตั้งค่าใดๆ ทั้งสิ้น ระบบจดจำอัตโนมัติ สร้างคำแนะนำในการแก้ไขอย่างชาญฉลาดด้วย AI และส่งออกรายงานการตรวจสอบที่ผู้ช่วยการเขียนโปรแกรม AI สามารถเข้าใจได้โดยตรง 🔥 ความสามารถหลัก: ⚡ เริ่มต้นใช้งานภายใน 30 วินาที - เพียงแค่ระบุธีม ระบบก็จะสร้างเว็บเพจพร้อมระบบตรวจสอบโดยอัตโนมัติ 🤖 ระบบ AI อัจฉริยะ - ป้อน "แบบอักษรเล็กเกินไป" และ AI จะสร้าง "แนะนำให้เปลี่ยนเป็น PingFang SC ขนาด 18px" โดยอัตโนมัติ 💾 ไม่สูญหาย - ความคิดเห็นจะถูกบันทึกโดยอัตโนมัติใน IndexedDB และสามารถเรียกคืนได้โดยการรีเฟรชหน้าเว็บ 📊 การทำงานร่วมกันเป็นทีม - 5 บทบาท (ผลิตภัณฑ์/ออกแบบ/พัฒนา/แก้ไข/ปฏิบัติการ) กำหนดด้วยรหัสสี 🎯 การกำหนดตำแหน่งที่แม่นยำ - คลิกที่ชื่อ ปุ่ม ไอคอน และพื้นหลัง เพื่อระบุตำแหน่งของแต่ละองค์ประกอบย่อย</p></div><div class="flex-1 rounded-xl overflow-hidden relative bg-[#f5f5f5]"><img src="https://cdn.gooo.ai/web-images/13ac5686ab7e78240282d4649a6653a7d7c43b60f911e8ee69dfaedcee6a51bb@small" alt="ระบบตรวจสอบเว็บเพจ HTML" class="object-cover absolute inset-0 w-full h-full"/><div class="absolute inset-0 bg-black/40 flex items-center justify-center transition-opacity duration-200 opacity-0"><button type="button" class="px-6 py-2 text-sm font-medium text-primary bg-white rounded-full hover:bg-gray-100 transition-colors">ลองใน YouMind</button></div></div></div></div></div><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-[85%] sm:basis-[70%]"><div role="link" tabindex="0" class="cursor-pointer"><div class="group relative flex flex-col gap-4 p-5 rounded-3xl bg-board-card overflow-hidden transition-shadow hover:shadow-md h-[320px]"><div class="flex items-center shrink-0"><div class="relative size-8 overflow-hidden rounded-full" style="background-image:linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.2)), url(https://cdn.gooo.ai/assets/skill-bg08.png);background-size:cover"><div class="absolute inset-0 flex items-center justify-center"><svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="text-white" style="filter:drop-shadow(0 0 4px rgba(0, 0, 0, 0.20))"><path d="M14.26 2.12C8.93999 2.12 8.17999 5.92 8.17999 6.68C8.17999 8.96 8.93999 10.48 8.93999 10.48L6.65999 8.96C6.65999 8.96 5.13999 9.88948 5.13999 12.38C5.13999 14.8705 6.65999 15.8 6.65999 15.8L8.93999 14.28C8.93999 14.3016 8.94415 14.3264 8.94444 14.3483C8.9636 16.1354 9.42813 17.9345 10.3442 19.3566C11.2798 20.8089 12.7616 21.88 14.6058 21.88C15.3566 21.88 16.1853 21.6511 16.8725 21.0933C17.5597 20.5355 18.06 19.6127 18.06 18.46C18.06 17.4165 17.1937 16.56 16.16 16.56C15.3461 16.56 14.6408 17.0787 14.3743 17.8098C14.3387 17.9039 14.3222 18.0041 14.3256 18.1046C14.329 18.2051 14.3524 18.3039 14.3943 18.3953C14.4362 18.4867 14.4958 18.5689 14.5697 18.6371C14.6436 18.7053 14.7303 18.7582 14.8247 18.7927C14.9192 18.8271 15.0196 18.8425 15.12 18.8379C15.2205 18.8333 15.319 18.8088 15.4099 18.7659C15.5008 18.7229 15.5823 18.6623 15.6497 18.5877C15.717 18.513 15.7689 18.4257 15.8023 18.3309C15.8549 18.1865 15.9889 18.08 16.16 18.08C16.3848 18.08 16.54 18.2282 16.54 18.46C16.54 19.2073 16.2812 19.6145 15.9151 19.9117C15.5547 20.2042 15.0456 20.3538 14.6266 20.3585C13.8948 20.3498 12.74 19.5913 12.74 18.08C12.74 15.6769 15.78 15.8935 15.78 12.76C15.78 10.48 12.74 9.72 12.74 8.2C12.74 8.2 14.26 8.96 15.02 8.96C16.54 8.96 18.06 7.44 18.06 7.44V6.68C16.5446 5.92231 15.7847 5.1651 15.3094 4.40742L16.0991 3.9725C16.2511 3.89116 16.371 3.76056 16.439 3.60214C16.507 3.44372 16.5191 3.26688 16.4734 3.10066C16.4276 2.93444 16.3267 2.7887 16.1873 2.68738C16.0478 2.58605 15.878 2.53515 15.7058 2.54304C15.5863 2.54851 15.4699 2.58207 15.3658 2.64101L14.6548 3.03289C14.5331 2.72863 14.4121 2.42425 14.26 2.12Z" fill="currentColor"></path></svg></div></div></div><div class="flex flex-col gap-2 shrink-0"><h3 class="text-xl font-semibold leading-7 text-primary line-clamp-1">สตอรี่แคนวาส</h3><p class="text-sm leading-5 text-caption-fg line-clamp-3 h-[60px]">มันช่วยให้ผู้สร้างสรรค์แปลงข้อมูลอ้างอิงด้านสุนทรียศาสตร์ที่มีอยู่ให้เป็นข้อกำหนดรูปแบบ JSON ที่สามารถนำกลับมาใช้ซ้ำได้ในรูปแบบการเล่าเรื่องแบบหน้าต่อหน้า ผ่านการตรวจสอบหลายรอบ</p></div><div class="flex-1 rounded-xl overflow-hidden relative bg-[#f5f5f5]"><img src="https://cdn.gooo.ai/web-images/4731443b0df74b2e2be165546001fb3ca6fcbf6dd7abc931000bbe2760c38ad8@small" alt="สตอรี่แคนวาส" class="object-cover absolute inset-0 w-full h-full"/><div class="absolute inset-0 bg-black/40 flex items-center justify-center transition-opacity duration-200 opacity-0"><button type="button" class="px-6 py-2 text-sm font-medium text-primary bg-white rounded-full hover:bg-gray-100 transition-colors">ลองใน YouMind</button></div></div></div></div></div><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 pl-4 basis-[85%] sm:basis-[70%]"><div role="link" tabindex="0" class="cursor-pointer"><div class="group relative flex flex-col gap-4 p-5 rounded-3xl bg-board-card overflow-hidden transition-shadow hover:shadow-md h-[320px]"><div class="flex items-center shrink-0"><div class="relative size-8 overflow-hidden rounded-full" style="background-image:linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.2)), url(https://cdn.gooo.ai/assets/skill-bg03.png);background-size:cover"><div class="absolute inset-0 flex items-center justify-center"><svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="text-white" style="filter:drop-shadow(0 0 4px rgba(0, 0, 0, 0.20))"><path d="M12 2.85889C6.50595 2.85889 2.87999 6.71209 2.87999 11.2189C2.87999 16.2501 6.00815 18.8189 9.33999 18.8189C10.974 18.8189 12.1756 18.2443 12.8611 17.8012C13.748 17.1416 15.04 15.7416 15.04 13.1797C15.04 10.9605 13.2289 8.93889 11.24 8.93889C9.07323 8.93889 7.43999 10.3274 7.43999 12.1689C7.43999 13.5414 8.33831 14.2589 9.22523 14.2589C10.2132 14.2589 10.5081 13.2944 10.5112 13.2846C10.629 12.8818 11.0515 12.65 11.4543 12.7693C11.8571 12.8878 12.0874 13.3096 11.9696 13.7124C11.7598 14.4276 10.9155 15.7789 9.22523 15.7789C7.62315 15.7789 5.91999 14.5135 5.91999 12.1689C5.91999 9.46101 8.20683 7.41889 11.24 7.41889C14.074 7.41889 16.56 10.1108 16.56 13.1797C16.56 15.617 15.607 17.2282 14.6463 18.2382L16.6444 19.9034C17.453 20.5775 18.666 20.351 19.1904 19.4383C20.059 17.9251 21.12 15.5106 21.12 12.7389C21.12 8.04741 17.2744 2.85889 12 2.85889Z" fill="currentColor"></path></svg></div></div></div><div class="flex flex-col gap-2 shrink-0"><h3 class="text-xl font-semibold leading-7 text-primary line-clamp-1">จะเป็นไฟล์ PDF</h3><p class="text-sm leading-5 text-caption-fg line-clamp-3 h-[60px]">ซอฟต์แวร์นี้แปลงเนื้อหาอ้างอิง เช่น บทความ รายงาน บันทึกย่อ Markdown และข้อความที่ดึงมาจากไฟล์ PDF ให้เป็นไฟล์ HTML ไฟล์เดียวคุณภาพระดับพิมพ์ A4 โดยจะเลือกสีเน้นตามธีมของเนื้อหาโดยอัตโนมัติ ฝังภาพวาดเส้นแบบมินิมอลที่วาดด้วยมือในรูปแบบ SVG แก้ไขปัญหาการพิมพ์โดยอัตโนมัติ เช่น หน้าว่าง บรรทัดที่ไม่มีเจ้าของ และองค์ประกอบที่ถูกตัดทอนเมื่อส่งออกไฟล์ PDF และเปิดไฟล์ PDF โดยตรงพร้อมแผงแคนวาสในขั้นตอนสุดท้าย ทำให้ผู้ใช้สามารถดู พิมพ์ หรือส่งออกไฟล์ PDF ได้โดยไม่ต้องคัดลอกและวางโค้ด</p></div><div class="flex-1 rounded-xl overflow-hidden relative bg-[#f5f5f5]"><img src="https://cdn.gooo.ai/web-images/2001d59579dc38a5dc632880bc66facfc832512ea32e4b7ef04b96fbd4ac9ba5@small" alt="จะเป็นไฟล์ PDF" class="object-cover absolute inset-0 w-full h-full"/><div class="absolute inset-0 bg-black/40 flex items-center justify-center transition-opacity duration-200 opacity-0"><button type="button" class="px-6 py-2 text-sm font-medium text-primary bg-white rounded-full hover:bg-gray-100 transition-colors">ลองใน YouMind</button></div></div></div></div></div></div></div></div></div></div></div><div class="px-5 md:px-[168px]"><div class="relative overflow-hidden rounded-[36px] border border-black/[0.06] bg-card px-6 py-10 md:rounded-[40px] md:px-10 md:py-14"><div class="pointer-events-none absolute inset-0 bg-[radial-gradient(circle_at_left_center,rgba(191,219,254,0.12),transparent_34%),radial-gradient(circle_at_right_center,rgba(254,240,138,0.14),transparent_36%)] opacity-75"></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap absolute left-6 top-6 size-5 text-[#F5D36A] md:left-8 md:top-8" aria-hidden="true"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles absolute bottom-6 right-6 size-5 rotate-180 text-[#D9C2FF] md:bottom-8 md:right-8" aria-hidden="true"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg><div class="relative mx-auto flex max-w-[640px] flex-col items-center gap-5 text-center"><div class="flex flex-col gap-3"><h3 class="text-[32px] font-semibold tracking-tight text-primary md:text-[48px] md:leading-[1.05]">Find your next favorite skill</h3><p class="text-base leading-7 text-secondary-fg md:text-lg">Explore more curated AI skills for research, creation, and everyday work.</p></div><a class="inline-flex items-center justify-center gap-2 rounded-full bg-primary px-7 py-3.5 text-base font-semibold text-primary-fg transition-opacity hover:opacity-90 md:px-8" href="/skills">Explore all skills<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right size-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div></div></div></div></div><!--$?--><template id="B:1"></template><!--/$--></div><div class="footer flex flex-col px-[8%] pb-[90px] pt-[64px] md:pt-[80px] font-sans-title text-sm md:text-base bg-card"><div class="flex flex-col w-full mt-4 md:flex-row gap-8"><div class="mb-8 flex-1 md:mb-0 text-[rgba(0,0,0,0.88)]"><svg width="118" height="20" viewBox="0 0 118 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M117.78 16.4587H115.608V14.8788C115.261 15.3695 114.824 15.7884 114.297 16.1355C113.783 16.4826 113.142 16.6562 112.376 16.6562C111.814 16.6562 111.269 16.5485 110.743 16.333C110.216 16.1176 109.749 15.8004 109.342 15.3815C108.935 14.9506 108.606 14.43 108.355 13.8196C108.103 13.2091 107.978 12.509 107.978 11.719C107.978 10.9291 108.097 10.2289 108.337 9.61849C108.588 9.00808 108.917 8.49341 109.324 8.0745C109.731 7.64362 110.198 7.32046 110.725 7.10502C111.263 6.88958 111.814 6.78186 112.376 6.78186C113.154 6.78186 113.801 6.94943 114.315 7.28456C114.83 7.61969 115.261 8.00868 115.608 8.45152V4.54967C115.608 3.88865 116.144 3.35278 116.805 3.35278H117.78V16.4587ZM115.644 11.719C115.644 11.2522 115.566 10.8333 115.41 10.4623C115.267 10.0913 115.069 9.77408 114.818 9.51077C114.567 9.23548 114.273 9.02603 113.938 8.8824C113.603 8.73878 113.256 8.66696 112.897 8.66696C112.526 8.66696 112.173 8.73878 111.838 8.8824C111.515 9.01406 111.227 9.21155 110.976 9.47486C110.725 9.73818 110.527 10.0613 110.384 10.4443C110.24 10.8154 110.168 11.2403 110.168 11.719C110.168 12.1858 110.24 12.6107 110.384 12.9937C110.527 13.3647 110.725 13.6819 110.976 13.9452C111.227 14.2086 111.515 14.412 111.838 14.5556C112.173 14.6993 112.526 14.7711 112.897 14.7711C113.256 14.7711 113.603 14.6993 113.938 14.5556C114.273 14.412 114.567 14.2086 114.818 13.9452C115.069 13.67 115.267 13.3468 115.41 12.9758C115.566 12.6047 115.644 12.1858 115.644 11.719Z" fill="currentColor"></path><path d="M99.7368 11.109V16.5787H97.5645V6.97971H99.7368V8.45188C99.8924 8.22448 100.06 8.01502 100.239 7.82352C100.431 7.62005 100.646 7.44051 100.886 7.28492C101.137 7.12932 101.406 7.00964 101.694 6.92585C101.993 6.8301 102.328 6.78223 102.699 6.78223C103.776 6.78223 104.608 7.11137 105.195 7.76966C105.781 8.42795 106.074 9.31364 106.074 10.4267V16.5787H105.099C104.438 16.5787 103.902 16.0429 103.902 15.3819V11.0731C103.902 10.331 103.722 9.76248 103.363 9.3675C103.016 8.96056 102.52 8.75709 101.873 8.75709C101.239 8.75709 100.724 8.96655 100.329 9.38546C99.9343 9.7924 99.7368 10.3669 99.7368 11.109Z" fill="currentColor"></path><path d="M95.1706 16.578H92.8965V7.00293H95.1706V16.578Z" fill="currentColor"></path><path d="M84.5204 12.7484C84.6002 12.7484 84.6748 12.7086 84.7193 12.6422L88.199 7.44617V16.5784H90.4073V3.77173H88.0554L84.2314 9.83396L80.4073 3.77173H78.0554V16.5784H80.2278V7.48208L83.6729 12.6419C83.7173 12.7084 83.792 12.7484 83.872 12.7484H84.5204Z" fill="currentColor"></path><path d="M93.9141 5.61491H94.0338C94.6618 5.61491 95.1709 5.10583 95.1709 4.47786C95.1709 3.84989 94.6618 3.34082 94.0338 3.34082H93.9141C93.2862 3.34082 92.7771 3.84989 92.7771 4.47786C92.7771 5.10583 93.2862 5.61491 93.9141 5.61491Z" fill="currentColor"></path><path d="M72.4127 12.3295V6.97937H74.5851V16.5784H73.6096C72.9486 16.5784 72.4127 16.0425 72.4127 15.3815V14.9865C72.1015 15.4414 71.7125 15.8363 71.2457 16.1715C70.779 16.4946 70.1805 16.6562 69.4504 16.6562C68.3732 16.6562 67.5414 16.3271 66.9549 15.6688C66.3684 15.0105 66.0752 14.1248 66.0752 13.0117V6.97937H67.0507C67.7117 6.97937 68.2475 7.51523 68.2475 8.17626V12.3654C68.2475 13.1074 68.4211 13.6819 68.7682 14.0889C69.1273 14.4839 69.63 14.6813 70.2763 14.6813C70.9106 14.6813 71.4253 14.4779 71.8203 14.0709C72.2152 13.652 72.4127 13.0715 72.4127 12.3295Z" fill="currentColor"></path><path d="M63.8126 11.7194C63.8126 12.4016 63.6817 13.0419 63.4198 13.6404C63.1698 14.2388 62.8186 14.7655 62.3662 15.2203C61.9257 15.6631 61.3959 16.0162 60.7768 16.2795C60.1578 16.5428 59.4851 16.6745 58.7589 16.6745C58.0446 16.6745 57.3779 16.5488 56.7589 16.2975C56.1517 16.0342 55.6219 15.6811 55.1695 15.2382C54.7291 14.7834 54.3838 14.2628 54.1338 13.6763C53.8838 13.0779 53.7588 12.4375 53.7588 11.7553C53.7588 11.0731 53.8838 10.4327 54.1338 9.83429C54.3957 9.22388 54.7469 8.69725 55.1874 8.2544C55.6398 7.79958 56.1696 7.44051 56.7767 7.1772C57.3958 6.91388 58.0684 6.78223 58.7946 6.78223C59.5209 6.78223 60.1875 6.91388 60.7947 7.1772C61.4138 7.42855 61.9435 7.78163 62.384 8.23644C62.8364 8.67929 63.1876 9.19994 63.4376 9.79838C63.6876 10.3968 63.8126 11.0372 63.8126 11.7194ZM61.6519 11.7553C61.6519 11.3364 61.5804 10.9414 61.4376 10.5704C61.2947 10.1993 61.0923 9.87618 60.8304 9.6009C60.5804 9.31364 60.2768 9.09222 59.9197 8.93662C59.5744 8.76906 59.1875 8.68528 58.7589 8.68528C58.3303 8.68528 57.9375 8.76906 57.5803 8.93662C57.2351 9.09222 56.9374 9.30766 56.6874 9.58294C56.4374 9.85823 56.247 10.1814 56.116 10.5524C55.985 10.9115 55.9196 11.3005 55.9196 11.7194C55.9196 12.1383 55.991 12.5393 56.1339 12.9223C56.2767 13.2933 56.4732 13.6165 56.7232 13.8917C56.9851 14.167 57.2887 14.3884 57.6339 14.556C57.9911 14.7116 58.378 14.7894 58.7946 14.7894C59.2351 14.7894 59.628 14.7116 59.9732 14.556C60.3304 14.3884 60.634 14.167 60.884 13.8917C61.134 13.6165 61.3245 13.2993 61.4554 12.9402C61.5864 12.5692 61.6519 12.1742 61.6519 11.7553Z" fill="currentColor"></path><path d="M48.9711 11.4498V16.5784H46.7449V11.5036L41.7539 3.77173H43.6903C44.1049 3.77173 44.4899 3.98622 44.7081 4.3387L47.876 9.45694L51.0791 4.33407C51.2979 3.98424 51.6814 3.77173 52.094 3.77173H53.9622L48.9711 11.4498Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.33333 4.06667C5.33333 1.82071 3.51262 0 1.26667 0H0V13.8333C0 17.2391 2.7609 20 6.16667 20C9.57243 20 12.3333 17.2391 12.3333 13.8333V12.0333H12.3337V6.73333C12.3337 4.85557 13.8559 3.33333 15.7337 3.33333C17.6114 3.33333 19.1337 4.85557 19.1337 6.73333V17.3333C19.1337 18.8061 20.3276 20 21.8003 20H24.7337V7.03333C24.7337 3.14893 21.5847 0 17.7003 0C13.8159 0 10.667 3.14893 10.667 7.03333V8.01667H10.6667V14C10.6667 15.4728 9.47275 16.6667 8 16.6667C6.52725 16.6667 5.33333 15.4728 5.33333 14V4.06667ZM25.5869 3.4913C27.2187 4.77285 28.3003 6.76385 28.3003 8.99967V17.333C28.3003 18.8058 29.4942 19.9997 30.967 19.9997H33.3336V9.66634C33.3336 9.44118 33.3219 9.21877 33.299 8.99967C32.9658 5.81523 30.2729 3.33301 27.0003 3.33301C26.5435 3.33301 26.0981 3.38136 25.6688 3.47322C25.6414 3.47907 25.6141 3.4851 25.5869 3.4913Z" fill="currentColor"></path></svg><p class="mt-4 text-caption-fg">© <!-- -->2026<!-- --> MIND MOTOR PTE. LTD.</p><button type="button" role="combobox" aria-controls="radix-_R_rqbtkqivb_" aria-expanded="false" aria-autocomplete="none" dir="ltr" data-state="closed" class="flex h-10 items-center justify-between border border-input px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1 w-[265px] rounded-lg bg-transparent hover:bg-accent transition-colors duration-200 ease-out mt-10"><span style="pointer-events:none"></span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-[14px] h-[14px] opacity-75" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button><select aria-hidden="true" tabindex="-1" style="position:absolute;border:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;word-wrap:normal"></select><div class="flex gap-6 mt-10 items-center"><a href="https://discord.gg/kKvXrB2r7x" target="_blank" rel="noopener"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-caption-fg"><path d="M19.6949 5.41887C19.6888 5.407 19.6786 5.39769 19.6663 5.39262C18.2366 4.7367 16.728 4.26897 15.178 4.00115C15.164 3.99853 15.1494 4.00042 15.1365 4.00654C15.1235 4.01267 15.1128 4.02272 15.1059 4.03527C14.9005 4.40813 14.714 4.79112 14.5472 5.18277C12.8764 4.92915 11.177 4.92915 9.5062 5.18277C9.33826 4.79012 9.14878 4.40704 8.93863 4.03527C8.93142 4.023 8.92069 4.01318 8.90782 4.00709C8.89495 4.001 8.88054 3.99893 8.86648 4.00115C7.31637 4.26841 5.80762 4.73617 4.37818 5.39266C4.36595 5.39785 4.35562 5.4067 4.34863 5.41801C1.49004 9.68693 0.70697 13.8509 1.09112 17.9633C1.0922 17.9734 1.0953 17.9831 1.10023 17.992C1.10515 18.0008 1.11181 18.0086 1.11981 18.0149C2.78434 19.2473 4.64613 20.1881 6.62575 20.7969C6.63969 20.8011 6.65457 20.8009 6.6684 20.7964C6.68223 20.7919 6.69434 20.7832 6.70311 20.7716C7.12829 20.1931 7.50502 19.5805 7.82949 18.94C7.83395 18.9312 7.8365 18.9216 7.83696 18.9118C7.83743 18.9019 7.8358 18.8921 7.83219 18.8829C7.82858 18.8737 7.82307 18.8654 7.81602 18.8586C7.80897 18.8517 7.80054 18.8464 7.79128 18.843C7.19719 18.6157 6.62204 18.3416 6.07123 18.0235C6.06123 18.0176 6.05282 18.0093 6.04676 17.9994C6.04071 17.9895 6.03718 17.9783 6.03649 17.9667C6.03581 17.9551 6.03798 17.9436 6.04283 17.933C6.04768 17.9225 6.05505 17.9133 6.0643 17.9063C6.1802 17.8197 6.29409 17.7304 6.40588 17.6386C6.41569 17.6305 6.42755 17.6254 6.44014 17.6237C6.45273 17.622 6.46554 17.6238 6.47713 17.629C10.0857 19.2759 13.9925 19.2759 17.5584 17.629C17.57 17.6235 17.583 17.6214 17.5957 17.6229C17.6085 17.6245 17.6206 17.6296 17.6305 17.6378C17.7425 17.7301 17.8566 17.8196 17.973 17.9063C17.9823 17.9132 17.9897 17.9223 17.9946 17.9328C17.9996 17.9433 18.0018 17.9549 18.0012 17.9665C18.0006 17.9781 17.9972 17.9893 17.9912 17.9993C17.9852 18.0092 17.9769 18.0175 17.9669 18.0235C17.4173 18.3443 16.8417 18.6182 16.246 18.8421C16.2368 18.8456 16.2284 18.8511 16.2214 18.8581C16.2144 18.865 16.2089 18.8734 16.2054 18.8827C16.2018 18.8919 16.2003 18.9018 16.2008 18.9117C16.2014 18.9216 16.204 18.9312 16.2085 18.94C16.5384 19.5769 16.9146 20.1887 17.3341 20.7706C17.3426 20.7825 17.3546 20.7915 17.3685 20.7962C17.3824 20.8009 17.3974 20.8011 17.4114 20.7968C19.3946 20.19 21.2596 19.2492 22.9262 18.0149C22.9344 18.0089 22.9411 18.0014 22.9461 17.9926C22.951 17.9839 22.954 17.9742 22.9549 17.9642C23.4148 13.2098 22.185 9.07996 19.6949 5.41887ZM8.36841 15.4593C7.28196 15.4593 6.38676 14.4623 6.38676 13.2378C6.38676 12.0134 7.2646 11.0163 8.36841 11.0163C9.48085 11.0163 10.3674 12.022 10.35 13.2377C10.35 14.4623 9.47215 15.4593 8.36841 15.4593ZM15.6952 15.4593C14.6087 15.4593 13.7135 14.4623 13.7135 13.2378C13.7135 12.0134 14.5914 11.0163 15.6952 11.0163C16.8077 11.0163 17.6942 12.022 17.6768 13.2377C17.6768 14.4623 16.8077 15.4593 15.6952 15.4593Z" fill="black" fill-opacity="0.6"></path></svg></a><a href="https://x.com/YouMind_AI" target="_blank" rel="noopener"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-caption-fg"><g clip-path="url(#clip0_932_2592)"><path d="M17.7477 2.7995H20.8025L14.0953 10.4364L21.9314 20.796H15.782L10.9675 14.5005L5.45564 20.796H2.40089L9.50651 12.6278L2.00244 2.7995H8.30453L12.6542 8.55041L17.7477 2.7995ZM16.6785 19.003H18.3719L7.41467 4.5261H5.5951L16.6785 19.003Z" fill="black" fill-opacity="0.6"></path></g><defs><clipPath id="clip0_932_2592"><rect width="20" height="17.9965" fill="white" transform="translate(2 2.79965)"></rect></clipPath></defs></svg></a><a href="https://www.producthunt.com/products/youmind?embed=true&utm_source=badge-featured&utm_medium=badge&utm_source=badge-youmind" target="_blank" rel="noreferrer noopener" class="flex-shrink-0"><img src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=989426&theme=light&t=1759197639729" alt="YouMind - The first AI learning and creation agent where learning meets writing | Product Hunt" width="250" height="36" class="h-[36px] w-auto"/></a></div></div><div class="grid grid-cols-3 gap-4 lg:flex lg:flex-row md:gap-8 lg:gap-16 flex-1"><div class="flex-1 lg:flex-[1.5]"><div class="mb-[16px] text-base font-semibold">พรอมต์</div><div class="flex flex-col gap-[20px] text-sm"><a class="lg:whitespace-nowrap text-[rgba(0,0,0,0.6)]" href="/th-TH/nano-banana-pro-prompts?utm_source=footer">พรอมต์ Nano Banana Pro</a><a class="lg:whitespace-nowrap text-[rgba(0,0,0,0.6)]" href="/th-TH/gpt-image-2-prompts?utm_source=footer"><span class="inline-flex items-center gap-1.5">พรอมต์ GPT Image 2<span aria-hidden="true" class="pointer-events-none relative inline-flex shrink-0 h-2.5 w-2.5"><span class="absolute inline-flex h-full w-full rounded-full animate-ping bg-red-400 opacity-75"></span><span class="relative inline-flex h-full w-full rounded-full bg-red-500"></span></span></span></a><a class="lg:whitespace-nowrap text-[rgba(0,0,0,0.6)]" href="/th-TH/seedance-2-0-prompts?utm_source=footer">พรอมต์ Seedance 2.0</a><a class="lg:whitespace-nowrap text-[rgba(0,0,0,0.6)]" href="/th-TH/gpt-image-1-5-prompts?utm_source=footer">พรอมต์ GPT Image 1.5</a><a class="lg:whitespace-nowrap text-[rgba(0,0,0,0.6)]" href="/th-TH/seedream-4-dot-5-prompts?utm_source=footer">พรอมต์ Seedream 4.5</a><a class="lg:whitespace-nowrap text-[rgba(0,0,0,0.6)]" href="/th-TH/gemini-3-prompts?utm_source=footer">พรอมต์ Gemini 3 Pro</a></div></div><div class="flex-1 lg:flex-[1.5]"><div class="mb-[16px] text-base font-semibold">เครื่องมือ AI</div><div class="flex flex-col gap-[20px] text-sm"><a class="lg:whitespace-nowrap text-[rgba(0,0,0,0.6)]" href="/th-TH/landing/gpt-image-2-slides?utm_source=footer">สไลด์ GPT Image 2</a><a class="lg:whitespace-nowrap text-[rgba(0,0,0,0.6)]" href="/th-TH/landing/x-viral-articles?utm_source=footer"><span class="inline-flex items-center gap-1.5">ติดตามบทความไวรัลบน 𝕏<span aria-hidden="true" class="pointer-events-none relative inline-flex shrink-0 h-2.5 w-2.5"><span class="absolute inline-flex h-full w-full rounded-full animate-ping bg-red-400 opacity-75"></span><span class="relative inline-flex h-full w-full rounded-full bg-red-500"></span></span></span></a><a class="lg:whitespace-nowrap text-[rgba(0,0,0,0.6)]" href="/th-TH/model-arena/nano-banana-2-vs-nano-banana-pro?utm_source=footer">เปรียบเทียบ Nano Banana 2 กับ Pro</a><a class="lg:whitespace-nowrap text-[rgba(0,0,0,0.6)]" href="/th-TH/landing/lenny-career-coach?utm_source=footer">Lenny Career Coach</a></div></div><div class="flex-1 lg:flex-[2]"><div class="mb-[16px] text-base font-semibold">บล็อก</div><div class="flex flex-col gap-[20px] text-sm"><a class="lg:whitespace-nowrap text-[rgba(0,0,0,0.6)]" href="/th-TH/blog/best-notebooklm-alternatives">ทางเลือกอื่นของ NotebookLM</a></div></div><div class="flex-1"><div class="mb-[16px] text-base font-semibold">ผลิตภัณฑ์</div><div class="flex flex-col gap-[20px] text-sm"><a class="lg:whitespace-nowrap text-[rgba(0,0,0,0.6)]" href="/th-TH/use-cases">กรณีการใช้งาน</a><a class="lg:whitespace-nowrap text-[rgba(0,0,0,0.6)]" href="/th-TH/pricing">ราคา</a></div></div><div class="flex-1 mt-0"><div class="mb-[16px] text-base font-semibold">บริษัท</div><div class="flex flex-col gap-[20px] text-sm"><div class="cursor-pointer lg:whitespace-nowrap text-[rgba(0,0,0,0.6)]">ติดต่อเรา</div><a class="lg:whitespace-nowrap text-[rgba(0,0,0,0.6)]" href="/th-TH/privacy">ความเป็นส่วนตัว</a><a class="lg:whitespace-nowrap text-[rgba(0,0,0,0.6)]" href="/th-TH/terms">เงื่อนไข</a></div></div></div></div></div></main><section aria-label="Notifications alt+T" tabindex="-1" aria-live="polite" aria-relevant="additions text" aria-atomic="false"></section><!--$--><!--/$--><script>requestAnimationFrame(function(){$RT=performance.now()});</script><script src="/_next/static/chunks/16i9c5h.s.16a.js" id="_R_" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[609031,[\"/_next/static/chunks/02zfpyi.5c7iv.js\",\"/_next/static/chunks/0.2kqgmoirc9z.js\"],\"default\"]\n3:I[470962,[\"/_next/static/chunks/02zfpyi.5c7iv.js\",\"/_next/static/chunks/0.2kqgmoirc9z.js\"],\"default\"]\n4:I[335838,[\"/_next/static/chunks/02zfpyi.5c7iv.js\",\"/_next/static/chunks/0.2kqgmoirc9z.js\",\"/_next/static/chunks/0zj5who20use~.js\",\"/_next/static/chunks/09aqnhxj1v..o.js\",\"/_next/static/chunks/14ik3i1~udj4..js\",\"/_next/static/chunks/16td-vbv1z3l-.js\"],\"default\"]\n13:I[663151,[\"/_next/static/chunks/02zfpyi.5c7iv.js\",\"/_next/static/chunks/0.2kqgmoirc9z.js\",\"/_next/static/chunks/0..a~~m_~eonw.js\",\"/_next/static/chunks/16td-vbv1z3l-.js\",\"/_next/static/chunks/0-sij_15ad7bx.js\",\"/_next/static/chunks/14ik3i1~udj4..js\",\"/_next/static/chunks/0yn91s91gmmxu.js\",\"/_next/static/chunks/09aqnhxj1v..o.js\"],\"default\"]\n17:I[506740,[\"/_next/static/chunks/02zfpyi.5c7iv.js\",\"/_next/static/chunks/0.2kqgmoirc9z.js\"],\"OutletBoundary\"]\n18:\"$Sreact.suspense\"\n1b:I[506740,[\"/_next/static/chunks/02zfpyi.5c7iv.js\",\"/_next/static/chunks/0.2kqgmoirc9z.js\"],\"ViewportBoundary\"]\n1d:I[506740,[\"/_next/static/chunks/02zfpyi.5c7iv.js\",\"/_next/static/chunks/0.2kqgmoirc9z.js\"],\"MetadataBoundary\"]\n1f:I[713662,[\"/_next/static/chunks/02zfpyi.5c7iv.js\",\"/_next/static/chunks/0.2kqgmoirc9z.js\",\"/_next/static/chunks/07hfwjdjf_qsd.js\",\"/_next/static/chunks/0ysljzli4goe4.js\",\"/_next/static/chunks/0s-u4tc-5uran.js\",\"/_next/static/chunks/0pz~bxl8q3d1v.js\",\"/_next/static/chunks/0e2c78d-wylvg.js\",\"/_next/static/chunks/0yn91s91gmmxu.js\",\"/_next/static/chunks/0j78w_4c1dzg1.js\",\"/_next/static/chunks/09aqnhxj1v..o.js\",\"/_next/static/chunks/16td-vbv1z3l-.js\",\"/_next/static/chunks/0om330ufayb43.js\",\"/_next/static/chunks/0ue0_l_yw0.th.js\",\"/_next/static/chunks/05xt-0p1syujx.js\",\"/_next/static/chunks/16vm.ljp5ys24.js\",\"/_next/static/chunks/14ik3i1~udj4..js\",\"/_next/static/chunks/0p-2~7vilibdn.js\",\"/_next/static/chunks/04ns9ax4xdc7d.js\",\"/_next/static/chunks/0mjx2yp5sdxdw.js\",\"/_next/static/chunks/0_dcupj0e7wl9.js\",\"/_next/static/chunks/0l64wq.cm60sg.js\",\"/_next/static/chunks/12yrklw9h82qj.js\",\"/_next/static/chunks/0-ge097fewzc1.js\"],\"Header\"]\n21:I[238910,[\"/_next/static/chunks/02zfpyi.5c7iv.js\",\"/_next/static/chunks/0.2kqgmoirc9z.js\",\"/_next/static/chunks/07hfwjdjf_qsd.js\",\"/_next/static/chunks/0ysljzli4goe4.js\",\"/_next/static/chunks/0s-u4tc-5uran.js\",\"/_next/static/chunks/0pz~bxl8q3d1v.js\",\"/_next/static/chunks/0e2c78d-wylvg.js\",\"/_next/static/chunks/0yn91s91gmmxu.js\",\"/_next/static/chunks/0j78w_4c1dzg1.js\",\"/_next/static/chunks/09aqnhxj1v..o.js\",\"/_next/static/chunks/16td-vbv1z3l-.js\",\"/_next/static/chunks/0om330ufayb43.js\",\"/_next/static/chunks/0ue0_l_yw0.th.js\",\"/_next/static/chunks/05xt-0p1syujx.js\",\"/_next/static/chunks/16vm.ljp5ys24.js\",\"/_next/static/chunks/14ik3i1~udj4..js\",\"/_next/static/chunks/0p-2~7vilibdn.js\",\"/_next/static/chunks/04ns9ax4xdc7d.js\",\"/_next/static/chunks/0mjx2yp5sdxdw.js\"],\"\"]\n22:I[148724,[\"/_next/static/chunks/02zfpyi.5c7iv.js\",\"/_next/static/chunks/0.2kqgmoirc9z.js\",\"/_next/static/chunks/07hfwjdjf_qsd.js\",\"/_next/static/chunks/0ysljzli4goe4.js\",\"/_next/static/chunks/0s-u4tc-5uran.js\",\"/_next/static/chunks/0pz~bxl8q3d1v.js\",\"/_next/static/chunks/0e2c78d-wylvg.js\",\"/_next/static/chunks/0yn91s91gmmxu.js\",\"/_next/static/chunks/0j78w_4c1dzg1.js\",\"/_next/static/chunks/09aqnhxj1v..o.js\",\"/_next/static/chunks/16td-vbv1z3l-.js\",\"/_next/static/chunks/0om330ufayb43.js\",\"/_next/static/chunks/0ue0_l_yw0.th.js\",\"/_next/static/chunks/05xt-0p1syujx.js\",\"/_next/static/chunks/16vm.ljp5ys24.js\",\"/_next/static/chunks/14ik3i1~udj4..js\",\"/_next/static/chunks/0p-2~7vilibdn.js\",\"/_next/static/chunks/04ns9ax4xdc7d.js\",\"/_next/static/chunks/0mjx2yp5sdxdw.js\"],\"default\"]\n23:I[855331,[\"/_next/static/chunks/02zfpyi.5c7iv.js\",\"/_next/static/chunks/0.2kqgmoirc9z.js\",\"/_next/static/chunks/07hfwjdjf_qsd.js\",\"/_next/static/chunks/0ysljzli4goe4.js\",\"/_next/static/chunks/0s-u4tc-5uran.js\",\"/_next/static/chunks/0pz~bxl8q3d1v.js\",\"/_next/static/chunks/0e2c78d-wylvg.js\",\"/_next/static/chunks/0yn91s91gmmxu.js\",\"/_next/static/chunks/0j78w_4c1dzg1.js\",\"/_next/static/c"])</script><script>self.__next_f.push([1,"hunks/09aqnhxj1v..o.js\",\"/_next/static/chunks/16td-vbv1z3l-.js\",\"/_next/static/chunks/0om330ufayb43.js\",\"/_next/static/chunks/0ue0_l_yw0.th.js\",\"/_next/static/chunks/05xt-0p1syujx.js\",\"/_next/static/chunks/16vm.ljp5ys24.js\",\"/_next/static/chunks/14ik3i1~udj4..js\",\"/_next/static/chunks/0p-2~7vilibdn.js\",\"/_next/static/chunks/04ns9ax4xdc7d.js\",\"/_next/static/chunks/0mjx2yp5sdxdw.js\"],\"PostHogProvider\"]\n24:I[612645,[\"/_next/static/chunks/02zfpyi.5c7iv.js\",\"/_next/static/chunks/0.2kqgmoirc9z.js\",\"/_next/static/chunks/07hfwjdjf_qsd.js\",\"/_next/static/chunks/0ysljzli4goe4.js\",\"/_next/static/chunks/0s-u4tc-5uran.js\",\"/_next/static/chunks/0pz~bxl8q3d1v.js\",\"/_next/static/chunks/0e2c78d-wylvg.js\",\"/_next/static/chunks/0yn91s91gmmxu.js\",\"/_next/static/chunks/0j78w_4c1dzg1.js\",\"/_next/static/chunks/09aqnhxj1v..o.js\",\"/_next/static/chunks/16td-vbv1z3l-.js\",\"/_next/static/chunks/0om330ufayb43.js\",\"/_next/static/chunks/0ue0_l_yw0.th.js\",\"/_next/static/chunks/05xt-0p1syujx.js\",\"/_next/static/chunks/16vm.ljp5ys24.js\",\"/_next/static/chunks/14ik3i1~udj4..js\",\"/_next/static/chunks/0p-2~7vilibdn.js\",\"/_next/static/chunks/04ns9ax4xdc7d.js\",\"/_next/static/chunks/0mjx2yp5sdxdw.js\"],\"GtagProvider\"]\n25:I[242092,[\"/_next/static/chunks/02zfpyi.5c7iv.js\",\"/_next/static/chunks/0.2kqgmoirc9z.js\",\"/_next/static/chunks/07hfwjdjf_qsd.js\",\"/_next/static/chunks/0ysljzli4goe4.js\",\"/_next/static/chunks/0s-u4tc-5uran.js\",\"/_next/static/chunks/0pz~bxl8q3d1v.js\",\"/_next/static/chunks/0e2c78d-wylvg.js\",\"/_next/static/chunks/0yn91s91gmmxu.js\",\"/_next/static/chunks/0j78w_4c1dzg1.js\",\"/_next/static/chunks/09aqnhxj1v..o.js\",\"/_next/static/chunks/16td-vbv1z3l-.js\",\"/_next/static/chunks/0om330ufayb43.js\",\"/_next/static/chunks/0ue0_l_yw0.th.js\",\"/_next/static/chunks/05xt-0p1syujx.js\",\"/_next/static/chunks/16vm.ljp5ys24.js\",\"/_next/static/chunks/14ik3i1~udj4..js\",\"/_next/static/chunks/0p-2~7vilibdn.js\",\"/_next/static/chunks/04ns9ax4xdc7d.js\",\"/_next/static/chunks/0mjx2yp5sdxdw.js\"],\"ThemeProvider\"]\n27:I[825979,[\"/_next/static/chunks/02zfpyi.5c7iv.js\",\"/_next/static/chunks/0.2kqgmoirc9z.js\",\"/_next/static/chunks/07hfwjdjf_qsd.js\",\"/_next/static/chunks/0ysljzli4goe4.js\",\"/_next/static/chunks/0s-u4tc-5uran.js\",\"/_next/static/chunks/0pz~bxl8q3d1v.js\",\"/_next/static/chunks/0e2c78d-wylvg.js\",\"/_next/static/chunks/0yn91s91gmmxu.js\",\"/_next/static/chunks/0j78w_4c1dzg1.js\",\"/_next/static/chunks/09aqnhxj1v..o.js\",\"/_next/static/chunks/16td-vbv1z3l-.js\",\"/_next/static/chunks/0om330ufayb43.js\",\"/_next/static/chunks/0ue0_l_yw0.th.js\",\"/_next/static/chunks/05xt-0p1syujx.js\",\"/_next/static/chunks/16vm.ljp5ys24.js\",\"/_next/static/chunks/14ik3i1~udj4..js\",\"/_next/static/chunks/0p-2~7vilibdn.js\",\"/_next/static/chunks/04ns9ax4xdc7d.js\",\"/_next/static/chunks/0mjx2yp5sdxdw.js\"],\"default\"]\n29:I[407240,[\"/_next/static/chunks/02zfpyi.5c7iv.js\",\"/_next/static/chunks/0.2kqgmoirc9z.js\",\"/_next/static/chunks/07hfwjdjf_qsd.js\",\"/_next/static/chunks/0ysljzli4goe4.js\",\"/_next/static/chunks/0s-u4tc-5uran.js\",\"/_next/static/chunks/0pz~bxl8q3d1v.js\",\"/_next/static/chunks/0e2c78d-wylvg.js\",\"/_next/static/chunks/0yn91s91gmmxu.js\",\"/_next/static/chunks/0j78w_4c1dzg1.js\",\"/_next/static/chunks/09aqnhxj1v..o.js\",\"/_next/static/chunks/16td-vbv1z3l-.js\",\"/_next/static/chunks/0om330ufayb43.js\",\"/_next/static/chunks/0ue0_l_yw0.th.js\",\"/_next/static/chunks/05xt-0p1syujx.js\",\"/_next/static/chunks/16vm.ljp5ys24.js\",\"/_next/static/chunks/14ik3i1~udj4..js\",\"/_next/static/chunks/0p-2~7vilibdn.js\",\"/_next/static/chunks/04ns9ax4xdc7d.js\",\"/_next/static/chunks/0mjx2yp5sdxdw.js\"],\"I18nProvider\"]\n2a:I[422187,[\"/_next/static/chunks/02zfpyi.5c7iv.js\",\"/_next/static/chunks/0.2kqgmoirc9z.js\",\"/_next/static/chunks/07hfwjdjf_qsd.js\",\"/_next/static/chunks/0ysljzli4goe4.js\",\"/_next/static/chunks/0s-u4tc-5uran.js\",\"/_next/static/chunks/0pz~bxl8q3d1v.js\",\"/_next/static/chunks/0e2c78d-wylvg.js\",\"/_next/static/chunks/0yn91s91gmmxu.js\",\"/_next/static/chunks/0j78w_4c1dzg1.js\",\"/_next/static/chunks/09aqnhxj1v..o.js\",\"/_next/static/chunks/16td-vbv1z3l-.js\",\"/_next/static/chunks/0om330ufayb43.js\",\"/_next/static/chunks/0ue0_l_yw0.th.js\",\"/_"])</script><script>self.__next_f.push([1,"next/static/chunks/05xt-0p1syujx.js\",\"/_next/static/chunks/16vm.ljp5ys24.js\",\"/_next/static/chunks/14ik3i1~udj4..js\",\"/_next/static/chunks/0p-2~7vilibdn.js\",\"/_next/static/chunks/04ns9ax4xdc7d.js\",\"/_next/static/chunks/0mjx2yp5sdxdw.js\"],\"NuqsAdapter\"]\n2b:I[470174,[\"/_next/static/chunks/02zfpyi.5c7iv.js\",\"/_next/static/chunks/0.2kqgmoirc9z.js\",\"/_next/static/chunks/07hfwjdjf_qsd.js\",\"/_next/static/chunks/0ysljzli4goe4.js\",\"/_next/static/chunks/0s-u4tc-5uran.js\",\"/_next/static/chunks/0pz~bxl8q3d1v.js\",\"/_next/static/chunks/0e2c78d-wylvg.js\",\"/_next/static/chunks/0yn91s91gmmxu.js\",\"/_next/static/chunks/0j78w_4c1dzg1.js\",\"/_next/static/chunks/09aqnhxj1v..o.js\",\"/_next/static/chunks/16td-vbv1z3l-.js\",\"/_next/static/chunks/0om330ufayb43.js\",\"/_next/static/chunks/0ue0_l_yw0.th.js\",\"/_next/static/chunks/05xt-0p1syujx.js\",\"/_next/static/chunks/16vm.ljp5ys24.js\",\"/_next/static/chunks/14ik3i1~udj4..js\",\"/_next/static/chunks/0p-2~7vilibdn.js\",\"/_next/static/chunks/04ns9ax4xdc7d.js\",\"/_next/static/chunks/0mjx2yp5sdxdw.js\"],\"default\"]\n2c:I[416398,[\"/_next/static/chunks/02zfpyi.5c7iv.js\",\"/_next/static/chunks/0.2kqgmoirc9z.js\",\"/_next/static/chunks/07hfwjdjf_qsd.js\",\"/_next/static/chunks/0ysljzli4goe4.js\",\"/_next/static/chunks/0s-u4tc-5uran.js\",\"/_next/static/chunks/0pz~bxl8q3d1v.js\",\"/_next/static/chunks/0e2c78d-wylvg.js\",\"/_next/static/chunks/0yn91s91gmmxu.js\",\"/_next/static/chunks/0j78w_4c1dzg1.js\",\"/_next/static/chunks/09aqnhxj1v..o.js\",\"/_next/static/chunks/16td-vbv1z3l-.js\",\"/_next/static/chunks/0om330ufayb43.js\",\"/_next/static/chunks/0ue0_l_yw0.th.js\",\"/_next/static/chunks/05xt-0p1syujx.js\",\"/_next/static/chunks/16vm.ljp5ys24.js\",\"/_next/static/chunks/14ik3i1~udj4..js\",\"/_next/static/chunks/0p-2~7vilibdn.js\",\"/_next/static/chunks/04ns9ax4xdc7d.js\",\"/_next/static/chunks/0mjx2yp5sdxdw.js\"],\"GoogleOneTapPrompt\"]\n2d:I[524955,[\"/_next/static/chunks/02zfpyi.5c7iv.js\",\"/_next/static/chunks/0.2kqgmoirc9z.js\",\"/_next/static/chunks/07hfwjdjf_qsd.js\",\"/_next/static/chunks/0ysljzli4goe4.js\",\"/_next/static/chunks/0s-u4tc-5uran.js\",\"/_next/static/chunks/0pz~bxl8q3d1v.js\",\"/_next/static/chunks/0e2c78d-wylvg.js\",\"/_next/static/chunks/0yn91s91gmmxu.js\",\"/_next/static/chunks/0j78w_4c1dzg1.js\",\"/_next/static/chunks/09aqnhxj1v..o.js\",\"/_next/static/chunks/16td-vbv1z3l-.js\",\"/_next/static/chunks/0om330ufayb43.js\",\"/_next/static/chunks/0ue0_l_yw0.th.js\",\"/_next/static/chunks/05xt-0p1syujx.js\",\"/_next/static/chunks/16vm.ljp5ys24.js\",\"/_next/static/chunks/14ik3i1~udj4..js\",\"/_next/static/chunks/0p-2~7vilibdn.js\",\"/_next/static/chunks/04ns9ax4xdc7d.js\",\"/_next/static/chunks/0mjx2yp5sdxdw.js\"],\"default\"]\n2e:I[170637,[\"/_next/static/chunks/02zfpyi.5c7iv.js\",\"/_next/static/chunks/0.2kqgmoirc9z.js\",\"/_next/static/chunks/07hfwjdjf_qsd.js\",\"/_next/static/chunks/0ysljzli4goe4.js\",\"/_next/static/chunks/0s-u4tc-5uran.js\",\"/_next/static/chunks/0pz~bxl8q3d1v.js\",\"/_next/static/chunks/0e2c78d-wylvg.js\",\"/_next/static/chunks/0yn91s91gmmxu.js\",\"/_next/static/chunks/0j78w_4c1dzg1.js\",\"/_next/static/chunks/09aqnhxj1v..o.js\",\"/_next/static/chunks/16td-vbv1z3l-.js\",\"/_next/static/chunks/0om330ufayb43.js\",\"/_next/static/chunks/0ue0_l_yw0.th.js\",\"/_next/static/chunks/05xt-0p1syujx.js\",\"/_next/static/chunks/16vm.ljp5ys24.js\",\"/_next/static/chunks/14ik3i1~udj4..js\",\"/_next/static/chunks/0p-2~7vilibdn.js\",\"/_next/static/chunks/04ns9ax4xdc7d.js\",\"/_next/static/chunks/0mjx2yp5sdxdw.js\"],\"default\"]\n2f:I[246331,[\"/_next/static/chunks/02zfpyi.5c7iv.js\",\"/_next/static/chunks/0.2kqgmoirc9z.js\",\"/_next/static/chunks/07hfwjdjf_qsd.js\",\"/_next/static/chunks/0ysljzli4goe4.js\",\"/_next/static/chunks/0s-u4tc-5uran.js\",\"/_next/static/chunks/0pz~bxl8q3d1v.js\",\"/_next/static/chunks/0e2c78d-wylvg.js\",\"/_next/static/chunks/0yn91s91gmmxu.js\",\"/_next/static/chunks/0j78w_4c1dzg1.js\",\"/_next/static/chunks/09aqnhxj1v..o.js\",\"/_next/static/chunks/16td-vbv1z3l-.js\",\"/_next/static/chunks/0om330ufayb43.js\",\"/_next/static/chunks/0ue0_l_yw0.th.js\",\"/_next/static/chunks/05xt-0p1syujx.js\",\"/_next/static/chunks/16vm.ljp5ys24.js\",\"/_next/static/chunks/14ik3i1~udj4..js\",\"/_next/static/chunks/0p-2~7vilibdn.js\""])</script><script>self.__next_f.push([1,",\"/_next/static/chunks/04ns9ax4xdc7d.js\",\"/_next/static/chunks/0mjx2yp5sdxdw.js\"],\"Toaster\"]\n30:I[673227,[\"/_next/static/chunks/02zfpyi.5c7iv.js\",\"/_next/static/chunks/0.2kqgmoirc9z.js\",\"/_next/static/chunks/07hfwjdjf_qsd.js\",\"/_next/static/chunks/0ysljzli4goe4.js\",\"/_next/static/chunks/0s-u4tc-5uran.js\",\"/_next/static/chunks/0pz~bxl8q3d1v.js\",\"/_next/static/chunks/0e2c78d-wylvg.js\",\"/_next/static/chunks/0yn91s91gmmxu.js\",\"/_next/static/chunks/0j78w_4c1dzg1.js\",\"/_next/static/chunks/09aqnhxj1v..o.js\",\"/_next/static/chunks/16td-vbv1z3l-.js\",\"/_next/static/chunks/0om330ufayb43.js\",\"/_next/static/chunks/0ue0_l_yw0.th.js\",\"/_next/static/chunks/05xt-0p1syujx.js\",\"/_next/static/chunks/16vm.ljp5ys24.js\",\"/_next/static/chunks/14ik3i1~udj4..js\",\"/_next/static/chunks/0p-2~7vilibdn.js\",\"/_next/static/chunks/04ns9ax4xdc7d.js\",\"/_next/static/chunks/0mjx2yp5sdxdw.js\"],\"PageRedirecting\"]\n:HL[\"/_next/static/chunks/0zdqio1ih3c8b.css\",\"style\"]\n:HL[\"/_next/static/chunks/103xs3lip~39p.css\",\"style\"]\n:HL[\"/_next/static/chunks/0w4j13h6i7zdh.css\",\"style\"]\n:HL[\"/_next/static/chunks/0mtcuu7cd2iei.css\",\"style\"]\n:HL[\"/_next/static/chunks/0-5wd7x1od-bn.css\",\"style\"]\n:HL[\"/_next/static/media/051742360c26797e-s.p.0f97p8c3305p~.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/1904c30335c1760b-s.p.08w36q5lu9vc4.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/20a72cd0c9704d06-s.p.0wk9o2ly~jaap.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/7ebf22b5a21034f8-s.p.10_7676vm7pyy.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/AirbnbCereal_W_Bd-s.p.0zrn8nawcg4x4.otf\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/otf\"}]\n:HL[\"/_next/static/media/AirbnbCereal_W_Bk-s.p.07qy3p9jsost4.otf\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/otf\"}]\n:HL[\"/_next/static/media/AirbnbCereal_W_Blk-s.p.058ndt5i1t2zv.otf\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/otf\"}]\n:HL[\"/_next/static/media/AirbnbCereal_W_Lt-s.p.0plf8ivmhq9jc.otf\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/otf\"}]\n:HL[\"/_next/static/media/AirbnbCereal_W_Md-s.p.08_-_pk6.ifi~.otf\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/otf\"}]\n:HL[\"/_next/static/media/AirbnbCereal_W_XBd-s.p.0l85nvd__drfd.otf\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/otf\"}]\n:HL[\"/_next/static/media/Arvo_Bold-s.p.0.8k75a72nr-k.ttf\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/ttf\"}]\n:HL[\"/_next/static/media/Arvo_BoldItalic-s.p.11d1_0ap3ag.x.ttf\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/ttf\"}]\n:HL[\"/_next/static/media/Arvo_Italic-s.p.02a7.3u5s~_tj.ttf\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/ttf\"}]\n:HL[\"/_next/static/media/Arvo_Regular-s.p.0n3do0_xda3qj.ttf\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/ttf\"}]\n:HL[\"/_next/static/media/a624dffa201843ff-s.p.0xr-_bh6gedpp.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/e41d5df559864f9e-s.p.0gq7fw9.sy_5..woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/fabcf92ba1ccea36-s.p.0lwj123ije5i..woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/chunks/0x4c2rs04i8ip.css\",\"style\"]\n0:{\"P\":null,\"c\":[\"\",\"th-TH\",\"skills\",\"magazine-style-web-ppt-54BKOuAPQRKStG\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[[\"locale\",\"th-TH\",\"d\",null],{\"children\":[\"(marketing)\",{\"children\":[\"skills\",{\"children\":[[\"id\",\"magazine-style-web-ppt-54BKOuAPQRKStG\",\"d\",null],{\"children\":[\"__PAGE__\",{}]}]}]}]}]},\"$undefined\",\"$undefined\",16],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0zdqio1ih3c8b.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/103xs3lip~39p.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/02zfpyi.5c7iv.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/0.2kqgmoirc9z.js\",\"async\":true,\"nonce\":\"$undefined\"}]"])</script><script>self.__next_f.push([1,"],[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"$L4\",null,{}],[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0w4j13h6i7zdh.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0w4j13h6i7zdh.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/07hfwjdjf_qsd.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/0ysljzli4goe4.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/0s-u4tc-5uran.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/chunks/0pz~bxl8q3d1v.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-4\",{\"src\":\"/_next/static/chunks/0e2c78d-wylvg.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-5\",{\"src\":\"/_next/static/chunks/0yn91s91gmmxu.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-6\",{\"src\":\"/_next/static/chunks/0j78w_4c1dzg1.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-7\",{\"src\":\"/_next/static/chunks/09aqnhxj1v..o.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-8\",{\"src\":\"/_next/static/chunks/16td-vbv1z3l-.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-9\",{\"src\":\"/_next/static/chunks/0om330ufayb43.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-10\",{\"src\":\"/_next/static/chunks/0ue0_l_yw0.th.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-11\",{\"src\":\"/_next/static/chunks/05xt-0p1syujx.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-12\",{\"src\":\"/_next/static/chunks/16vm.ljp5ys24.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-13\",{\"src\":\"/_next/static/chunks/14ik3i1~udj4..js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-14\",{\"src\":\"/_next/static/chunks/0p-2~7vilibdn.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-15\",{\"src\":\"/_next/static/chunks/04ns9ax4xdc7d.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-16\",{\"src\":\"/_next/static/chunks/0mjx2yp5sdxdw.js\",\"async\":true,\"nonce\":\"$undefined\"}]],\"$L5\"]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0mtcuu7cd2iei.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0-5wd7x1od-bn.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0_dcupj0e7wl9.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/0l64wq.cm60sg.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/12yrklw9h82qj.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/chunks/0-ge097fewzc1.js\",\"async\":true,\"nonce\":\"$undefined\"}]],\"$L6\"]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[\"$L7\",[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/c"])</script><script>self.__next_f.push([1,"hunks/0x4c2rs04i8ip.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/00a4rt679ztby.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/0~nh_~r1-6no4.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/12esm9pb26rc4.js\",\"async\":true,\"nonce\":\"$undefined\"}],\"$L8\",\"$L9\",\"$La\",\"$Lb\",\"$Lc\",\"$Ld\",\"$Le\",\"$Lf\"],\"$L10\"]}],{},null,false,null]},null,false,\"$@11\"]},null,false,\"$@11\"]},null,false,null]},null,false,null]},null,false,null],\"$L12\",false]],\"m\":\"$undefined\",\"G\":[\"$13\",[\"$L14\",\"$L15\",\"$L16\"]],\"S\":false,\"h\":null,\"s\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\",\"b\":\"IbDLNBVAMlC7f03mzrkWq\"}\n8:[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/chunks/031rfbv760bzf.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n9:[\"$\",\"script\",\"script-4\",{\"src\":\"/_next/static/chunks/0ak0ygbs2vkl~.js\",\"async\":true,\"nonce\":\"$undefined\"}]\na:[\"$\",\"script\",\"script-5\",{\"src\":\"/_next/static/chunks/15_r26faf0l.m.js\",\"async\":true,\"nonce\":\"$undefined\"}]\nb:[\"$\",\"script\",\"script-6\",{\"src\":\"/_next/static/chunks/0kpqv9w34iff0.js\",\"async\":true,\"nonce\":\"$undefined\"}]\nc:[\"$\",\"script\",\"script-7\",{\"src\":\"/_next/static/chunks/0zpom-b1oogps.js\",\"async\":true,\"nonce\":\"$undefined\"}]\nd:[\"$\",\"script\",\"script-8\",{\"src\":\"/_next/static/chunks/0ri2baxbh-rap.js\",\"async\":true,\"nonce\":\"$undefined\"}]\ne:[\"$\",\"script\",\"script-9\",{\"src\":\"/_next/static/chunks/0j1rtqp43.-im.js\",\"async\":true,\"nonce\":\"$undefined\"}]\nf:[\"$\",\"script\",\"script-10\",{\"src\":\"/_next/static/chunks/0mm_0a31f4ljo.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n10:[\"$\",\"$L17\",null,{\"children\":[\"$\",\"$18\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@19\"}]}]\n1a:[]\n11:\"$W1a\"\n12:[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$L1b\",null,{\"children\":\"$L1c\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$L1d\",null,{\"children\":[\"$\",\"$18\",null,{\"name\":\"Next.Metadata\",\"children\":\"$L1e\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}]\n14:[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0zdqio1ih3c8b.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]\n15:[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/103xs3lip~39p.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]\n16:[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0w4j13h6i7zdh.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]\n6:[[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@graph\\\":[{\\\"@type\\\":\\\"Organization\\\",\\\"@id\\\":\\\"https://youmind.com/#organization\\\",\\\"name\\\":\\\"YouMind\\\",\\\"url\\\":\\\"https://youmind.com\\\",\\\"logo\\\":\\\"https://marketing-assets.youmind.com/youmind-logo.png\\\",\\\"description\\\":\\\"YouMind is where learning meets creation. Learn, think, and create with AI agents. Everything flows together and grows with you.\\\",\\\"sameAs\\\":[\\\"https://x.com/youmind_ai\\\",\\\"https://www.linkedin.com/company/mindbicycle\\\",\\\"https://www.youtube.com/@youmind_ai\\\"]},{\\\"@type\\\":\\\"WebSite\\\",\\\"@id\\\":\\\"https://youmind.com/#website\\\",\\\"url\\\":\\\"https://youmind.com\\\",\\\"name\\\":\\\"YouMind\\\",\\\"description\\\":\\\"Learn smarter. Create bolder.\\\",\\\"publisher\\\":{\\\"@id\\\":\\\"https://youmind.com/#organization\\\"}}]}\"}}],[\"$\",\"main\",null,{\"className\":\"flex flex-col min-h-screen overflow-x-clip marketing-body\",\"children\":[[\"$\",\"$L1f\",null,{\"variant\":\"glass\"}],[\"$\",\"div\",null,{\"className\":\"flex-grow bg-card\",\"children\":[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}],\"$L20\"]}]]\n5:[\"$\",\"html\",null,{\"lang\":\"th-TH\",\"suppressHydrationWarning\":true,\"className\":\"inter_1b545fac-module__b8QJrq__variable arvo_47c97b1b-module__gSbheq__variable cereal_d27b773e-module__vIeTSq__variable pacifico_2c68cb73-module__"])</script><script>self.__next_f.push([1,"2O2tPW__variable instrument_serif_e6807043-module__ZE2Y9q__variable bebas_neue_2462c9af-module__3UALqa__variable literata_a1f9e2d0-module__IX9Mva__variable jetbrains_mono_75b673cc-module__gh4UVG__variable font-sans\",\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"link\",null,{\"rel\":\"preconnect\",\"href\":\"https://cms-assets.youmind.com\",\"crossOrigin\":\"anonymous\"}],[\"$\",\"link\",null,{\"rel\":\"preconnect\",\"href\":\"https://marketing-assets.youmind.com\",\"crossOrigin\":\"anonymous\"}],[\"$\",\"link\",null,{\"rel\":\"preconnect\",\"href\":\"https://cdn.gooo.ai\",\"crossOrigin\":\"anonymous\"}],[\"$\",\"link\",null,{\"rel\":\"dns-prefetch\",\"href\":\"https://cdn.gooo.ai\"}],[\"$\",\"link\",null,{\"data-rh\":\"true\",\"rel\":\"apple-touch-icon\",\"href\":\"https://marketing-assets.youmind.com/logo-128.png\",\"sizes\":\"128x128\"}],[\"$\",\"link\",null,{\"data-rh\":\"true\",\"rel\":\"apple-touch-icon\",\"href\":\"https://marketing-assets.youmind.com/logo-96.png\",\"sizes\":\"96x96\"}],[\"$\",\"link\",null,{\"data-rh\":\"true\",\"rel\":\"apple-touch-icon\",\"href\":\"https://marketing-assets.youmind.com/logo-256.png\",\"sizes\":\"256x256\"}],[\"$\",\"link\",null,{\"data-rh\":\"true\",\"rel\":\"apple-touch-icon\",\"href\":\"https://marketing-assets.youmind.com/logo-512.png\",\"sizes\":\"512x512\"}],[[\"$\",\"$L21\",null,{\"id\":\"firstpromoter-init\",\"strategy\":\"lazyOnload\",\"dangerouslySetInnerHTML\":{\"__html\":\"\\n (function(w){\\n w.fpr=w.fpr||function(){\\n w.fpr.q = w.fpr.q||[];\\n w.fpr.q[arguments[0]=='set'?'unshift':'push'](arguments);\\n };\\n })(window);\\n fpr(\\\"init\\\", {cid:\\\"r3ldf8qa\\\"});\\n fpr(\\\"click\\\");\\n \"}}],[\"$\",\"$L21\",null,{\"src\":\"https://cdn.firstpromoter.com/fpr.js\",\"strategy\":\"lazyOnload\"}]],[[\"$\",\"$L21\",null,{\"src\":\"https://www.googletagmanager.com/gtag/js?id=G-EP3DKQTSZ9\",\"strategy\":\"lazyOnload\"}],[\"$\",\"$L21\",null,{\"id\":\"gtag-init\",\"strategy\":\"lazyOnload\",\"dangerouslySetInnerHTML\":{\"__html\":\"\\n window.dataLayer = window.dataLayer || [];\\n function gtag(){dataLayer.push(arguments);}\\n gtag('js', new Date());\\n gtag('config', 'G-EP3DKQTSZ9');\\n gtag('config', 'AW-9337236397');\\n \"}}]],[\"$\",\"style\",null,{\"children\":\".icon {\\n fill: currentColor;\\n overflow: hidden;\\n }\"}],[\"$\",\"$L21\",null,{\"src\":\"https://cdn.gooo.ai/assets/iconfont_icons.js\",\"strategy\":\"lazyOnload\"}]]}],[\"$\",\"body\",null,{\"translate\":\"no\",\"suppressHydrationWarning\":true,\"className\":\"bg-white text-foreground\",\"children\":[[\"$\",\"$L22\",null,{\"shadow\":false,\"color\":\"var(--primary)\",\"showSpinner\":false,\"height\":3,\"showForHashAnchor\":false}],[\"$\",\"$L23\",null,{\"children\":[\"$\",\"$L24\",null,{\"children\":[\"$\",\"$L25\",null,{\"attribute\":\"class\",\"defaultTheme\":\"light\",\"forcedTheme\":\"light\",\"enableSystem\":true,\"disableTransitionOnChange\":true,\"children\":\"$L26\"}]}]}]]}]]}]\n26:[\"$\",\"$L27\",null,{\"formats\":\"$undefined\",\"locale\":\"th-TH\",\"messages\":{\"LocaleLayout\":{\"title\":\"YouMind - เอเจนต์สร้างสรรค์ AI\",\"description\":\"YouMind เป็นเอเจนต์สร้างสรรค์นวัตกรรมที่ใช้พลังของ AI สร้างสรรค์เพื่อแปลงสื่อที่หลากหลายให้เป็นผลงานสร้างสรรค์ที่สร้างแรงบันดาลใจ\"},\"Footer\":{\"aiTools\":\"เครื่องมือ AI\",\"prompts\":\"พรอมต์\",\"nanoBanana2VsPro\":\"เปรียบเทียบ Nano Banana 2 กับ Pro\",\"youtubeTranscript\":\"ถอดความ YouTube\",\"youtubeSummary\":\"สรุป YouTube\",\"nanoBananaPrompts\":\"พรอมต์ Nano Banana Pro\",\"gptImage1_5Prompts\":\"พรอมต์ GPT Image 1.5\",\"seedream4_5Prompts\":\"พรอมต์ Seedream 4.5\",\"gemini3Prompts\":\"พรอมต์ Gemini 3 Pro\",\"seedance20Prompts\":\"พรอมต์ Seedance 2.0\",\"christmasCardPrompts\":\"พรอมต์การ์ดคริสต์"])</script><script>self.__next_f.push([1,"มาส\",\"product\":\"ผลิตภัณฑ์\",\"useCases\":\"กรณีการใช้งาน\",\"pricing\":\"ราคา\",\"blog\":\"บล็อก\",\"notebooklmAlternatives\":\"ทางเลือกอื่นของ NotebookLM\",\"updates\":\"อัปเดต\",\"company\":\"บริษัท\",\"contactUs\":\"ติดต่อเรา\",\"privacy\":\"ความเป็นส่วนตัว\",\"terms\":\"เงื่อนไข\",\"grokImaginePrompts\":\"Grok Imagine Prompts\",\"gptImage2Prompts\":\"พรอมต์ GPT Image 2\",\"gptImage2Slides\":\"สไลด์ GPT Image 2\",\"xViralArticlesTracking\":\"ติดตามบทความไวรัลบน 𝕏\"},\"Auth\":{\"Footnote\":{\"desc\":\"ด้วยการดำเนินการต่อ คุณยอมรับ \",\"terms\":\"เงื่อนไข\",\"privacy\":\"ความเป็นส่วนตัว\",\"cookie\":\"ประกาศคุกกี้\"},\"Login\":{\"title\":\"เข้าร่วม YouMind\",\"description\":\"\",\"action\":\"ดำเนินการต่อ\",\"actionLoading\":\"กำลังส่งอีเมล\",\"actionByOAuth\":\"ดำเนินการต่อด้วย {provider}\",\"authError\":\"การตรวจสอบสิทธิ์ล้มเหลว โปรดลองลงชื่อเข้าใช้อีกครั้ง\",\"form\":{\"email\":{\"label\":\"อีเมล\",\"invalid\":\"โปรดป้อนอีเมลที่ถูกต้อง\",\"placeholder\":\"ป้อนอีเมลของคุณ\",\"invalidWithInvite\":\"กรุณากรอกอีเมลที่ถูกต้อง\"},\"inviteCode\":{\"label\":\"รหัสเชิญ\",\"placeholder\":\"กรอกรหัสเชิญ (ไม่บังคับ)\",\"invalid\":\"รหัสเชิญไม่ถูกต้อง\"},\"turnstile\":{\"required\":\"กรุณาทำการยืนยันให้เสร็จสมบูรณ์\"}}},\"OTP\":{\"title\":\"ป้อนรหัส\",\"description\":\"เราได้ส่งอีเมลไปที่ {email}\",\"goBack\":\"ย้อนกลับ\",\"action\":\"ดำเนินการต่อ\",\"actionLoading\":\"กำลังตรวจสอบรหัส\",\"resend\":\"ส่งอีกครั้ง\",\"resending\":\"กำลังส่ง\",\"resendSuccess\":\"ส่งรหัสแล้ว\",\"form\":{\"token\":{\"label\":\"รหัส\",\"invalid\":\"โปรดป้อนรหัสที่ถูกต้อง\"},\"turnstile\":{\"required\":\"กรุณาทำการยืนยันให้เสร็จสมบูรณ์\"}}},\"Onboard\":{\"title\":\"เกือบเสร็จแล้ว!\",\"description\":\"เราควรเรียกคุณว่าอะไร?\",\"action\":\"ดำเนินการต่อ\",\"actionLoading\":\"กำลังจดจำชื่อของคุณ\",\"changeAccount\":\"เปลี่ยนบัญชี?\",\"form\":{\"name\":{\"label\":\"ชื่อ\",\"placeholder\":\"ป้อนชื่อของคุณ\",\"invalid\":\"โปรดป้อนชื่อ\"}}},\"Waiting\":{\"title\":\"ขอบคุณที่เข้าร่วมรายการรอของเรา\",\"description\":\"ยินดีที่ได้รู้จักคุณ {name} โปรดรอสักครู่!\",\"action\":\"เข้าร่วม Discord ของเรา\",\"logout\":\"ออกจากระบบ\"}},\"Credits\":{\"videoViews\":\"การดูวิดีโอ\",\"limitReached\":\"ถึงขีดจำกัดแล้ว\",\"unlockUnlimited\":\"ปลดล็อกการเข้าถึงไม่จำกัด\",\"upgradeDescription\":\"อัปเกรดเพื่อรับการดูวิดีโอไม่จำกัด\"},\"Header\":{\"overview\":\"ภาพรวม\",\"useCases\":\"กรณีการใช้งาน\",\"skills\":\"ทักษะ\",\"prompts\":\"พรอมต์\",\"nanoBananaPro\":\"Nano Banana Pro\",\"gptImage1_5\":\"GPT Image 1.5\",\"seedream4_5\":\"Seedream 4.5\",\"gemini3\":\"Gemini 3\",\"christmasCard\":\"การ์ดคริสต์"])</script><script>self.__next_f.push([1,"มาส\",\"pricing\":\"ราคา\",\"blog\":\"บล็อก\",\"notebooklmAlternatives\":\"ทางเลือกอื่นของ NotebookLM\",\"updates\":\"อัปเดต\",\"signIn\":\"ลงชื่อเข้าใช้\",\"signOut\":\"ออกจากระบบ\",\"openYouMind\":\"เปิด YouMind\",\"gptImage2\":\"GPT Image 2\",\"allPromptsBadge\":\"พรอมต์ภาพและวิดีโอฟรี {promptCount}\",\"allPromptsGroupImage\":\"ภาพ\",\"allPromptsGroupVideo\":\"วิดีโอ\",\"seedance2_0\":\"Seedance 2.0\",\"grokImagine\":\"Grok Imagine\"},\"Invite\":{\"metaTitle\":\"ชวนเพื่อนมาใช้ YouMind\",\"metaDescription\":\"ใช้รหัสเชิญของคุณเพื่อเข้าร่วม YouMind และปลดล็อกเครดิตโบนัส 200 เครดิต\"},\"Hero\":{\"title\":\"เรียนรู้อย่างชาญฉลาด\\nสร้างสรรค์อย่างกล้าหาญ\",\"description\":\"YouMind คือที่ที่การเรียนรู้พบกับการสร้างสรรค์ ใน YouMind คุณสามารถเรียนรู้ คิด และสร้างสรรค์กับตัวแทน AI ทุกอย่างเชื่อมต่อกันและเติบโตไปกับคุณ\",\"addToBrowser\":\"เพิ่มไปยัง {browserName}\",\"saveWhileBrowse\":\"บันทึกทุกอย่างขณะที่คุณเรียกดู\",\"downloadForIOS\":\"ดาวน์โหลดสำหรับ iOS\",\"aiAssistantPocket\":\"ผู้ช่วย AI ในกระเป๋าของคุณ\"},\"Pricing\":{\"metaTitle\":\"ราคา YouMind\",\"metaDescription\":\"YouMind เป็นเครื่องมือเขียน AI ที่ถูกจินตนาการใหม่ซึ่งพบคุณในที่ที่คุณคิด แปลงความคิดที่กระจัดกระจายของคุณให้เป็นงานเขียนที่สมบูรณ์และขัดเกลา\",\"upgradeYourPlan\":\"อัปเกรดแผนของคุณ\",\"chooseYourPlan\":\"เลือกแผนของคุณ\",\"multiModeSources\":{\"title\":\"แหล่งที่มาหลายโหมด\",\"description\":\"คุณสามารถบันทึกทุกอย่างด้วยการคลิกเพียงครั้งเดียว - วิดีโอ YouTube พอดแคสต์ เว็บเพจ เสียง PDF และรูปภาพ ฯลฯ\"},\"creativeBoards\":{\"title\":\"บอร์ดสร้างสรรค์\",\"description\":\"บอร์ดใน YouMind เป็นเครื่องมือจัดระเบียบที่เปลี่ยนความวุ่นวายให้เป็นโครงการที่เรียบร้อย ช่วยปรับปรุงขั้นตอนการทำงานของคุณ และแปลงไอเดียสร้างสรรค์ของคุณเป็นผลงานสุดท้าย\"},\"powerfulAI\":{\"title\":\"AI ที่ทรงพลัง\",\"description\":\"ขับเคลื่อนด้วยโมเดล AI ชั้นนำ เช่น OpenAI, Anthropic, Google และ DeepSeek คุณจะได้สัมผัสความสามารถ AI คุณภาพสูงอย่างสม่ำเสมอสำหรับการสร้างสรรค์ของคุณ\"},\"faq\":{\"title\":\"คำถามที่พบบ่อย\",\"questions\":{\"howToUse\":{\"question\":\"ฉันจะใช้ YouMind ได้อย่างไร?\",\"answer\":\"คุณสามารถรวบรวมข้อมูลโดยใช้ส่วนขยายเบราว์เซอร์ YouMind หรือแอปมือถือ และมีส่ว"])</script><script>self.__next_f.push([1,"นร่วมในการคิดลึกและการสร้างสรรค์โดยเข้าชม youmind.ai\"},\"isFree\":{\"question\":\"YouMind ฟรีหรือไม่?\",\"answer\":\"YouMind เสนอแผนฟรีที่ให้คุณเข้าถึงแพลตฟอร์มของเราอย่างเต็มที่พร้อมเครดิตการใช้งานที่รวมอยู่ เมื่อคุณสำรวจสิ่งที่ YouMind สามารถทำได้สำหรับคุณแล้ว มีแผนพรีเมียมพร้อมให้บริการเพื่อรองรับขีดจำกัดการใช้งานที่สูงขึ้นและคุณสมบัติขั้นสูง\"},\"howToPay\":{\"question\":\"จะชำระเงินสำหรับ YouMind ได้อย่างไร?\",\"answer\":\"คุณสามารถชำระเงินผ่าน Stripe โดยใช้บัตรเครดิต การชำระเงินผ่านมือถือ และวิธีอื่นๆ คุณสามารถชำระเงินรายเดือนหรือรายปี\"}}},\"blackFridayTitle\":\"Black Friday — ส่วนลด 50%\"},\"CampaignHeader\":{\"desktopText\":\"🎁 Black Friday พิเศษ: รับส่วนลด 50% ด้วยรหัส {code} สิ้นสุดวันที่ 12 ธันวาคม\",\"mobileText\":\"🎁 Black Friday · ส่วนลด 50% · สิ้นสุดวันที่ 12 ธันวาคม\",\"buttonText\":\"รับส่วนลด 50%\",\"alt\":{\"blackFriday\":\"Black Friday\",\"blackFriday50Off\":\"Black Friday ส่วนลด 50%\"}},\"Updates\":{\"metaTitle\":\"อัปเดต YouMind\",\"metaDescription\":\"อัปเดตและการปรับปรุงใหม่สำหรับ YouMind\",\"title\":\"อัปเดต\",\"description\":\"อ่านเกี่ยวกับคุณสมบัติผลิตภัณฑ์ โซลูชัน และอัปเดตล่าสุดของเรา\",\"loading\":\"กำลังโหลด...\",\"scrollForMore\":\"เลื่อนเพื่อดูเพิ่มเติม\",\"backToUpdates\":\"อัปเดต\"},\"Blog\":{\"metaTitle\":\"บล็อก YouMind\",\"metaDescription\":\"บทความ ข่าวสาร และประกาศล่าสุดจากทีม\",\"title\":\"บล็อก\",\"description\":\"อ่านเกี่ยวกับคุณสมบัติผลิตภัณฑ์ โซลูชัน และอัปเดตล่าสุดของเรา\",\"backToBlog\":\"บล็อก\",\"publishedOn\":\"เผยแพร่เมื่อ\",\"in\":\"ใน\",\"showMorePosts\":\"แสดงโพสต์เพิ่มเติม\",\"postNotFound\":\"ไม่พบบทความ\",\"postNotFoundDescription\":\"ไม่พบบทความที่ร้องขอ\",\"anonymous\":\"ไม่ระบุชื่อ\",\"relatedPosts\":\"บทความที่เกี่ยวข้อง\",\"cta\":{\"title\":\"มีคำถามเกี่ยวกับบทความนี้ไหม?\",\"button\":\"ถาม AI ฟรี\"},\"floating\":{\"placeholder\":\"บทความนี้มีข้อมูลเชิงลึกอะไรบ้าง?\",\"ask\":\"ถาม\",\"summarize\":\"สรุป\"},\"prompt\":{\"summarize\":\"ช่วยสรุปบทความนี้ให้หน่อย\",\"defaultAsk\":\"บทความนี้เกี่ยวกับอะไร?\"},\"contents\":\"สารบัญ\",\"writtenBy\":\"เขียนโดย\",\"reviewedBy\":\"ตรวจสอบโดย\"},\"UseCases\":{\"metaTitle\":\"กรณีการใช้งาน YouMind\",\"metaDescription\":\"ทีละขั้นตอน เปลี่ยน YouMind ให้เป็นผู้ช่วยที่ยอดเยี่ยมสำหรั"])</script><script>self.__next_f.push([1,"บการสร้างสรรค์ของคุณ\",\"title\":\"กรณีการใช้งาน\",\"description\":\"ดูว่าผู้ใช้สร้างสรรค์กับ YouMind ในโครงการจริงอย่างไร\",\"backToUseCases\":\"กรณีการใช้งาน\",\"publishedOn\":\"เผยแพร่เมื่อ\"},\"Common\":{\"all\":\"ทั้งหมด\",\"startForFree\":\"เริ่มต้นฟรี\",\"featured\":\"เด่น\",\"explore\":\"สำรวจ\",\"readMore\":\"อ่านเพิ่มเติม\",\"viewAll\":\"ดูทั้งหมด\",\"getStarted\":\"เริ่มต้น\",\"learnMore\":\"เรียนรู้เพิ่มเติม\",\"loading\":\"กำลังโหลด...\",\"noAvailableCases\":\"ไม่มีกรณีการใช้งาน\",\"exploreMoreUseCases\":\"สำรวจกรณีการใช้งานเพิ่มเติม\"},\"PromptFilter\":{\"all\":\"ทั้งหมด\",\"filterButton\":\"กรอง\",\"dialogTitle\":\"กรอง\",\"clearAll\":\"ล้างทั้งหมด\",\"confirm\":\"ยืนยัน\",\"noCategories\":\"ไม่มีหมวดหมู่\",\"sortButton\":\"เรียงลำดับ\",\"sortAsc\":\"น้อยไปมาก\",\"sortDesc\":\"มากไปน้อย\",\"sortTime\":\"เวลา\",\"sortLikes\":\"ถูกใจ\",\"sortComments\":\"ความคิดเห็น\",\"sortReposts\":\"รีโพสต์\",\"sortViews\":\"การดู\",\"sortBookmarks\":\"บุ๊กมาร์ก\",\"clearSort\":\"ล้างการเรียงลำดับ\",\"xViralCovers\":\"ปกบทความ 𝕏\"},\"Testimonials\":{\"title\":\"ผู้คนพูดถึงอะไร\"},\"Posts\":{\"title\":\"เรียนรู้เพิ่มเติมเกี่ยวกับ YouMind\"},\"UseCasesComponent\":{\"title\":\"กรณีการใช้งาน\",\"description\":\"ดูว่าผู้ใช้สร้างสรรค์กับ YouMind ในโครงการจริงอย่างไร\"},\"NewFeatures\":{\"mainTitle\":\"เอเจนต์ AI การเรียนรู้\\nและสร้างสรรค์ที่\\nปรับแต่งได้ #1\",\"card1Title\":\"บันทึกทุกอย่างจากทุกที่\",\"card1Description\":\"แรงบันดาลใจอยู่ทุกที่ นอกเหนือจากการอัปโหลดไฟล์ YouMind ช่วยให้คุณจับภาพไอเดียและบันทึกสื่อผ่านส่วนขยายเบราว์เซอร์หรือแอป iOS\\n\\nรองรับ PDF เว็บเพจ วิดีโอ YouTube พอดแคสต์ การบันทึกเสียง เอกสาร Office และอื่นๆ อีกมากมาย\",\"card2Title\":\"ข้อมูลเชิงลึกของคุณ ไม่ใช่แค่จาก AI\",\"card2Description\":\"เครื่องมือ AI ส่วนใหญ่สร้างข้อมูลเชิงลึกเหมือนกันสำหรับทุกคน YouMind แตกต่าง มันเรียนรู้จากส่วนที่คุณเน้น จดบันทึก และใส่คำอธิบายขณะที่คุณอ่าน ดู หรือฟัง\\n\\nโดยการเรียนรู้วิธีที่คุณสำรวจและคิด YouMind สร้างข้อมูลเชิงลึกที่สะท้อนตัวคุณจริงๆ\",\"card3Title\":\"การสร้างเป็นเพียงจุดเริ่มต้น\",\"card3Description\":\"เครื่องมือ AI ส่วนใหญ่หยุดที่การสร้าง ใน YouMind รายงาน AI ทุกรายงานเปิดเป็นเอกสารที่แก้ไขได้อย่างเต็"])</script><script>self.__next_f.push([1,"มที่ คุณสามารถตรวจทาน เขียนใหม่ และปรับแต่งงานของคุณได้อย่างอิสระ เปลี่ยนผลลัพธ์ที่รวดเร็วให้เป็นผลงานสร้างสรรค์ระยะยาว\",\"card4Title\":\"ทุกอย่างเชื่อมต่อกันในพื้นที่เดียว\",\"card4Description\":\"ทุกอย่างใน YouMind ทำงานร่วมกันได้อย่างราบรื่น จากการบันทึกสื่อและรวบรวมข้อมูลเชิงลึกไปจนถึงการสร้างสรรค์ระยะยาว คุณสามารถเรียนรู้ คิด และสร้างสรรค์ในพื้นที่เชื่อมต่อเดียวโดยไม่ต้องสลับเครื่องมือ\"},\"ICP\":{\"title\":\"ผู้คนใช้ YouMind \\nอย่างไร\",\"creator\":{\"title\":\"สำหรับผู้สร้างสรรค์\",\"description\":\"การเปลี่ยนไอเดียและสื่อที่กระจัดกระจายให้เป็นเรื่องราวที่มีความหมายอาจทำให้ท้อใจ YouMind ช่วยคุณค้นพบธีมที่ซ่อนอยู่ เชื่อมโยงไอเดีย และกำหนดข้อมูลเชิงลึกของคุณให้เป็นงานที่รอบคอบและได้รับการสนับสนุนอย่างดีที่คุณภูมิใจที่จะแบ่งปัน ในทุกขั้นตอนของการสร้างสรรค์ YouMind สนับสนุนคุณ\",\"caption\":\"สร้างสรรค์ด้วยความมั่นใจ\"},\"researcher\":{\"title\":\"สำหรับนักวิจัย\",\"description\":\"การกลั่นกรองข้อมูลเชิงลึกหลักจากกองแหล่งที่มาต้องใช้เวลาและการมุ่งเน้น YouMind รวบรวมทุกอย่างเข้าด้วยกัน สังเคราะห์ผลการค้นพบของคุณเป็นรายงานและบทสรุปที่ชัดเจนและน่าเชื่อถือ นอกจากนี้ยังทำให้ง่ายต่อการปรับงานของคุณให้เหมาะกับผู้ชมที่กว้างขึ้น จากห้องประชุมไปจนถึงโซเชียลมีเดีย\",\"caption\":\"นำเสนอด้วยอิทธิพล\"},\"student\":{\"title\":\"สำหรับนักเรียน\",\"description\":\"การเผชิญหน้ากับการอ่านที่ไม่สิ้นสุดและสื่อที่หนาแน่นอาจทำให้หมดแรง YouMind เปลี่ยนสื่อที่ซับซ้อนให้เป็นข้อมูลเชิงลึกที่ชัดเจน เปลี่ยนข้อความที่หนักหน่วงให้เป็นตัวอย่าง บันทึก และภาพที่น่าสนใจ จากการวิจัยไปจนถึงการเขียน ทุกอย่างเชื่อมต่อกันในพื้นที่ทำงานที่มุ่งเน้น\",\"caption\":\"เรียนรู้ได้ง่าย\"}},\"Contact\":{\"title\":\"เข้าร่วมชุมชนของเรา\",\"discord\":{\"title\":\"Discord\",\"description\":\"ค้นหาเ"])</script><script>self.__next_f.push([1,"คล็ดลับและคนที่มีความคิดเหมือนกัน\"},\"x\":{\"title\":\"@YouMind_AI\",\"description\":\"ติดตามอัปเดตและเทรนด์สร้างสรรค์\"},\"email\":{\"title\":\"อีเมล\",\"description\":\"แบ่งปันความคิดเห็นของคุณโดยตรงกับเรา\"}},\"PrivacyFirst\":{\"title\":\"ความเป็นส่วนตัวเป็นอันดับแรก เสมอ\",\"description\":\"YouMind ไม่ใช้ข้อมูลส่วนบุคคลของคุณ รวมถึงการอัปโหลดแหล่งที่มา การสอบถาม และการตอบสนองจากโมเดลเพื่อการฝึกอบรม\"},\"Toast\":{\"savingToYouMind\":\"กำลังบันทึกลง YouMind...\"},\"VideoTools\":{\"openInYouMind\":\"เปิดใน YouMind\",\"saveToYouMind\":\"บันทึกไปที่ YouMind\",\"copied\":\"คัดลอกแล้ว!\",\"copyContent\":\"คัดลอกเนื้อหา\",\"Examples\":{\"title\":\"ตัวอย่าง\"},\"SearchBlock\":{\"errorInvalidUrl\":\"โปรดป้อน URL YouTube ที่ถูกต้อง\",\"errorShortsNotSupported\":\"ไม่รองรับ YouTube Shorts โปรดใช้ URL วิดีโอ YouTube ปกติ\",\"upgradeMessageDefault\":\"ถึงขีดจำกัดการใช้งานแล้ว\",\"upgradeMessageRecordFailed\":\"ไม่สามารถบันทึกการเข้าถึงวิดีโอได้ โปรดลองอีกครั้งหรืออัปเกรดบัญชีของคุณ\"},\"Extension\":{\"description\":\"เบื่อกับการคัดลอกลิงก์? รับส่วนขยายเบราว์เซอร์แทน!\",\"buttonText\":\"เพิ่มไปยังเบราว์เซอร์เพื่อรับถอดความวิดีโอทันที\"},\"UpgradeModal\":{\"title\":\"ลงชื่อเข้าใช้ YouMind เพื่อปลดล็อกคุณสมบัติ AI ทั้งหมด\",\"signInButton\":\"ลงชื่อเข้าใช้\",\"termsNotice\":\"ด้วยการดำเนินการต่อ คุณยอมรับ {terms}, {privacy}\",\"terms\":\"เงื่อนไข\",\"privacy\":\"ความเป็นส่วนตัว\"},\"SummaryView\":{\"generating\":\"กำลังสร้างสรุป...\",\"noSummary\":\"ไม่มีสรุป\"},\"WatchPage\":{\"tabs\":{\"summary\":\"สรุป\",\"transcript\":\"ถอดความ\",\"aiChat\":\"แชท AI\"},\"transcriptView\":{\"lineView\":\"มุมมองบรรทัด\",\"chapterView\":\"มุมมองบท\"},\"back\":\"ย้อนกลับ\",\"openInYouMind\":\"เปิดใน YouMind\",\"extensionCard\":{\"title\":\"วิดีโอยาว เวลาน้อย?\",\"subtitle\":\"รับสาระสำคัญทันที\",\"feature1\":\"รับสาระสำคัญในไม่กี่วินาที\",\"feature2\":\"ถอดความในภาษามากกว่า 60 ภาษา\",\"feature3\":\"นำทางด้วยการประทับเวลา\",\"feature4\":\"เปลี่ยนวิดีโอยาวเป็นบล็อก 3 นาที\",\"cta\":\"เพิ่มไปยัง Chrome ตอนนี้\"}},\"AIChatView\":{\"greeting\":\"สวัสดี ฉันคือผู้ช่วย AI ของคุณ\",\"description\":\"ผู้ช่วย AI ส่วนตัวของคุณพร้อมแล้ว—ถามฉันอะไรก็ได้เกี่ยวกับไฟล์นี้และปลดล็อคความมหัศจรรย์ของ YouMind AI ตอนนี้เลย!\",\"suggestion1\":\"แยกประเด็นสำคัญ 5 ประเด็น\",\"suggestion2\":\"เนื้อหา"])</script><script>self.__next_f.push([1,"นี้ให้ข้อมูลเชิงลึกอะไรบ้าง?\",\"suggestion3\":\"แสดงรายการคำสำคัญ 5 คำและอธิบายความหมาย\",\"ctaButton\":\"แชท AI ใน YouMind\"}},\"DownloadExtension\":{\"title\":\"ติดตั้งส่วนขยายเบราว์เซอร์\",\"description\":\"เพื่อสรุปและบันทึกทุกอย่างด้วย YouMind ให้ติดตั้งส่วนขยายเบราว์เซอร์ของเรา\",\"startNow\":\"เริ่มตอนนี้\",\"getExtension\":\"รับส่วนขยาย\"},\"Legal\":{\"Privacy\":{\"metaTitle\":\"นโยบายความเป็นส่วนตัว - YouMind\"},\"Terms\":{\"metaTitle\":\"เงื่อนไขการให้บริการ - YouMind\"}},\"VideoToolsConfig\":{\"searchPlaceholder\":\"วางลิงก์วิดีโอ YouTube\",\"buttonTextTranscript\":\"สร้าง\",\"buttonTextSummary\":\"สรุป\",\"userGuide\":{\"titleTranscript\":\"วิธีใช้ตัวสร้างถอดความ YouTube ของ YouMind\",\"titleSummary\":\"วิธีใช้เครื่องมือสรุป YouTube ของ YouMind\",\"step1\":{\"title\":\"วางลิงก์วิดีโอ YouTube ของคุณ\",\"descriptionTranscript\":\"เพียงคัดลอก URL ของวิดีโอ YouTube ที่คุณต้องการถอดความและวางลงใน YouMind\",\"descriptionSummary\":\"เพียงคัดลอก URL ของวิดีโอ YouTube ที่คุณต้องการสรุปและวางลงใน YouMind เพื่อเริ่มต้น\"},\"step2\":{\"titleTranscript\":\"คลิก \\\"สร้าง\\\" เพื่อรับถอดความ\",\"titleSummary\":\"สร้างสรุป AI ของคุณ\",\"descriptionTranscript\":\"คลิก \\\"สร้าง\\\" เพื่อแยกถอดความจากวิดีโอ YouTube\",\"descriptionSummary\":\"คลิก \\\"สร้าง\\\" และ AI ของเราจะประมวลผลเนื้อหาวิดีโอเพื่อสร้างสรุปที่กระชับและแม่นยำสำหรับคุณ\"},\"step3\":{\"titleTranscript\":\"แปล ดาวน์โหลด หรือแชทกับ AI\",\"titleSummary\":\"ลงลึก แปล หรือดาวน์โหลด\",\"descriptionTranscript\":\"คุณสามารถดาวน์โหลดถอดความ แปลเป็นภาษาอื่น หรือใช้ AI ของเราเพื่อรับสรุปอย่างรวดเร็วหรือถามคำถาม\",\"descriptionSummary\":\"ใช้สรุปที่สร้างโดย AI ของคุณทันที สำหรับรายละเอียดเพิ่มเติม คุณยังสามารถเข้าถึงถอดความเต็ม แปลข้อความใดก็ได้ หรือแชทกับ AI ของเราเพื่อถามคำถามเฉพาะเกี่ยวกับเนื้อหาวิดีโอ\"}},\"featDescBoxes\":{\"titleTranscript\":\"ทำไมต้องเลือกตัวสร้างถอดความ YouTube ของ YouMind\",\"titleSummary\":\"ทำไมต้องเลือกเครื่องมือสรุป YouTube ของ YouMind\"},\"useCases\":{\"titleTranscript\":\"กรณีการใช้งานถอดความ YouTube\",\"titleSummary\":\"กรณีการใช้งานสรุป YouTube\"},\"testimonials\":{\"title\":\"ผู้ใช้ของเราพูดถึงอะไร\"},\"faq\":{\"title\":\"คำถามที่พบบ่อย\"}},\"NanoBananaProPrompts\":{\"page\":{\"title\":\"คลังพรอมต์ Nano Banana Pro "])</script><script>self.__next_f.push([1,"ฟรีที่ใหญ่ที่สุดในโลก อัปเดตต่อเนื่อง - YouMind\",\"description\":\"ค้นพบคอลเลกชันที่คัดสรรมาอย่างดีของพรอมต์คุณภาพสูงสำหรับการสร้างภาพ AI Nano Banana Pro\",\"headerTitle\":\"Nano Banana Pro\",\"headerPrompts\":\"พรอมต์\",\"headerDescription\":\"คอลเลกชันที่คัดสรรมาอย่างดีของพรอมต์ระดับสูงสำหรับ {brand}\",\"headerTagline\":\"ขโมยมันเหมือนศิลปิน\",\"freshPrompts\":\"พรอมต์\",\"total\":\"ทั้งหมด\",\"updating\":\"กำลังอัปเดต\",\"dailyUpdateText\":\"อัปเดตทุกวัน\",\"rssSubscribeText\":\"อัปเดตพรอมต์ทุกวัน สมัครรับ RSS ตอนนี้\",\"subscribe\":\"สมัครรับ\",\"christmasBanner\":\"พรอมต์ Nano Banana Pro สำหรับการ์ดคริสต์มาส\",\"downloadTitle\":\"ดาวน์โหลดพรอมต์\",\"campaign\":{\"modelArena\":{\"desktop\":\"Nano Banana 2 VS Pro ใครชนะ? เปรียบเทียบ 100 พรอมต์ชั้นนำ\",\"mobile\":\"Nano Banana 2 VS Pro ใครชนะ?\"},\"seedance20\":{\"desktop\":\"พรอมต์วิดีโอ Seedance 2.0 ที่คัดสรร — อัปเดตทุกวัน\",\"mobile\":\"พรอมต์ Seedance 2.0 หลายร้อยรายการ\"}},\"submitPrompt\":\"ส่งพรอมต์\",\"ogImageAlt\":\"Nano Banana Pro พรอมต์\"},\"searchBar\":{\"placeholder\":\"ค้นหาพรอมต์/หัวข้อ/คำอธิบาย/ผู้เขียน...\",\"filterAll\":\"ทั้งหมด\",\"filterVideo\":\"วิดีโอ\",\"filterImage\":\"ภาพ\",\"promoLabel\":\"ตัวเลือกที่ดีกว่า\",\"promoTitle\":\"Agent ทักษะ ช่วยคุณค้นหาอย่างชาญฉลาด\",\"promoButton\":\"ลองใช้\",\"promoQuestion\":\"คุณกำลังมองหา prompt อะไร?\",\"promoDescription\":\"ฉันสามารถจับคู่ prompt อย่างชาญฉลาดตามความต้องการของคุณ\",\"promoPrompt\":\"เรียกใช้เครื่องมือ find-prompt แนะนำ prompt การสร้างภาพให้ฉัน และถามความต้องการเฉพาะของฉันก่อน\",\"searchModePrompt\":\"พรอมต์\",\"searchModeAuthor\":\"ผู้เขียน\",\"placeholderPrompt\":\"ค้นหาพรอมต์...\",\"placeholderAuthor\":\"ค้นหาผู้เขียน...\",\"modelSlug\":\"nano-banana-pro\"},\"categories\":{\"all\":\"ทั้งหมด\"},\"promptCard\":{\"tabPrompt\":\"พรอมต์\",\"tabOriginal\":\"ต้นฉบับ\",\"by\":\"โดย\",\"promptHeader\":\"พรอมต์\",\"translateButton\":\"แปล\",\"beforeTranslation\":\"ต้นฉบับ\",\"originalButton\":\"EN\",\"chineseButton\":\"中文\",\"showOriginal\":\"แสดงต้นฉบับ\",\"showTranslation\":\"แสดงการแปล\",\"copy\":\"คัดลอก\",\"copied\":\"คัดลอกแล้ว\",\"share\":\"แชร์\",\"linkCopied\":\"คัดลอกลิงก์แล้ว\",\"tryItNow\":\"ลองเลย\",\"installOnYouMind\":\"ติดตั้งบน YouMind\",\"aiShortcut\":\"ทางลัด AI\",\"install\":\"ติดตั้ง\",\"aiSkill\":\"AI ทักษะ\",\"tryInYouMind\":\"ลองใน YouMind\",\"tryIt\":\"ลอง\",\"featured\":\"แนะนำ\",\"save\":\"บันทึก\",\"savePromptTitle\":\"บันทึก prompt\",\"savePromptSubtitle\":\"เข้าถึงได้ทุกที่ทุกเวลา\",\"savingPrompt\":\"กำลังบันทึก...\",\"viewOtherModelResults\":\"ดูผลลัพธ์จากโมเดลอื่น\",\"referenceImages\":\""])</script><script>self.__next_f.push([1,"ภาพอ้างอิง\",\"viewFullPrompt\":\"ดูพรอมต์ฉบับเต็ม\"},\"faq\":{\"title\":\"คำถามที่พบบ่อย\",\"q0\":\"Nano Banana Pro คืออะไร?\",\"a0\":\"Nano Banana Pro เป็นโมเดล AI แบบมัลติโมดัลล่าสุดของ Google ที่มีคุณสมบัติการทำความเข้าใจแบบมัลติโมดัล (ข้อความ ภาพ และวิดีโอ) การสร้างคุณภาพสูงตั้งแต่สไตล์เหมือนจริงไปจนถึงศิลปะ การวนซ้ำอย่างรวดเร็วพร้อมการแก้ไขและรูปแบบที่รวดเร็ว สไตล์ที่หลากหลายตั้งแต่พิกเซลอาร์ตไปจนถึงภาพวาดสีน้ำมัน การควบคุมองค์ประกอบและการจัดแสงที่แม่นยำ และการเรนเดอร์ฉากที่ซับซ้อนแบบหลายวัตถุและหลายตัวละคร\",\"q1\":\"ทางลัดเหล่านี้มาจากไหน?\",\"a1\":\"คัดเลือกจากแหล่งข้อมูลสาธารณะของ Twitter/𝕏 เป็นหลัก หากคุณเป็นผู้เขียนและไม่ต้องการให้แสดงที่นี่ กรุณาติดต่อเรา เราจะลบออกทันที\",\"q2\":\"ฉันจะใช้พรอมต์เหล่านี้ได้อย่างไร?\",\"a2\":\"ปัจจุบันคุณต้องคัดลอกพรอมต์และตามคำอธิบายของพรอมต์ ใช้ใน YouMind โดยเลือกโมเดลสร้างภาพ Nano Banana Pro ในอนาคตจะรวมเข้ากับฟังก์ชันของ YouMind ได้ดีขึ้นสำหรับการใช้งานแบบคลิกเดียว\",\"q3\":\"ทางลัด AI คืออะไร?\",\"a3\":\"รวบรวมแนวทางปฏิบัติที่ดีที่สุดในการสร้างเนื้อหาและการเรียนรู้ของคุณใน YouMind Shortcuts และคุณสามารถสร้างแบบคลิกเดียวตามวัสดุที่คุณรวบรวมและร่างที่คุณเขียน เช่น สร้างบทความบล็อกจากวิดีโอ YouTube ที่บันทึกไว้ หรือดึงคำพูดสำคัญจากเนื้อหาบล็อก\",\"q4\":\"มีกรณีการใช้งานอื่นๆ อีกไหม?\",\"a4\":\"คุณสามารถดูกรณีที่คัดสรรเพิ่มเติมของ Nano Banana Pro ในบทความบล็อกนี้: \u003clink\u003e{title}\u003c/link\u003e\"},\"blogCard\":{\"tab\":\"บล็อก\",\"cta\":\"สำรวจกรณีเพิ่มเติม\"},\"imageCarousel\":{\"preview\":\"ตัวอย่าง\",\"previewImage\":\"ตัวอย่างภาพ\",\"goToSlide\":\"ไปที่สไลด์ {index}\"},\"emptyState\":{\"noPromptsFound\":\"ไม่พบพรอมต์\",\"trySearchingElse\":\"ลองค้นหาอย่างอื่น\",\"tryTheseShortcuts\":\"ลองใช้ทางลัด AI เหล่านี้แทน\",\"discoverFeaturedTools\":\"ค้นพบเครื่องมือแนะนำที่สามารถช่วยคุณสร้างเนื้อหาที่ยอดเยี่ยม\",\"viewAllShortcuts\":\"ดูทางลัดทั้งหมด\",\"tryTheseSkills\":\"ล"])</script><script>self.__next_f.push([1,"องใช้ทักษะ AI เหล่านี้แทน\",\"viewAllSkills\":\"ดูทักษะทั้งหมด\"},\"footerCTA\":{\"readyToCreate\":\"พร้อมสร้างด้วย\",\"nanoBanana\":\"Nano Banana แล้วหรือยัง?\",\"experiencePower\":\"สัมผัสความสามารถอันทรงพลังของ Nano Banana Pro\",\"freeLimitedTime\":\"ปล่อยจินตนาการของคุณให้โบยบิน\",\"startGenerating\":\"เริ่มสร้าง\"},\"tweetModal\":{\"loadingTweet\":\"กำลังโหลดทวีต...\"},\"loadMore\":{\"loading\":\"กำลังโหลดเพิ่มเติม...\",\"viewAll\":\"ดูพรอมต์ทั้งหมด\"},\"generator\":{\"placeholder\":\"อธิบายภาพที่คุณต้องการสร้าง... (เช่น เมืองไซเบอร์พังก์ยามค่ำคืน)\",\"generate\":\"สร้าง\",\"clearPrompt\":\"ล้างพรอมต์\",\"exitParamMode\":\"ออกจากโหมดพารามิเตอร์\",\"randomPrompt\":\"พรอมต์แบบสุ่ม\",\"random\":\"สุ่ม\",\"image\":\"รูปภาพ\",\"uploadImage\":\"อัปโหลดรูปภาพอ้างอิง\",\"uploadingImages\":\"กำลังอัปโหลดรูปภาพ...\",\"uploadFailed\":\"อัปโหลดรูปภาพล้มเหลว กรุณาลองอีกครั้ง\",\"pleaseUploadReferenceImages\":\"คำสั่งนี้ต้องการรูปภาพอ้างอิง กรุณาเพิ่มรูปภาพก่อน\",\"aspectRatio\":{\"auto\":\"อัตโนมัติ\",\"square\":\"1:1\",\"landscape\":\"16:9\",\"portrait\":\"9:16\"},\"settings\":\"ตั้งค่า\",\"aspectRatioLabel\":\"อัตราส่วนภาพ\"},\"common\":{\"openSourceLink\":\"เปิดลิงก์ต้นฉบับ\",\"editInCMS\":\"แก้ไขใน CMS\"},\"loginPromotionDialog\":{\"title\":\"เข้าสู่ระบบเพื่อใช้งานฟรี\",\"subtitle\":\"สัมผัสความสามารถอันทรงพลังของ Nano Banana Pro\",\"benefit1\":\"{credits} เครดิตต่อวัน\",\"benefit2\":\"รองรับ Gemini 3.0 Pro, Nano Banana Pro, Claude Opus 4.6 และโมเดลอื่นๆ\",\"benefit3\":\"เลือกวัสดุ AI สร้างร่างที่มีโครงสร้างทันที แก้ไขไม่กี่ประโยคและเผยแพร่\",\"benefit4\":\"เพิ่มหมายเหตุวิดีโอ / พอดคาสต์ / บทความระหว่างทาง AI สร้างบันทึกและสรุปด้วยคลิกเดียว\",\"benefit5\":\"ไม่กี่ประโยคกับหนึ่งลิงก์ สร้าง\u003cslides\u003eสไลด์ที่ส่งมอบได้ทันที\u003c/slides\u003e\",\"loginButton\":\"เข้าสู่ระบบตอนนี้\",\"loginRequired\":\"ต้องเข้าสู่ระบบ\",\"close\":\"ปิด\",\"footerText\":\"เพลิดเพลินไปกับภาพประกอบที่สวยงามบนเว็บไซต์ของเรา 😉\"},\"downloadDialog\":{\"title\":\"ดาวน์โหลดฟรี {total} พรอมต์\",\"subtitle\":\"คอลเลกชันพรอมต์ AI คุณภาพสูงเพื่อเพิ่มพลังความคิดสร้างสรรค์ของคุณ\",\"useCasesTitle\":\"คุณสามารถใช้เพื่อ:\",\"useCase1\":\"ค้นหาพรอมต์ด้วย AI\",\"useCase2\":\"สร้างเนื้อหา\",\"useCase3\":\"เติมเชื้อเพลิงให้กับ Agent ทักษะ ของคุณ\",\"useCase4\":\"และอื่นๆ อีกมากมายให้สำรวจ...\",\"shareReques"])</script><script>self.__next_f.push([1,"t\":\"เราใช้เวลาหลายร้อยชั่วโมงในการสร้างเว็บไซต์นี้ หากคุณชอบโปรดแชร์ประสบการณ์ของคุณบนโซเชียลมีเดีย เราจะขอบคุณจริงๆ!\",\"shareRequestWithHeart\":\"เราใช้เวลาหลายร้อยชั่วโมงในการสร้างเว็บไซต์นี้ หากคุณพบว่ามีประโยชน์ โปรดแชร์ให้เพื่อนๆ ด้วยนะ! ❤️\",\"shareRequestNote\":\"คุณยังสามารถดาวน์โหลดได้แม้ปฏิเสธ\",\"beforeYouGo\":\"ก่อนที่คุณจะดำเนินการต่อ\",\"declineButton\":\"ไม่ ขอบคุณ\",\"acceptButton\":\"ได้เลย!\",\"shareTitle\":\"แชร์กับเพื่อน\",\"shareSubtitle\":\"ช่วยให้คนอื่นๆ ค้นพบ prompt ที่ยอดเยี่ยมเหล่านี้\",\"shareTextLabel\":\"ข้อความแชร์\",\"shareTextPlaceholder\":\"ป้อนข้อความแชร์ของคุณที่นี่...\",\"generateShareText\":\"AI สร้าง\",\"generatingShareText\":\"กำลังสร้าง...\",\"remaining\":\"เหลือ\",\"rateLimitExceeded\":\"ถึงขีดจำกัดรายวันแล้ว ลองใหม่อีกครั้งพรุ่งนี้!\",\"generationFailed\":\"การสร้างล้มเหลว โปรดลองอีกครั้ง\",\"copyToClipboard\":\"คัดลอกไปยังคลิปบอร์ด\",\"copied\":\"คัดลอกแล้ว!\",\"shareOnTwitter\":\"แชร์บน X\",\"shareOnLinkedIn\":\"แชร์บน LinkedIn\",\"shareOnThreads\":\"แชร์บน Threads\",\"shareOnWhatsApp\":\"แชร์บน WhatsApp\",\"defaultShareText\":\"เว็บไซต์นี้มี Nano Banana Pro prompt คัดสรร {total} รายการแปลเป็น {languageNum} ภาษา จัดหมวดหมู่ตามกรณีการใช้งานเช่น อินโฟกราฟิกและโปสเตอร์ ที่ดีที่สุดคือคุณสามารถดาวน์โหลด prompt ทั้งหมดได้ในคลิกเดียว! ลองเลย\",\"loginRequiredTitle\":\"ต้องเข้าสู่ระบบ\",\"loginRequired\":\"เพื่อป้องกันการละเมิด กรุณาเข้าสู่ระบบเพื่อดาวน์โหลด\",\"downloadButton\":\"ดาวน์โหลด CSV\",\"download\":\"ดาวน์โหลด\",\"downloading\":\"กำลังดาวน์โหลด...\",\"downloadError\":\"ดาวน์โหลดล้มเหลว กรุณาลองอีกครั้งในภายหลัง\",\"loginButton\":\"เข้าสู่ระบบเพื่อดาวน์โหลด\",\"close\":\"ปิด\",\"copyForInstagram\":\"คัดลอกสำหรับ Instagram\"}},\"Seedance20VideoPrompts\":{\"page\":{\"title\":\"Seedance 2.0 Video Prompts - High-Signal AI Video Prompt Library - YouMind\",\"description\":\"รวมพรอมป์ตวิดีโอ Seedance 2.0 แบบคัดสรรหลายร้อยรายการ โดยแต่ละรายการดูผลลัพธ์ที่สร้างแล้วได้ออนไลน์ ครอบคลุมข้อความเป็นวิดีโอ, ภาพเป็นวิดีโอ, แอนิเมชันตัวละคร และอีกหลายสถานการณ์ พร้อมระบบแนะนำด้วย AI และการค้นหาหลายภาษา อัปเดตรายวัน ใช้งานฟรี\",\"badge\":\"Video Prompt Lab\","])</script><script>self.__next_f.push([1,"\"headerTitle\":\"Seedance 2.0 Prompts\",\"headerDescription\":\"High-signal prompt cases for Seedance 2.0. Scroll the wall, watch the clip, then open the prompt details only when you need them.\",\"total\":\"ทั้งหมด\",\"autoPlay\":\"Auto-play in viewport\",\"headerTitleLine1\":\"Seedance 2.0\",\"headerTitleLine2\":\"Prompts\",\"copyright\":\"YouMind. All Rights Reserved.\",\"viewAll\":\"ดูทั้งหมด\",\"dailyUpdating\":\"อัปเดตทุกวัน\",\"downloadShareText\":\"เว็บไซต์นี้รวบรวมพรอมต์ Seedance 2.0 ที่คัดสรรแล้วจำนวน {total} รายการ แปลเป็น {languageNum} ภาษา และรองรับการค้นหาด้วย AI ที่ดียิ่งกว่านั้นคือคุณสามารถดาวน์โหลดพรอมต์ทั้งหมดได้ในคลิกเดียว ลองเลย!\",\"crossPromoBadge\":\"สำรวจ 20,000+ พรอมต์ Nano Banana Pro\",\"crossPromoBadgeMobile\":\"20,000+ พรอมต์ Nano Banana Pro\",\"benefit2Suffix\":\"\",\"freshPrompts\":\"พรอมต์\",\"downloadTitle\":\"ดาวน์โหลดพรอมต์\",\"submitPrompt\":\"ส่งพรอมต์\",\"ogImageAlt\":\"Seedance 2.0 พรอมต์\"},\"search\":{\"placeholder\":\"ค้นหาพรอมต์ ฉาก สไตล์ หรือครีเอเตอร์...\",\"clear\":\"Clear search\",\"submit\":\"ค้นหา\",\"placeholderShort\":\"ค้นหาพรอมต์\"},\"card\":{\"by\":\"By\",\"unknownAuthor\":\"Unknown\",\"viewPrompt\":\"View Prompt\",\"hidePrompt\":\"Hide Prompt\",\"copyPrompt\":\"Copy Prompt\",\"copied\":\"Copied\",\"author\":\"Author\",\"source\":\"Source\",\"prompt\":\"Prompt\",\"translateButton\":\"แปล\",\"beforeTranslation\":\"ต้นฉบับ\",\"showOriginal\":\"แสดงต้นฉบับ\",\"showTranslation\":\"แสดงคำแปล\",\"fullScreen\":\"เต็มจอ\",\"viewDetails\":\"ดูรายละเอียด\",\"video\":\"วิดีโอ\",\"referenceImages\":\"ภาพอ้างอิง\",\"share\":\"แชร์\",\"linkCopied\":\"คัดลอกลิงก์แล้ว!\",\"featured\":\"เด่น\",\"tryItNow\":\"ลองใช้เลย\",\"promptHeader\":\"พรอมต์\",\"viewFullPrompt\":\"ดูพรอมต์ฉบับเต็ม\"},\"empty\":{\"title\":\"No video prompts found\",\"description\":\"Try a different keyword and explore more Seedance 2.0 clips.\",\"aiSearch\":\"AI ค้นหา\"},\"loadMore\":{\"loading\":\"Loading more videos...\"},\"faq\":{\"title\":\"คำถามที่พบบ่อย\",\"q0\":\"Seedance 2.0 คืออะไร?\",\"a0\":\"Seedance 2.0 เป็นโมเดลสร้างวิดีโอ AI ล่าสุดของ ByteDance ที่ให้คุณภาพระดับภาพยนตร์ด้วยคลิปสูงสุด 8 วินาทีที่ความละเอียด 1080p ดั้งเดิม มีความสอดคล้องทางเวลาเพื่อขจัดการกระพริบ การจำลองฟิสิกส์ที่ซับซ้อน การโต้ตอบหลายวัตถุ และการเรนเดอร์ข้อความที่แม่นยำในวิดีโอ\",\"q1\":\"อะไรที่ทำให้ Seedance 2.0 แตกต่างจากโมเดล AI วิดีโออื่นๆ?\",\"a1\":\"Seedance 2.0 นำเสนอสถาปัตยกรรม DiT-UNet แบบไฮบริดพร้อมตัวจัดตารางเวลาการจับคู่การไหล ช่วยให้การอนุมานเร็วขึ้นด้วยขั้นตอนการลดสัญญาณรบกวนน้อยลง รองรับความสอดคล้องของหลายวัตถุ ฟิสิกส์ที่แม่นยำเช่นพลศาสตร์ของไหลแ"])</script><script>self.__next_f.push([1,"ละการพับผ้า และการซ้อนทับข้อความแบบดั้งเดิม — ความสามารถที่โมเดลคู่แข่งส่วนใหญ่ยังคงประสบปัญหา\",\"q2\":\"ฉันจะใช้ prompt เหล่านี้ได้อย่างไร?\",\"a2\":\"เรียกดูผนัง prompt ดูคลิปที่เล่นอัตโนมัติ และแตะไอคอนข้อมูลบนการ์ดใดก็ได้เพื่อดู prompt เต็ม คัดลอกและวางลงใน YouMind โดยเลือกโมเดล Seedance 2.0 เพื่อสร้างวิดีโอของคุณเอง\",\"q3\":\"แนวทางปฏิบัติที่ดีที่สุดในการเขียน prompt Seedance 2.0 คืออะไร?\",\"a3\":\"เริ่มต้นด้วยคำอธิบายฉากที่ชัดเจน ระบุการเคลื่อนไหวกล้อง (เช่น 'slow dolly in') กำหนดแสงและอารมณ์ จากนั้นเพิ่มรายละเอียดของวัตถุ รักษา prompt ให้ต่ำกว่า 200 คำเพื่อผลลัพธ์ที่ดีที่สุด การกล่าวถึงปฏิสัมพันธ์ทางฟิสิกส์เช่น 'ลมพัดผ่านผม' หรือ 'น้ำกระเซ็น' จะใช้ประโยชน์จากจุดแข็งด้านการจำลองของโมเดล\"},\"aiAssistant\":{\"title\":\"ผู้ช่วย AI\",\"placeholder\":\"คุณกำลังมองหา prompt วิดีโอแบบไหน? บอกฉันสิ!\",\"submit\":\"ส่ง\"},\"loginPromotionDialog\":{\"title\":\"เข้าสู่ระบบเพื่อใช้งานฟรี\",\"subtitle\":\"สัมผัสการสร้างวิดีโอคุณภาพระดับภาพยนตร์ของ Seedance 2.0\",\"benefit1\":\"{credits} เครดิตต่อวัน\",\"benefit2\":\"รองรับโมเดล SOTA ล่าสุด\",\"benefit3\":\"เลือกวัสดุ AI สร้างร่างที่มีโครงสร้างทันที แก้ไขไม่กี่ประโยคแล้วเผยแพร่\",\"benefit4\":\"ใส่คำอธิบายวิดีโอ / พอดแคสต์ / บทความได้ทุกที่ AI สร้างบันทึกและสรุปด้วยคลิกเดียว\",\"benefit5\":\"ไม่กี่ประโยคกับหนึ่งลิงก์ สร้าง\u003cslides\u003eสไลด์ที่ส่งมอบได้ทันที\u003c/slides\u003e\",\"loginButton\":\"เข้าสู่ระบบตอนนี้\",\"loginRequired\":\"ต้องเข้าสู่ระบบ\",\"close\":\"ปิด\",\"footerText\":\"เพลิดเพลินกับภาพประกอบสวยๆ บนเว็บไซต์ของเรา 😉\"},\"generator\":{\"placeholder\":\"อธิบายวิดีโอที่คุณต้องการสร้าง... (เช่น แมวเดินบนชายหาดตอนพระอาทิตย์ตก)\",\"generate\":\"สร้าง\",\"clearPrompt\":\"ล้างพรอมต์\",\"exitParamMode\":\"ออกจากโหมดพารามิเตอร์\",\"randomPrompt\":\"พรอมต์สุ่ม\",\"random\":\"สุ่ม\",\"image\":\"รูปภาพ\",\"uploadImage\":\"อัปโหลดรูปภาพอ้างอิง\"},\"searchBar\":{\"placeholder\":\"ค้นหาพรอมต์/ชื่อ/คำอธิบาย/ผู้สร้าง...\",\"filterAll\":\"ทั้งหมด\",\"filterVideo\":\"วิดีโอ\",\"filterImage\":\"รูปภา"])</script><script>self.__next_f.push([1,"พ\",\"promoLabel\":\"ทางเลือกที่ดีกว่า\",\"promoTitle\":\"Agent Skill ช่วยคุณค้นหาอย่างชาญฉลาด\",\"promoButton\":\"ลองเลย\",\"promoQuestion\":\"คุณกำลังมองหาพรอมต์อะไร?\",\"promoDescription\":\"ฉันสามารถจับคู่พรอมต์อย่างชาญฉลาดตามความต้องการของคุณ\",\"promoPrompt\":\"แนะนำพรอมต์สร้างวิดีโอ Seedance 2.0 ให้ฉันหน่อย และถามความต้องการเฉพาะของฉันก่อน\",\"modelSlug\":\"seedance-2-0\",\"searchModePrompt\":\"พรอมต์\",\"searchModeAuthor\":\"ผู้สร้าง\",\"placeholderPrompt\":\"ค้นหาพรอมต์...\",\"placeholderAuthor\":\"ค้นหาผู้สร้าง...\"},\"downloadDialog\":{\"title\":\"ดาวน์โหลดฟรี {total} พรอมต์\",\"subtitle\":\"คอลเลกชันพรอมต์วิดีโอ AI คุณภาพสูงเพื่อส่งเสริมความคิดสร้างสรรค์ของคุณ\",\"useCasesTitle\":\"คุณสามารถใช้เพื่อ:\",\"useCase1\":\"ค้นหาพรอมต์ด้วย AI\",\"useCase2\":\"สร้างเนื้อหา\",\"useCase3\":\"เป็นเชื้อเพลิงให้ Agent Skill ของคุณ\",\"useCase4\":\"และอีกมากมายให้สำรวจ...\",\"shareRequest\":\"เราใช้เวลาหลายร้อยชั่วโมงในการสร้างเว็บไซต์นี้ หากคุณชอบ กรุณาแชร์ประสบการณ์ของคุณบนโซเชียลมีเดีย!\",\"shareRequestWithHeart\":\"เราใช้เวลาหลายร้อยชั่วโมงในการสร้างเว็บไซต์นี้ หากคุณพบว่ามีประโยชน์ กรุณาแชร์ให้เพื่อนของคุณ! ❤️\",\"shareRequestNote\":\"คุณยังสามารถดาวน์โหลดได้แม้ว่าจะปฏิเสธ\",\"beforeYouGo\":\"ก่อนที่คุณจะดำเนินการต่อ\",\"declineButton\":\"ไม่ ขอบคุณ\",\"acceptButton\":\"แน่นอน!\",\"shareTitle\":\"แชร์ให้เพื่อน\",\"shareSubtitle\":\"ช่วยให้คนอื่นค้นพบพรอมต์ที่ยอดเยี่ยมเหล่านี้\",\"shareTextLabel\":\"ข้อความแชร์\",\"shareTextPlaceholder\":\"ป้อนข้อความแชร์ของคุณที่นี่...\",\"generateShareText\":\"AI สร้าง\",\"generatingShareText\":\"กำลังสร้าง...\",\"remaining\":\"เหลือ\",\"rateLimitExceeded\":\"ถึงขีดจำกัดรายวันแล้ว ลองอีกครั้งพรุ่งนี้!\",\"generationFailed\":\"การสร้างล้มเหลว กรุณาลองอีกครั้ง\",\"copyToClipboard\":\"คัดลอกไปยังคลิปบอร์ด\",\"copied\":\"คัดลอกแล้ว!\",\"shareOnTwitter\":\"แชร์บน X\",\"shareOnLinkedIn\":\"แชร์บน LinkedIn\",\"shareOnThreads\":\"แชร์บน Threads\",\"shareOnWhatsApp\":\"แชร์บน WhatsApp\",\"defaultShareText\":\"เว็บไซต์นี้มี {total} พรอมต์วิดีโอ Seedance 2.0 ที่คัดสรรแล้ว แปลเป็น {languageNum} ภาษา ดาวน์โหลดทั้งหมดได้ในคลิกเดียว!\",\"loginRequiredTitle\":\"ต้องเข้าสู่ระบบ\",\"loginRequired\":\"เพื่อป้องกันการใช้งานในทางที่ผิด กรุณาเ"])</script><script>self.__next_f.push([1,"ข้าสู่ระบบเพื่อดาวน์โหลด\",\"downloadButton\":\"ดาวน์โหลด CSV\",\"download\":\"ดาวน์โหลด\",\"downloading\":\"กำลังดาวน์โหลด...\",\"downloadError\":\"ดาวน์โหลดล้มเหลว กรุณาลองอีกครั้งในภายหลัง\",\"loginButton\":\"เข้าสู่ระบบเพื่อดาวน์โหลด\",\"close\":\"ปิด\"},\"settings\":{\"settings\":\"การตั้งค่า\",\"mode\":\"โหมด\",\"aspectRatio\":\"อัตราส่วนภาพ\",\"quality\":\"คุณภาพ\",\"sound\":\"เสียง\",\"low\":\"ต่ำ\",\"medium\":\"กลาง\",\"high\":\"สูง\",\"keyframe\":\"คีย์เฟรม\",\"reference\":\"อ้างอิง\",\"on\":\"เปิด\",\"off\":\"ปิด\"}},\"GrokImagineVideoPrompts\":{\"page\":{\"title\":\"Grok Imagine Prompts - High-Signal AI Video Prompt Library - YouMind\",\"description\":\"รวมพรอมป์ตวิดีโอ Grok Imagine แบบคัดสรรหลายร้อยรายการ โดยแต่ละรายการดูผลลัพธ์ที่สร้างแล้วได้ออนไลน์ ขับเคลื่อนด้วยโมเดล Aurora จาก xAI รองรับ reference-to-video สูงสุด 7 ภาพ #1 ใน Artificial Analysis Video Arena อัปเดตรายวัน ใช้งานฟรี\",\"badge\":\"Video Prompt Lab\",\"headerTitle\":\"Grok Imagine Prompts\",\"headerDescription\":\"High-signal prompt cases for Grok Imagine. Scroll the wall, watch the clip, then open the prompt details only when you need them.\",\"total\":\"ทั้งหมด\",\"autoPlay\":\"Auto-play in viewport\",\"headerTitleLine1\":\"Grok Imagine\",\"headerTitleLine2\":\"Prompts\",\"copyright\":\"YouMind. All Rights Reserved.\",\"viewAll\":\"ดูทั้งหมด\",\"dailyUpdating\":\"อัปเดตทุกวัน\",\"downloadShareText\":\"เว็บไซต์นี้รวบรวมพรอมต์ Grok Imagine ที่คัดสรรแล้วจำนวน {total} รายการ แปลเป็น {languageNum} ภาษา และรองรับการค้นหาด้วย AI ที่ดียิ่งกว่านั้นคือคุณสามารถดาวน์โหลดพรอมต์ทั้งหมดได้ในคลิกเดียว ลองเลย!\",\"crossPromoBadge\":\"สำรวจพรอมต์ Seedance 2.0\",\"crossPromoBadgeMobile\":\"พรอมต์ Seedance 2.0\",\"benefit2Suffix\":\"\",\"designArenaBadge\":\"คว้า 3 เหรียญทองใน Design Arena\",\"freshPrompts\":\"พรอมต์\",\"submitPrompt\":\"ส่งพรอมต์\",\"ogImageAlt\":\"Grok Imagine พรอมต์\"},\"search\":{\"placeholder\":\"ค้นหาพรอมต์ ฉาก สไตล์ หรือครีเอเตอร์...\",\"clear\":\"Clear search\",\"submit\":\"ค้นหา\",\"placeholderShort\":\"ค้นหาพรอมต์\"},\"card\":{\"by\":\"By\",\"unknownAuthor\":\"Unknown\",\"viewPrompt\":\"View Prompt\",\"hidePrompt\":\"Hide Prompt\",\"copyPrompt\":\"Copy Prompt\",\"copied\":\"Copied\",\"author\":\"Author\",\"source\":\"Source\",\"prompt\":\"Prompt\",\"translateButton\":\"แปล\",\"beforeTranslation\":\"ต้นฉบับ\",\"showOriginal\":\"แสดงต้นฉบับ\",\"showTranslation\":\"แสดงคำแปล\",\"fullScreen\":\"เต็มจอ\",\"viewDetails\":\"ดูรายละเอียด\",\"video\":\"วิดีโอ\",\"referenceImages\":\"ภาพอ้างอิง\",\"share\":\"แชร์\",\"linkCopied\":\"คัดลอกลิงก์แล้ว!\",\"featured\":\"เด่น\",\"tryItNow\":\"ลองใช้เลย\",\"promptHeader\":\"พรอมต์\",\"viewFullPrompt\":\"ดูพรอมต์ฉบับเต็ม\"},\"empty\":{\"title\":\"No video prompts found\",\"description\":\"Try a different keyword and explore more Grok Imagine clips.\",\"aiSearch\":\"AI ค้นหา\"},\"loadMore\":{\"loading\":\"Loading more videos...\"},\"fa"])</script><script>self.__next_f.push([1,"q\":{\"title\":\"คำถามที่พบบ่อย\",\"q0\":\"Grok Imagine คืออะไร?\",\"a0\":\"Grok Imagine เป็นโมเดลสร้างวิดีโอ AI ของ xAI ที่ขับเคลื่อนด้วยสถาปัตยกรรม Aurora รองรับ text-to-video และ reference-to-video สูงสุด 7 ภาพอ้างอิง ให้คุณภาพระดับภาพยนตร์ ได้อันดับ #1 ใน Artificial Analysis Video Arena\",\"q1\":\"อะไรที่ทำให้ Grok Imagine แตกต่างจากโมเดล AI วิดีโออื่นๆ?\",\"a1\":\"Grok Imagine เชี่ยวชาญในการสร้าง reference-to-video ช่วยให้คุณสามารถให้ภาพสูงสุด 7 ภาพเป็นข้อมูลอ้างอิงภาพ สถาปัตยกรรมโมเดล Aurora ให้ความสอดคล้องทางเวลาที่ยอดเยี่ยม การเคลื่อนไหวกล้องแบบไดนามิก และความสอดคล้องของวัตถุที่แม่นยำข้ามเฟรม\",\"q2\":\"ฉันจะใช้ prompt เหล่านี้ได้อย่างไร?\",\"a2\":\"เรียกดูผนัง prompt ดูคลิปที่เล่นอัตโนมัติ และแตะไอคอนข้อมูลบนการ์ดใดก็ได้เพื่อดู prompt เต็ม คัดลอกและวางลงใน YouMind โดยเลือกโมเดล Grok Imagine เพื่อสร้างวิดีโอของคุณเอง\",\"q3\":\"แนวทางปฏิบัติที่ดีที่สุดในการเขียน prompt Grok Imagine คืออะไร?\",\"a3\":\"เริ่มต้นด้วยคำอธิบายฉากที่ชัดเจน ระบุการเคลื่อนไหวกล้อง (เช่น 'slow dolly in') กำหนดแสงและอารมณ์ จากนั้นเพิ่มรายละเอียดของวัตถุ สำหรับ reference-to-video ให้จัดเตรียมภาพอ้างอิงคุณภาพสูงที่แสดงวัตถุหรือสไตล์ที่ต้องการอย่างชัดเจน โมเดลนี้เชี่ยวชาญในการรักษ��ความสอดคล้องกับวัสดุอ้างอิง\"},\"aiAssistant\":{\"title\":\"ผู้ช่วย AI\",\"placeholder\":\"คุณกำลังมองหา prompt วิดีโอแบบไหน? บอกฉันสิ!\",\"submit\":\"ส่ง\"},\"loginPromotionDialog\":{\"title\":\"เข้าสู่ระบบเพื่อใช้งานฟรี\",\"subtitle\":\"สัมผัสการสร้างวิดีโอคุณภาพระดับภาพยนตร์ของ Grok Imagine\",\"benefit1\":\"{credits} เครดิตต่อวัน\",\"benefit2\":\"รองรับโมเดล SOTA ล่าสุด\",\"benefit3\":\"เลือกวัสดุ AI สร้างร่างที่มีโครงสร้างทันที แก้ไขไม่กี่ประโยคแล้วเผยแพร่\",\"benefit4\":\"ใส่คำอธิบายวิดีโอ / พอดแคสต์ / บทความได้ทุกที่ AI สร้างบันทึกและสรุปด้วยคลิกเดียว\",\"benefit5\":\"ไม่กี่ประโยคกับหนึ่งลิงก์ สร้าง\u003cslides\u003eสไลด์ที่ส่งมอบได้ทันที\u003c/slides\u003e\",\"loginButton\":\"เข้าสู่ระบบตอนนี้\",\"loginRequired\":\"ต้องเข้"])</script><script>self.__next_f.push([1,"าสู่ระบบ\",\"close\":\"ปิด\",\"footerText\":\"เพลิดเพลินกับภาพประกอบสวยๆ บนเว็บไซต์ของเรา 😉\"},\"generator\":{\"placeholder\":\"อธิบายวิดีโอที่คุณต้องการสร้าง... (เช่น แมวเดินบนชายหาดตอนพระอาทิตย์ตก)\",\"generate\":\"สร้าง\",\"clearPrompt\":\"ล้างพรอมต์\",\"exitParamMode\":\"ออกจากโหมดพารามิเตอร์\",\"randomPrompt\":\"พรอมต์สุ่ม\",\"random\":\"สุ่ม\",\"image\":\"รูปภาพ\",\"uploadImage\":\"อัปโหลดรูปภาพอ้างอิง\"},\"searchBar\":{\"placeholder\":\"ค้นหาพรอมต์/ชื่อ/คำอธิบาย/ผู้สร้าง...\",\"filterAll\":\"ทั้งหมด\",\"filterVideo\":\"วิดีโอ\",\"filterImage\":\"รูปภาพ\",\"promoLabel\":\"ทางเลือกที่ดีกว่า\",\"promoTitle\":\"Agent Skill ช่วยคุณค้นหาอย่างชาญฉลาด\",\"promoButton\":\"ลองเลย\",\"promoQuestion\":\"คุณกำลังมองหาพรอมต์อะไร?\",\"promoDescription\":\"ฉันสามารถจับคู่พรอมต์อย่างชาญฉลาดตามความต้องการของคุณ\",\"promoPrompt\":\"แนะนำพรอมต์สร้างวิดีโอ Grok Imagine ให้ฉันหน่อย และถามความต้องการเฉพาะของฉันก่อน\",\"modelSlug\":\"grok-imagine\",\"searchModePrompt\":\"พรอมต์\",\"searchModeAuthor\":\"ผู้สร้าง\",\"placeholderPrompt\":\"ค้นหาพรอมต์...\",\"placeholderAuthor\":\"ค้นหาผู้สร้าง...\"},\"downloadDialog\":{\"title\":\"ดาวน์โหลดฟรี {total} พรอมต์\",\"subtitle\":\"คอลเลกชันพรอมต์วิดีโอ AI คุณภาพสูงเพื่อส่งเสริมความคิดสร้างสรรค์ของคุณ\",\"useCasesTitle\":\"คุณสามารถใช้เพื่อ:\",\"useCase1\":\"ค้นหาพรอมต์ด้วย AI\",\"useCase2\":\"สร้างเนื้อหา\",\"useCase3\":\"เป็นเชื้อเพลิงให้ Agent Skill ของคุณ\",\"useCase4\":\"และอีกมากมายให้สำรวจ...\",\"shareRequest\":\"เราใช้เวลาหลายร้อยชั่วโมงในการสร้างเว็บไซต์นี้ หากคุณชอบ กรุณาแชร์ประสบการณ์ของคุณบนโซเชียลมีเดีย!\",\"shareRequestWithHeart\":\"เราใช้เวลาหลายร้อยชั่วโมงในการสร้างเว็บไซต์นี้ หากคุณพบว่ามีประโยชน์ กรุณาแชร์ให้เพื่อนของคุณ! ❤️\",\"shareRequestNote\":\"คุณยังสามารถดาวน์โหลดได้แม้ว่าจะปฏิเสธ\",\"beforeYouGo\":\"ก่อนที่คุณจะดำเนินการต่อ\",\"declineButton\":\"ไม่ ขอบคุณ\",\"acceptButton\":\"แน่นอน!\",\"shareTitle\":\"แชร์ให้เพื่อน\",\"shareSubtitle\":\"ช่วยให้คนอื่นค้นพบพรอมต์ที่ยอดเยี่ยมเหล่านี้\",\"shareTextLabel\":\"ข้อความแชร์\",\"shareTextPlaceholder\":\"ป้อนข้อความแชร์ของคุณที่นี่...\",\"generateShareText\":\"AI สร้าง\",\"generatingShareText\":\"กำลังสร้าง...\",\"remaining\":\"เหลือ\",\"rateLimitExceeded\":\"ถึงขีดจำกัดรายวันแ"])</script><script>self.__next_f.push([1,"ล้ว ลองอีกครั้งพรุ่งนี้!\",\"generationFailed\":\"การสร้างล้มเหลว กรุณาลองอีกครั้ง\",\"copyToClipboard\":\"คัดลอกไปยังคลิปบอร์ด\",\"copied\":\"คัดลอกแล้ว!\",\"shareOnTwitter\":\"แชร์บน X\",\"shareOnLinkedIn\":\"แชร์บน LinkedIn\",\"shareOnThreads\":\"แชร์บน Threads\",\"shareOnWhatsApp\":\"แชร์บน WhatsApp\",\"defaultShareText\":\"เว็บไซต์นี้มี {total} พรอมต์วิดีโอ Grok Imagine ที่คัดสรรแล้ว แปลเป็น {languageNum} ภาษา ดาวน์โหลดทั้งหมดได้ในคลิกเดียว!\",\"loginRequiredTitle\":\"ต้องเข้าสู่ระบบ\",\"loginRequired\":\"เพื่อป้องกันการใช้งานในทางที่ผิด กรุณาเข้าสู่ระบบเพื่อดาวน์โหลด\",\"downloadButton\":\"ดาวน์โหลด CSV\",\"download\":\"ดาวน์โหลด\",\"downloading\":\"กำลังดาวน์โหลด...\",\"downloadError\":\"ดาวน์โหลดล้มเหลว กรุณาลองอีกครั้งในภายหลัง\",\"loginButton\":\"เข้าสู่ระบบเพื่อดาวน์โหลด\",\"close\":\"ปิด\"},\"settings\":{\"settings\":\"การตั้งค่า\",\"aspectRatio\":\"อัตราส่วนภาพ\",\"quality\":\"คุณภาพ\",\"low\":\"ต่ำ\",\"medium\":\"กลาง\",\"high\":\"สูง\"}},\"GPTImage15Prompts\":{\"page\":{\"title\":\"GPT Image 1.5 Prompts - การแก้ไขที่แม่นยำและการสร้างภาพ AI คุณภาพสูง - YouMind\",\"description\":\"ค้นพบพรอมต์ GPT Image 1.5 ที่คัดสรรแล้ว - โมเดลภาพเรือธงของ OpenAI ที่มีการแก้ไขแม่นยำ สร้างเร็วขึ้น 4 เท่า และคุณภาพเหนือกว่า\",\"headerTitle\":\"GPT Image 1.5\",\"headerPrompts\":\"พรอมต์\",\"headerDescription\":\"คอลเลกชันพรอมต์ {brand} ชั้นนำที่คัดสรรแล้ว\",\"headerTagline\":\"การแก้ไขแม่นยำที่รักษาสิ่งสำคัญ\",\"freshPrompts\":\"พรอมต์\",\"total\":\"รวม\",\"updating\":\"กำลังอัปเดต\",\"submitPrompt\":\"ส่งพรอมต์\",\"ogImageAlt\":\"GPT Image 1.5 พรอมต์\"},\"searchBar\":{\"placeholder\":\"ค้นหาพรอมต์/ชื่อ/คำอธิบาย/ผู้เขียน...\",\"filterAll\":\"ทั้งหมด\",\"filterVideo\":\"วิดีโอ\",\"filterImage\":\"ภาพ\",\"promoQuestion\":\"คุณกำลังมองหา prompt อะไร?\",\"promoDescription\":\"ฉันสามารถจับคู่ prompt อย่างชาญฉลาดตามความต้องการของคุณ\",\"promoPrompt\":\"เรียกใช้เครื่องมือ find-prompt แนะนำ prompt การสร้างภาพให้ฉัน และถามความต้องการเฉพาะของฉันก่อน\",\"searchModePrompt\":\"พรอมต์\",\"searchModeAuthor\":\"ผู้เขียน\",\"placeholderPrompt\":\"ค้นหาพรอมต์...\",\"placeholderAuthor\":\"ค้นหาผู้เขียน...\",\"promoLabel\":\"ตัวเลือกที่ดีกว่า\",\"promoTitle\":\"Agent ทักษะ ช่วยคุณค้นหาอย่างชาญฉลาด\",\"promoButton\":\"ลองใช้\",\"modelSlug\":\"gpt-image-1.5\"},\"categories\":{\"all\":\"ทั้งหมด\"},\"promptCard\":{\"tabPrompt\":\"พรอมต์\",\"tabOriginal\":\"ต้นฉบับ\",\"by\":\"โดย\",\"promptHeader\":\"พรอมต์\",\"translateB"])</script><script>self.__next_f.push([1,"utton\":\"แปล\",\"beforeTranslation\":\"ต้นฉบับ\",\"originalButton\":\"EN\",\"chineseButton\":\"中文\",\"showOriginal\":\"แสดงต้นฉบับ\",\"showTranslation\":\"แสดงคำแปล\",\"copy\":\"คัดลอก\",\"copied\":\"คัดลอกแล้ว\",\"share\":\"แชร์\",\"linkCopied\":\"คัดลอกลิงก์แล้ว\",\"tryItNow\":\"ลองเลย\",\"installOnYouMind\":\"ติดตั้งบน YouMind\",\"aiShortcut\":\"AI Shortcut\",\"install\":\"ติดตั้ง\",\"aiSkill\":\"AI ทักษะ\",\"tryInYouMind\":\"ลองใน YouMind\",\"tryIt\":\"ลอง\",\"featured\":\"แนะนำ\",\"save\":\"บันทึก\",\"savePromptTitle\":\"บันทึกพรอมต์\",\"savePromptSubtitle\":\"เข้าถึงได้ทุกที่ทุกเวลา\",\"savingPrompt\":\"กำลังบันทึก...\",\"referenceImages\":\"ภาพอ้างอิง\",\"viewFullPrompt\":\"ดูพรอมต์ฉบับเต็ม\"},\"faq\":{\"title\":\"คำถามที่พบบ่อย\",\"q0\":\"GPT Image 1.5 คืออะไร?\",\"a0\":\"GPT Image 1.5 คือโมเดลสร้างภาพเรือธงใหม่ของ OpenAI สามารถแก้ไขอย่างแม่นยำในขณะที่รักษารายละเอียด สร้างภาพได้เร็วกว่าเดิมถึง 4 เท่า และเก่งในการแปลงความคิดสร้างสรรค์ การปฏิบัติตามคำสั่ง และการรักษารายละเอียดสำคัญในการแก้ไขหลายครั้ง\",\"q1\":\"พรอมต์เหล่านี้มาจากไหน?\",\"a1\":\"ส่วนใหญ่คัดสรรจากแหล่ง Twitter/𝕏 สาธารณะ หากคุณเป็นผู้เขียนและต้องการออกจากการแสดง กรุณาติดต่อเราเพื่อลบออกทันที\",\"q2\":\"จะใช้พรอมต์เหล่านี้อย่างไร?\",\"a2\":\"เพียงคัดลอกพรอมต์และใช้ใน YouMind กับโมเดลสร้างภาพ 'GPT Image 1.5' โมเดลนี้เก่งในการแก้ไข การแปลงความคิดสร้างสรรค์ และการปฏิบัติตามคำสั่ง\",\"q3\":\"AI Shortcut คืออะไร?\",\"a3\":\"ช่วยคุณรวบรวมแนวทางปฏิบัติที่ดีที่สุดในการสร้างเนื้อหาและการเรียนรู้ไว้ใน YouMind Shortcuts ทำให้สามารถสร้างด้วยคลิกเดียวจากวัสดุของคุณ—เช่น เปลี่ยนวิดีโอ YouTube เป็นบล็อกโพสต์หรือดึงคำพูดจากบทความ\",\"q4\":\"มีกรณีใช้งานเพิ่มเติมไหม?\",\"a4\":\"ดูบล็อกโพสต์ของเรา \u003clink\u003e{title}\u003c/link\u003e สำหรับตัวอย่าง GPT Image 1.5 ที่คัดสรรเพิ่มเติม\"},\"blogCard\":{\"tab\":\"บล็อก\",\"cta\":\"สำรวจกรณีเพิ่มเติม\"},\"imageCarousel\":{\"preview\":\"ดูตัวอย่าง\",\"previewImage\":\"ดูตัวอย่างภาพ\",\"goToSlide\":\"ไปที่สไลด์ {index}\"},\"emptyState\":{\"noPromptsFound\":\"ไม่พบพรอมต์\",\"trySearchingElse\":\"ลองค้นหาสิ่งอื่น\",\"tryTheseShortcuts\":\"ลอง AI Shortcuts เหล่านี้แทน\",\"discoverFeaturedTools\":\"ค้นพบเครื่องมือแนะนำที่สามารถช่วยคุณสร้างเนื้อหา"])</script><script>self.__next_f.push([1,"ที่น่าทึ่ง\",\"viewAllShortcuts\":\"ดู Shortcuts ทั้งหมด\",\"tryTheseSkills\":\"ลองใช้ทักษะ AI เหล่านี้แทน\",\"viewAllSkills\":\"ดูทักษะทั้งหมด\"},\"footerCTA\":{\"readyToCreate\":\"พร้อมสร้างสรรค์ด้วย\",\"nanoBanana\":\"GPT Image 1.5 แล้วหรือยัง?\",\"experiencePower\":\"สัมผัสการแก้ไขแม่นยำและการสร้างรวดเร็วของ GPT Image 1.5\",\"freeLimitedTime\":\"ปลดปล่อยจินตนาการ\",\"startGenerating\":\"เริ่มสร้าง\"},\"tweetModal\":{\"loadingTweet\":\"กำลังโหลดทวีต...\"},\"loadMore\":{\"loading\":\"กำลังโหลดเพิ่มเติม...\",\"viewAll\":\"ดูทั้งหมด\"},\"generator\":{\"placeholder\":\"อธิบายภาพที่คุณต้องการสร้าง... (เช่น เมืองไซเบอร์พังก์ตอนกลางคืน)\",\"generate\":\"สร้าง\",\"clearPrompt\":\"ล้างพรอมต์\",\"exitParamMode\":\"ออกจากโหมดพารามิเตอร์\",\"randomPrompt\":\"พรอมต์สุ่ม\",\"random\":\"สุ่ม\",\"image\":\"ภาพ\",\"uploadImage\":\"อัปโหลดภาพอ้างอิง\",\"uploadingImages\":\"กำลังอัปโหลดภาพ...\",\"uploadFailed\":\"อัปโหลดภาพล้มเหลว กรุณาลองอีกครั้ง\",\"pleaseUploadReferenceImages\":\"พรอมต์นี้ต้องการภาพอ้างอิง กรุณาเพิ่มภาพก่อน\",\"aspectRatio\":{\"auto\":\"อัตโนมัติ\",\"square\":\"1:1\",\"landscape\":\"16:9\",\"portrait\":\"9:16\"},\"settings\":\"ตั้งค่า\",\"aspectRatioLabel\":\"อัตราส่วนภาพ\"},\"common\":{\"openSourceLink\":\"เปิดลิงก์ต้นฉบับ\",\"editInCMS\":\"แก้ไขใน CMS\"},\"loginPromotionDialog\":{\"title\":\"เข้าสู่ระบบเพื่อใช้งานฟรี\",\"subtitle\":\"สัมผัสความสามารถอันทรงพลังของ GPT Image 1.5\",\"benefit1\":\"{credits} เครดิตต่อวัน\",\"benefit2\":\"รองรับ GPT Image 1.5, Gemini 3.0 Pro, Claude Sonnet 4.5 และโมเดลอื่นๆ\",\"benefit3\":\"เลือกวัสดุ AI สร้างร่างที่มีโครงสร้างทันที แก้ไขไม่กี่ประโยคและเผยแพร่\",\"benefit4\":\"เพิ่มหมายเหตุวิดีโอ/พอดคาสต์/บทความระหว่างทาง AI สร้างบันทึกและสรุปด้วยคลิกเดียว\",\"benefit5\":\"ไม่กี่ประโยคกับหนึ่งลิงก์ สร้าง\u003cslides\u003eสไลด์ที่ส่งมอบได้ทันที\u003c/slides\u003e\",\"loginButton\":\"เข้าสู่ระบบตอนนี้\",\"loginRequired\":\"ต้องเข้าสู่ระบบ\",\"close\":\"ปิด\",\"footerText\":\"เพลิดเพลินไปกับภาพประกอบที่สวยงามบนเว็บไซต์ของเรา 😉\"}},\"Gemini3Prompts\":{\"page\":{\"title\":\"Gemini 3 Pro Prompts - พรอมต์ AI แบบมัลติโมดัลและการสร้างเนื้อหา - YouMind\",\"description\":\"สำรวจพรอมต์ Gemini 3 Pro ที่คัดสรรแล้ว สัมผัสความเข้าใจและการสร้างแบบมัลติโมดัลที่ทรงพลัง สร้างได้อย่างง่ายดายใน YouMind\",\"headerTitle\":\"GEMINI 3 PRO\",\"headerPrompts\":\"พรอมต์\",\"headerDescription\":\"คอลเลกชันพรอมต์ {bra"])</script><script>self.__next_f.push([1,"nd} ชั้นนำที่คัดสรรแล้ว\",\"headerTagline\":\"บริบทขนาดใหญ่ · ปัญญามัลติโมดัล · AI แบบเอเจนต์\",\"freshPrompts\":\"พรอมต์\",\"total\":\"ทั้งหมด\",\"updating\":\"กำลังอัปเดต\",\"submitPrompt\":\"ส่งพรอมต์\",\"ogImageAlt\":\"Gemini 3 Pro พรอมต์\"},\"searchBar\":{\"placeholder\":\"ค้นหาพรอมต์/ชื่อเรื่อง/คำอธิบาย/ผู้เขียน...\",\"filterAll\":\"ทั้งหมด\",\"filterVideo\":\"วิดีโอ\",\"filterImage\":\"รูปภาพ\",\"promoQuestion\":\"คุณกำลังมองหา prompt อะไร?\",\"promoDescription\":\"ฉันสามารถจับคู่ prompt อย่างชาญฉลาดตามความต้องการของคุณ\",\"promoPrompt\":\"เรียกใช้เครื่องมือ find-prompt แนะนำ prompt การสร้างภาพให้ฉัน และถามความต้องการเฉพาะของฉันก่อน\",\"searchModePrompt\":\"พรอมต์\",\"searchModeAuthor\":\"ผู้เขียน\",\"placeholderPrompt\":\"ค้นหาพรอมต์...\",\"placeholderAuthor\":\"ค้นหาผู้เขียน...\",\"promoLabel\":\"ตัวเลือกที่ดีกว่า\",\"promoTitle\":\"Agent ทักษะ ช่วยคุณค้นหาอย่างชาญฉลาด\",\"promoButton\":\"ลองใช้\",\"modelSlug\":\"\"},\"promptCard\":{\"tabPrompt\":\"พรอมต์\",\"tabOriginal\":\"ต้นฉบับ\",\"by\":\"โดย\",\"promptHeader\":\"พรอมต์\",\"translateButton\":\"แปล\",\"beforeTranslation\":\"ก่อนแปล\",\"originalButton\":\"EN\",\"chineseButton\":\"中文\",\"showOriginal\":\"แสดงต้นฉบับ\",\"showTranslation\":\"แสดงคำแปล\",\"copy\":\"คัดลอก\",\"copied\":\"คัดลอกแล้ว\",\"share\":\"แชร์\",\"linkCopied\":\"คัดลอกลิงก์แล้ว\",\"tryItNow\":\"ลองเลย\",\"installOnYouMind\":\"ติดตั้งบน YouMind\",\"aiShortcut\":\"ทางลัด AI\",\"install\":\"ติดตั้ง\",\"aiSkill\":\"AI ทักษะ\",\"tryInYouMind\":\"ลองใน YouMind\",\"tryIt\":\"ลอง\",\"featured\":\"แนะนำ\",\"save\":\"บันทึก\",\"savePromptTitle\":\"บันทึก prompt\",\"savePromptSubtitle\":\"เข้าถึงได้ทุกที่ทุกเวลา\",\"savingPrompt\":\"กำลังบันทึก...\",\"referenceImages\":\"ภาพอ้างอิง\",\"viewFullPrompt\":\"ดูพรอมต์ฉบับเต็ม\"},\"faq\":{\"title\":\"คำถามที่พบบ่อย\",\"q0\":\"Gemini 3 Pro คืออะไร?\",\"a0\":\"Gemini 3 Pro เป็นโมเดล AI แบบมัลติโมดัลล่าสุดของ Google ที่มีหน้าต่างบริบทขนาดใหญ่ (สูงสุด 1 ล้าน tokens) ปัญญามัลติโมดัลสำหรับการทำความเข้าใจและสร้างข้อความ รูปภาพ เสียง วิดีโอ และโค้ด AI ที่มุ่งเน้นการดำเนินการสำหรับการดำเนินการอัตโนมัติและการสร้างเว็บไซต์พร้อมแสดงตัวอย่างแบบเรียลไทม์ และการให้เหตุผลที่ทรงพลังสำหรับการแก้ปัญหาขั้นสูงและการจัดการงานที่ซับซ้อน\",\"q1\":\"พรอมต์เหล่านี้มาจากไหน?\",\"a1\":\"ส่วนใหญ่มาจากการคัดเลือก Twitter/𝕏 สาธารณะ หากคุณเป็นผู้เขียนแล"])</script><script>self.__next_f.push([1,"ะไม่ต้องการให้แสดงที่นี่ กรุณาติดต่อเรา เราจะลบออกทันที\",\"q2\":\"ฉันจะใช้พรอมต์เหล่านี้อย่างไร?\",\"a2\":\"คุณสามารถคัดลอกพรอมต์และใช้ใน YouMind โดยเลือกโมเดล Gemini 3 Pro YouMind ได้รวมฟังก์ชันที่ทรงพลังของ Gemini 3 Pro รองรับอินพุตแบบมัลติโมดัล รวมถึงข้อความ รูปภาพ เสียง และวิดีโอ คุณสามารถสร้างเว็บไซต์ได้โดยตรงพร้อมแสดงตัวอย่างแบบเรียลไทม์และเผยแพร่ด้วยคลิกเดียว\",\"q3\":\"ทางลัด AI คืออะไร?\",\"a3\":\"รวบรวมแนวทางปฏิบัติที่ดีที่สุดในการสร้างเนื้อหาและการเรียนรู้ของคุณใน YouMind Shortcuts และคุณสามารถสร้างแบบคลิกเดียวตามวัสดุที่คุณรวบรวมและร่างที่คุณเขียน เช่น สร้างบทความบล็อกจากวิดีโอ YouTube ที่บันทึกไว้ หรือดึงคำพูดสำคัญจากเนื้อหาบล็อก\",\"q4\":\"มีกรณีการใช้งานเพิ่มเติมหรือไม่?\",\"a4\":\"คุณสามารถดูกรณี Gemini 3 Pro ที่คัดสรรเพิ่มเติมในโพสต์บล็อกนี้: \u003clink\u003e{title}\u003c/link\u003e\"},\"blogCard\":{\"tab\":\"บล็อก\",\"cta\":\"สำรวจกรณีเพิ่มเติม\"},\"imageCarousel\":{\"preview\":\"ตัวอย่าง\",\"previewImage\":\"ตัวอย่างรูปภาพ\",\"goToSlide\":\"ไปที่สไลด์ {index}\"},\"emptyState\":{\"noPromptsFound\":\"ไม่พบพรอมต์\",\"trySearchingElse\":\"ลองค้นหาสิ่งอื่น\",\"tryTheseShortcuts\":\"ลองทางลัด AI เหล่านี้\",\"discoverFeaturedTools\":\"ค้นพบเครื่องมือแนะนำที่จะช่วยคุณสร้างเนื้อหาที่ยอดเยี่ยม\",\"viewAllShortcuts\":\"ดูทางลัดทั้งหมด\",\"tryTheseSkills\":\"ลองใช้ทักษะ AI เหล่านี้แทน\",\"viewAllSkills\":\"ดูทักษะทั้งหมด\"},\"footerCTA\":{\"readyToCreate\":\"พร้อมสร้างด้วย\",\"nanoBanana\":\"GEMINI 3?\",\"experiencePower\":\"สัมผัสพลังของ Gemini 3 Pro มัลติโมดัล AI บน YouMind - รองรับความเข้าใจข้อความ รูปภาพ เสียง วิดีโอ และโค้ด\",\"freeLimitedTime\":\"ปล่อยจินตนาการของคุณให้โลดแล่น\",\"startGenerating\":\"เริ่มสร้าง\"},\"tweetModal\":{\"loadingTweet\":\"กำลังโหลดทวีต...\"},\"loadMore\":{\"loading\":\"กำลังโหลดเพิ่มเติม...\",\"viewAll\":\"ดูพรอมต์ทั้งหมด\"},\"generator\":{\"placeholder\":\"อธิบายเว็บไซต์ที่คุณต้องการสร้าง... (เช่น เว็บไซต์พอร์ตโฟลิโอส่วนตัวแบบมินิมอล)\",\"generate\":\"สร้าง\",\"clearPrompt\":\"ล้างพรอมต์\",\"exitParamMode\":\"ออกจากโหมดพารามิเตอร์\",\"randomPrompt\":\"พรอมต์แบบสุ่ม\",\"random\":\"สุ่ม\",\"ima"])</script><script>self.__next_f.push([1,"ge\":\"รูปภาพ\",\"uploadImage\":\"อัปโหลดรูปภาพอ้างอิง\",\"uploadingImages\":\"กำลังอัปโหลดรูปภาพ...\",\"uploadFailed\":\"อัปโหลดรูปภาพล้มเหลว กรุณาลองอีกครั้ง\",\"pleaseUploadReferenceImages\":\"คำสั่งนี้ต้องการรูปภาพอ้างอิง กรุณาเพิ่มรูปภาพก่อน\",\"aspectRatio\":{\"auto\":\"อัตโนมัติ\",\"square\":\"1:1\",\"landscape\":\"16:9\",\"portrait\":\"9:16\"},\"settings\":\"ตั้งค่า\",\"aspectRatioLabel\":\"อัตราส่วนภาพ\"},\"common\":{\"openSourceLink\":\"เปิดลิงก์แหล่งที่มา\",\"editInCMS\":\"แก้ไขใน CMS\"},\"loginPromotionDialog\":{\"title\":\"เข้าสู่ระบบเพื่อใช้งานฟรี\",\"subtitle\":\"สัมผัสความสามารถที่ทรงพลังของ Gemini 3 Pro\",\"benefit1\":\"{credits} เครดิตต่อวัน\",\"benefit2\":\"รองรับ Gemini 3.0 Pro, Nano Banana Pro, Claude Opus 4.6 และโมเดลอื่นๆ\",\"benefit3\":\"เลือกวัสดุ AI สร้างร่างที่มีโครงสร้างทันที แก้ไขไม่กี่ประโยคและเผยแพร่\",\"benefit4\":\"เพิ่มหมายเหตุวิดีโอ / พอดคาสต์ / บทความระหว่างทาง AI สร้างบันทึกและสรุปด้วยคลิกเดียว\",\"benefit5\":\"ไม่กี่ประโยคกับหนึ่งลิงก์ สร้าง\u003cslides\u003eสไลด์ที่ส่งมอบได้ทันที\u003c/slides\u003e\",\"loginButton\":\"เข้าสู่ระบบตอนนี้\",\"loginRequired\":\"ต้องเข้าสู่ระบบ\",\"close\":\"ปิด\",\"footerText\":\"เพลิดเพลินไปกับภาพประกอบที่สวยงามบนเว็บไซต์ของเรา 😉\"},\"categories\":{\"all\":\"ทั้งหมด\"}},\"Seedream4-5Prompts\":{\"page\":{\"title\":\"Seedream 4.5 Prompts - ทางเลือกราคาประหยัดแทน Nano Banana Pro สำหรับการสร้างภาพ AI - YouMind\",\"description\":\"Seedream 4.5 เป็นทางเลือกคุณภาพสูงและราคาประหยัดแทน Nano Banana Pro ในราคาเพียง 1/3 ค้นพบพรอมต์ที่คัดสรรและสร้างภาพที่น่าทึ่งโดยตรงใน YouMind\",\"headerTitle\":\"Seedream 4.5\",\"headerPrompts\":\"พรอมต์\",\"headerDescription\":\"คอลเลกชันพรอมต์ระดับสูงที่คัดสรรมาสำหรับ {brand}\",\"headerTagline\":\"ขโมยมันเหมือนศิลปิน\",\"freshPrompts\":\"พรอมต์\",\"total\":\"ทั้งหมด\",\"updating\":\"กำลังอัปเดต\",\"submitPrompt\":\"ส่งพรอมต์\",\"ogImageAlt\":\"Seedream 4.5 พรอมต์\"},\"searchBar\":{\"placeholder\":\"ค้นหาพรอมต์/หัวข้อ/คำอธิบาย/ผู้เขียน...\",\"filterAll\":\"ทั้งหมด\",\"filterVideo\":\"วิดีโอ\",\"filterImage\":\"รูปภาพ\",\"promoQuestion\":\"คุณกำลังมองหา prompt อะไร?\",\"promoDescription\":\"ฉันสามารถจับคู่ prompt อย่างชาญฉลาดตามความต้องการของคุณ\",\"promoPrompt\":\"เรียกใช้เครื่องมือ find-prompt แนะนำ prompt การสร้างภาพให้ฉัน และถามความต้องการเฉพาะของฉันก่อน\",\"searchModePrompt\":\"พรอมต์\",\"searchMo"])</script><script>self.__next_f.push([1,"deAuthor\":\"ผู้เขียน\",\"placeholderPrompt\":\"ค้นหาพรอมต์...\",\"placeholderAuthor\":\"ค้นหาผู้เขียน...\",\"promoLabel\":\"ตัวเลือกที่ดีกว่า\",\"promoTitle\":\"Agent ทักษะ ช่วยคุณค้นหาอย่างชาญฉลาด\",\"promoButton\":\"ลองใช้\",\"modelSlug\":\"\"},\"promptCard\":{\"tabPrompt\":\"พรอมต์\",\"tabOriginal\":\"ต้นฉบับ\",\"by\":\"โดย\",\"promptHeader\":\"พรอมต์\",\"translateButton\":\"แปล\",\"beforeTranslation\":\"ก่อนแปล\",\"originalButton\":\"EN\",\"chineseButton\":\"中文\",\"showOriginal\":\"แสดงต้นฉบับ\",\"showTranslation\":\"แสดงการแปล\",\"copy\":\"คัดลอก\",\"copied\":\"คัดลอกแล้ว\",\"share\":\"แชร์\",\"linkCopied\":\"คัดลอกลิงก์แล้ว\",\"tryItNow\":\"ลองเลย\",\"installOnYouMind\":\"ติดตั้งบน YouMind\",\"aiShortcut\":\"ทางลัด AI\",\"install\":\"ติดตั้ง\",\"aiSkill\":\"AI ทักษะ\",\"tryInYouMind\":\"ลองใน YouMind\",\"tryIt\":\"ลอง\",\"featured\":\"แนะนำ\",\"save\":\"บันทึก\",\"savePromptTitle\":\"บันทึก prompt\",\"savePromptSubtitle\":\"เข้าถึงได้ทุกที่ทุกเวลา\",\"savingPrompt\":\"กำลังบันทึก...\",\"viewFullPrompt\":\"ดูพรอมต์ฉบับเต็ม\"},\"faq\":{\"title\":\"คำถามที่พบบ่อย\",\"q0\":\"Seedream 4.5 คืออะไร?\",\"a0\":\"Seedream 4.5 (Jimeng) เป็นโมเดลสร้างภาพ AI โดย ByteDance ที่ได้รับการยอมรับอย่างกว้างขวางว่าเป็นทางเลือกคุณภาพสูงและราคาประหยัดแทน Nano Banana Pro ในราคาเพียง 1/3 มีเอฟเฟกต์ภาพยนตร์พร้อมการจัดแสงและการเรนเดอร์ที่ละเอียด ความสอดคล้องที่สูงขึ้นในหลายภาพ การติดตามพรอมต์ที่ชาญฉลาดขึ้นพร้อมการควบคุมภาพที่แม่นยำ ความเข้าใจเชิงพื้นที่ที่แข็งแกร่งขึ้น และการใช้งานในอุตสาหกรรมที่ลึกซึ้งสำหรับเวิร์กโฟลว์มืออาชีพของอีคอมเมิร์ซ ภาพยนตร์ การโฆษณา เกม การศึกษา และการออกแบบสถาปัตยกรรม\",\"q1\":\"พรอมต์เหล่านี้มาจากไหน?\",\"a1\":\"คัดเลือกจากแหล่งข้อมูลสาธารณะของ Twitter/𝕏 เป็นหลัก หากคุณเป็นผู้เขียนและไม่ต้องการให้แสดงที่นี่ กรุณาติดต่อเรา เราจะลบออกทันที\",\"q2\":\"ฉันจะใช้พรอมต์เหล่านี้ได้อย่างไร?\",\"a2\":\"คัดลอกพรอมต์และใช้ใน YouMind ด้วยโมเดลสร้างภาพ 'Seedream 4.5' ตามคำอธิบาย เรากำลังทำงานเกี่ยวกับการรวมที่แน่นแฟ้นขึ้นสำหรับการใช้งานแบบคลิกเดียวในอนาคต\",\"q3\":\"ทางลัด AI คืออะไร?\",\"a3\":\"ช่วยให้คุณรวบรวมแนวทางปฏิบัติที่ดีที่สุดในการสร้างเนื้อหาและการเรียนรู้"])</script><script>self.__next_f.push([1,"ลงใน YouMind Shortcuts ซึ่งช่วยให้สามารถสร้างแบบคลิกเดียวตามวัสดุของคุณ—เช่นการแปลงวิดีโอ YouTube เป็นโพสต์บล็อกหรือดึงคำพูดจากบทความ\",\"q4\":\"มีกรณีการใช้งานเพิ่มเติมหรือไม่?\",\"a4\":\"ดูโพสต์บล็อกของเรา \u003clink\u003e{title}\u003c/link\u003e สำหรับตัวอย่าง Seedream 4.5 ที่คัดสรรเพิ่มเติม\"},\"blogCard\":{\"tab\":\"บล็อก\",\"cta\":\"สำรวจกรณีเพิ่มเติม\"},\"imageCarousel\":{\"preview\":\"ตัวอย่าง\",\"previewImage\":\"ตัวอย่างรูปภาพ\",\"goToSlide\":\"ไปที่สไลด์ {index}\"},\"emptyState\":{\"noPromptsFound\":\"ไม่พบพรอมต์\",\"trySearchingElse\":\"ลองค้นหาสิ่งอื่น\",\"tryTheseShortcuts\":\"ลองใช้ทางลัด AI เหล่านี้แทน\",\"discoverFeaturedTools\":\"ค้นพบเครื่องมือแนะนำที่สามารถช่วยคุณสร้างเนื้อหาที่ยอดเยี่ยม\",\"viewAllShortcuts\":\"ดูทางลัดทั้งหมด\",\"tryTheseSkills\":\"ลองใช้ทักษะ AI เหล่านี้แทน\",\"viewAllSkills\":\"ดูทักษะทั้งหมด\"},\"footerCTA\":{\"readyToCreate\":\"พร้อมสร้างด้วย\",\"nanoBanana\":\"Seedream แล้วหรือยัง?\",\"experiencePower\":\"สัมผัสพลังของการสร้างภาพ Seedream 4.5 บน YouMind\",\"freeLimitedTime\":\"ปล่อยจินตนาการของคุณโบยบิน\",\"startGenerating\":\"เริ่มสร้าง\"},\"tweetModal\":{\"loadingTweet\":\"กำลังโหลดทวีต...\"},\"loadMore\":{\"loading\":\"กำลังโหลดเพิ่ม...\",\"viewAll\":\"ดูพรอมต์ทั้งหมด\"},\"generator\":{\"placeholder\":\"อธิบายภาพที่คุณต้องการสร้าง... (เช่น เมืองไซเบอร์พังก์ยามค่ำคืน)\",\"generate\":\"สร้าง\",\"clearPrompt\":\"ล้างพรอมต์\",\"exitParamMode\":\"ออกจากโหมดพารามิเตอร์\",\"randomPrompt\":\"พรอมต์แบบสุ่ม\",\"random\":\"สุ่ม\",\"image\":\"รูปภาพ\",\"uploadImage\":\"อัปโหลดรูปภาพอ้างอิง\",\"uploadingImages\":\"กำลังอัปโหลดรูปภาพ...\",\"uploadFailed\":\"อัปโหลดรูปภาพล้มเหลว กรุณาลองอีกครั้ง\",\"pleaseUploadReferenceImages\":\"คำสั่งนี้ต้องการรูปภาพอ้างอิง กรุณาเพิ่มรูปภาพก่อน\",\"aspectRatio\":{\"auto\":\"อัตโนมัติ\",\"square\":\"1:1\",\"landscape\":\"16:9\",\"portrait\":\"9:16\"},\"settings\":\"ตั้งค่า\",\"aspectRatioLabel\":\"อัตราส่วนภาพ\"},\"common\":{\"openSourceLink\":\"เปิดลิงก์แหล่งที่มา\",\"editInCMS\":\"แก้ไขใน CMS\"},\"loginPromotionDialog\":{\"title\":\"เข้าสู่ระบบเพื่อใช้งานฟรี\",\"subtitle\":\"สัมผัสโมเดลสร้างภาพอันดับ 2 บน LM Arena\",\"benefit1\":\"{credits} เครดิตต่อวัน\",\"benefit2\":\"รองรับ Gemini 3.0 Pro, Nano Banana Pro, Claude Opus 4.6 และโมเดลอื่นๆ\",\"benefit3\":\"เลือกวัสดุ AI สร้างร่างที่มีโครงสร้างทันที แก้ไขประโยคไม่กี่ประโยคและเผยแพร่\",\"benefit4\":\"เพิ"])</script><script>self.__next_f.push([1,"่มคำอธิบายประกอบวิดีโอ / พอดคาสต์ / บทความระหว่างทาง AI สร้างบันทึกและสรุปด้วยคลิกเดียว\",\"benefit5\":\"ไม่กี่ประโยคกับหนึ่งลิงก์ สร้าง\u003cslides\u003eสไลด์ที่ส่งมอบได้ทันที\u003c/slides\u003e\",\"loginButton\":\"เข้าสู่ระบบตอนนี้\",\"loginRequired\":\"ต้องเข้าสู่ระบบ\",\"close\":\"ปิด\",\"footerText\":\"เพลิดเพลินไปกับภาพประกอบที่สวยงามบนเว็บไซต์ของเรา 😉\"},\"categories\":{\"all\":\"ทั้งหมด\"}},\"ChristmasCardPrompts\":{\"makeYourCard\":\"สร้างการ์ดของคุณ\",\"page\":{\"title\":\"พรอมต์การ์ดคริสต์มาส 2025 - 100+ การ์ด AI ปก และกรอบ - YouMind\",\"description\":\"ค้นพบพรอมต์การ์ดคริสต์มาสที่คัดสรรมาแล้วกว่า 100 รายการสำหรับการสร้างภาพ AI สร้างการ์ดวันหยุด ปก กรอบรูปที่สวยงามและอื่นๆ ปรับแต่งได้อย่างสมบูรณ์!\",\"headerTitle\":\"การ์ดคริสต์มาส 2025\",\"headerPrompts\":\"พรอมต์\",\"headerDescription\":\"การ์ดคริสต์มาส AI กว่า 100 รายการ รวมถึงปก การ์ดอวยพร กรอบรูป และอื่นๆ\",\"headerTagline\":\"ปรับแต่งได้อย่างสมบูรณ์สำหรับวันหยุดที่สมบูรณ์แบบของคุณ\",\"freshPrompts\":\"พรอมต์\",\"total\":\"ทั้งหมด\",\"updating\":\"กำลังอัปเดต\",\"submitPrompt\":\"ส่งพรอมต์\",\"ogImageAlt\":\"2025 Christmas Card พรอมต์\"},\"searchBar\":{\"placeholder\":\"ค้นหาพรอมต์/ชื่อ/คำอธิบาย/ผู้เขียน...\",\"filterAll\":\"ทั้งหมด\",\"filterVideo\":\"วิดีโอ\",\"filterImage\":\"รูปภาพ\",\"promoQuestion\":\"คุณกำลังมองหา prompt อะไร?\",\"promoDescription\":\"ฉันสามารถจับคู่ prompt อย่างชาญฉลาดตามความต้องการของคุณ\",\"promoPrompt\":\"เรียกใช้เครื่องมือ find-prompt แนะนำ prompt การสร้างภาพให้ฉัน และถามความต้องการเฉพาะของฉันก่อน\",\"searchModePrompt\":\"พรอมต์\",\"searchModeAuthor\":\"ผู้เขียน\",\"placeholderPrompt\":\"ค้นหาพรอมต์...\",\"placeholderAuthor\":\"ค้นหาผู้เขียน...\",\"promoLabel\":\"ตัวเลือกที่ดีกว่า\",\"promoTitle\":\"Agent ทักษะ ช่วยคุณค้นหาอย่างชาญฉลาด\",\"promoButton\":\"ลองใช้\",\"modelSlug\":\"\"},\"promptCard\":{\"tabPrompt\":\"พรอมต์\",\"tabOriginal\":\"ต้นฉบับ\",\"by\":\"โดย\",\"remixFrom\":\"รีมิกซ์จาก\",\"promptHeader\":\"พรอมต์\",\"translateButton\":\"แปล\",\"beforeTranslation\":\"ต้นฉบับ\",\"originalButton\":\"EN\",\"chineseButton\":\"中文\",\"showOriginal\":\"แสดงต้นฉบับ\",\"showTranslation\":\"แสดงการแปล\",\"copy\":\"คัดลอก\",\"copied\":\"คัดลอกแล้ว\",\"share\":\"แชร์\",\"linkCopied\":\"คัดลอกลิงก์แล้ว\",\"tryItNow\":\"ลองทันที\",\"installOnYouMind\":\"ติดตั้งบน YouMind\",\"aiShortcut\":\"ทางลัด AI\",\"install\":\"ติดตั้ง\",\"aiSkill\":\"AI ทั"])</script><script>self.__next_f.push([1,"กษะ\",\"tryInYouMind\":\"ลองใน YouMind\",\"tryIt\":\"ลอง\",\"featured\":\"แนะนำ\",\"save\":\"บันทึก\",\"savePromptTitle\":\"บันทึกพรอมต์\",\"savePromptSubtitle\":\"เข้าถึงได้ทุกที่ ทุกเวลา\",\"savingPrompt\":\"กำลังบันทึก...\",\"referenceImages\":\"รูปภาพอ้างอิง\",\"viewFullPrompt\":\"ดูพรอมต์ฉบับเต็ม\"},\"faq\":{\"title\":\"คำถามที่พบบ่อย\",\"q0\":\"พรอมต์การ์ดคริสต์มาสคืออะไร?\",\"a0\":\"เป็นพรอมต์ AI ที่คัดสรรมาแล้วซึ่งออกแบบมาโดยเฉพาะสำหรับการสร้างการ์ดคริสต์มาสที่สวยงาม รวมถึงปกวันหยุด การ์ดอวยพร กรอบรูป และเทมเพลตที่ปรับแต่งได้ซึ่งใช้งานได้กับเครื่องมือสร้างภาพ AI\",\"q1\":\"มีสไตล์การ์ดคริสต์มาสกี่แบบ?\",\"a1\":\"เรามีพรอมต์การ์ดคริสต์มาสที่แตกต่างกันกว่า 100 รายการครอบคลุมหลากหลายสไตล์: แบบดั้งเดิม ทันสมัย มินิมอล น่ารัก หรูหรา และอื่นๆ แต่ละพรอมต์สามารถปรับแต่งได้อย่างสมบูรณ์\",\"q2\":\"จะใช้พรอมต์เหล่านี้อย่างไร?\",\"a2\":\"เพียงคัดลอกพรอมต์และใช้ใน YouMind กับเครื่องมือสร้างภาพ AI ของเรา คุณสามารถปรับแต่งข้อความ ชื่อ และพารามิเตอร์อื่นๆ เพื่อสร้างการ์ดคริสต์มาสที่สมบูรณ์แบบของคุณ\",\"q3\":\"ฉันสามารถปรับแต่งการ์ดเหล่านี้ได้หรือไม่?\",\"a3\":\"ได้! พรอมต์ส่วนใหญ่รองรับการปรับแต่งผ่านพารามิเตอร์ คุณสามารถเปลี่ยนชื่อ คำอวยพร สี และสไตล์เพื่อทำให้แต่ละการ์ดมีเอกลักษณ์เฉพาะตัว\",\"q4\":\"มีกรณีการใช้งานอื่นๆ อีกไหม?\",\"a4\":\"ดูแกลเลอรีของเราเพื่อรับแรงบันดาลใจและตัวอย่างเพิ่มเติมว่าผู้อื่นใช้พรอมต์เหล่านี้อย่างไรในการสร้างการ์ดคริสต์มาสที่น่าทึ่ง\"},\"blogCard\":{\"tab\":\"บล็อก\",\"cta\":\"สำรวจกรณีเพิ่มเติม\"},\"imageCarousel\":{\"preview\":\"ดูตัวอย่าง\",\"previewImage\":\"ภาพตัวอย่าง\",\"goToSlide\":\"ไปที่สลไลด์ {index}\"},\"emptyState\":{\"noPromptsFound\":\"ไม่พบพรอมต์\",\"trySearchingElse\":\"ลองค้นหาสิ่งอื่น\",\"tryTheseShortcuts\":\"ลองใช้ทางลัด AI เหล่านี้แทน\",\"discoverFeaturedTools\":\"ค้นพบเครื่องมือแนะนำที่สามารถช่วยคุณสร้างเนื้อหาที่ยอดเยี่ยม\",\"viewAllShortcuts\":\"ดูทางลัดทั้งหมด\",\"tryTheseSkills\":\"ลองใช้ทักษะ AI เหล่านี"])</script><script>self.__next_f.push([1,"้แทน\",\"viewAllSkills\":\"ดูทักษะทั้งหมด\"},\"footerCTA\":{\"readyToCreate\":\"พร้อมสร้าง\",\"nanoBanana\":\"เวทมนตร์คริสต์มาสแล้วหรือยัง?\",\"experiencePower\":\"สร้างการ์ดคริสต์มาสที่สวยงามด้วย AI ในไม่กี่วินาที\",\"freeLimitedTime\":\"แบ่งปันความสุขในเทศกาล\",\"startGenerating\":\"เริ่มสร้าง\"},\"tweetModal\":{\"loadingTweet\":\"กำลังโหลดทวีต...\"},\"loadMore\":{\"loading\":\"กำลังโหลดเพิ่ม...\",\"viewAll\":\"ดูพรอมต์ทั้งหมด\"},\"generator\":{\"placeholder\":\"อธิบายการ์ดคริสต์มาสของคุณ... (เช่น ฉากเตาผิงคริสต์มาสที่อบอุ่นพร้อมถุงเท้า)\",\"generate\":\"สร้าง\",\"clearPrompt\":\"ล้างพรอมต์\",\"exitParamMode\":\"ออกจากโหมดพารามิเตอร์\",\"randomPrompt\":\"พรอมต์แบบสุ่ม\",\"random\":\"สุ่ม\",\"image\":\"รูปภาพ\",\"uploadImage\":\"อัปโหลดรูปภาพอ้างอิง\",\"uploadingImages\":\"กำลังอัปโหลดรูปภาพ...\",\"uploadFailed\":\"อัปโหลดรูปภาพล้มเหลว กรุณาลองอีกครั้ง\",\"pleaseUploadReferenceImages\":\"คำสั่งนี้ต้องการรูปภาพอ้างอิง กรุณาเพิ่มรูปภาพก่อน\",\"aspectRatio\":{\"auto\":\"อัตโนมัติ\",\"square\":\"1:1\",\"landscape\":\"16:9\",\"portrait\":\"9:16\"},\"settings\":\"ตั้งค่า\",\"aspectRatioLabel\":\"อัตราส่วนภาพ\"},\"common\":{\"openSourceLink\":\"เปิดลิงก์แหล่งที่มา\",\"editInCMS\":\"แก้ไขใน CMS\"},\"loginPromotionDialog\":{\"title\":\"เข้าสู่ระบบเพื่อสร้างฟรี\",\"subtitle\":\"สร้างการ์ดคริสต์มาสที่สวยงามด้วย AI\",\"benefit1\":\"{credits} เครดิตต่อวัน\",\"benefit2\":\"รองรับหลายโมเดลสร้างภาพ AI\",\"benefit3\":\"เทมเพลตการ์ดคริสต์มาสที่ปรับแต่งได้กว่า 100 รายการ\",\"benefit4\":\"บันทึกและดาวน์โหลดผลงานของคุณ\",\"benefit5\":\"แชร์การ์ดของคุณกับเพื่อนและครอบครัว\",\"loginButton\":\"เข้าสู่ระบบตอนนี้\",\"loginRequired\":\"ต้องเข้าสู่ระบบ\",\"close\":\"ปิด\",\"footerText\":\"เพลิดเพลินไปกับภาพประกอบที่สวยงามบนเว็บไซต์ของเรา 😉\"},\"categories\":{\"all\":\"ทั้งหมด\"}},\"ChristmasCardMaker\":{\"page\":{\"title\":\"ตัวสร้างการ์ดคริสต์มาส - สร้างการ์ดอวยพรด้วย AI | YouMind\",\"description\":\"สร้างการ์ดคริสต์มาสส่วนตัวที่สวยงามด้วย AI อัปโหลดรูปภาพ ปรับแต่งข้อความ เลือกเพลงและฟอนต์เทศกาล\",\"headerTitle\":\"ตัวสร้างการ์ดคริสต์มาส\",\"headerDescription\":\"สร้างการ์ดอวยพรส่วนตัวของคุณด้วย AI\"},\"steps\":{\"cover\":\"หน้าปก\",\"message\":\"ข้อความ\"},\"coverPage\":{\"uploadCover\":\"อัปโหลดหน้าปก\",\"uploadCoverSubtext\":\"หน้าปกการ์ดคริสต์มาสของคุณ\",\"yourPhoto\":\"รู"])</script><script>self.__next_f.push([1,"ปของคุณ\",\"addYourPhoto\":\"เพิ่มรูปของคุณ\",\"willBeMerged\":\"จะถูกรวมเข้ากับกรอบ\",\"uploadHintPhotoFrame\":\"อัปโหลดกรอบรูป แล้วเพิ่มรูปของคุณ\",\"uploadHintNormal\":\"อัปโหลดรูปหน้าปกการ์ดคริสต์มาสของคุณ\",\"uploading\":\"กำลังอัปโหลด...\",\"upload\":\"อัปโหลด\",\"coverImage\":\"รูปหน้าปก\",\"selectCovers\":\"เลือกหน้าปก\",\"removeCover\":\"ลบรูปหน้าปก\",\"removePhoto\":\"ลบรูป\"},\"innerPage\":{\"decoration\":\"การตกแต่ง\",\"addDecoration\":\"เพิ่มการตกแต่ง\",\"removeDecoration\":\"ลบการตกแต่ง\",\"decorationLibrary\":\"คลังการตกแต่ง\",\"decorationSubtext\":\"ไม่บังคับ - AI จะสร้างให้หากเว้นว่าง\",\"aiWillCreate\":\"AI จะสร้างความมหัศจรรย์!\",\"yourMessage\":\"ข้อความของคุณ\",\"messagePlaceholder\":\"ครอบครัวที่รัก\\n\\nขอให้มีความสุขในวันคริสต์มาส มีความสุขทุกวัน และมีสุขภาพดีเสมอ!\\n\\nด้วยรัก\\n[ชื่อของคุณ]\",\"clearText\":\"ล้างข้อความ\"},\"navigation\":{\"makeYourCard\":\"สร้างการ์ดของคุณ\",\"advanceOptions\":\"ตัวเลือกขั้นสูง\"},\"cardPreview\":{\"flipToFront\":\"ดูด้านหน้า\",\"flipToBack\":\"ดูด้านหลัง\"},\"advanceOptions\":{\"title\":\"ตัวเลือกขั้นสูง\",\"done\":\"เสร็จสิ้น\",\"music\":{\"title\":\"เพลงพื้นหลัง\",\"subtitle\":\"เลือกเพลงเทศกาล\",\"randomPick\":\"สุ่มเลือก\"},\"font\":{\"title\":\"รูปแบบฟอนต์\",\"subtitle\":\"เลือกฟอนต์สำหรับข้อความ\",\"previewText\":\"สุขสันต์วันคริสต์มาส\",\"categories\":{\"handwriting\":\"ลายมือ\",\"serif\":\"เซอริฟ\",\"sansSerif\":\"ซานเซอริฟ\",\"display\":\"ดิสเพลย์\"}}},\"loginDialog\":{\"title\":\"สร้างการ์ดคริสต์มาสพิเศษของคุณ\",\"subtitle\":\"เข้าสู่ระบบเพื่อเริ่มสร้าง\",\"benefits\":{\"1\":\"สร้างการ์ดคริสต์มาสสวยๆ ด้วย Gemini 3 Pro และ Nano Banana Pro\",\"2\":\"แชร์การ์ดกับเพื่อนและครอบครัว\",\"3\":\"บันทึกผลงานไว้ในบัญชีของคุณ\",\"4\":\"2000 เครดิตฟรีทุกเดือน\"},\"loginButton\":\"สร้างการ์ด\",\"terms\":\"การเข้าสู่ระบบหมายถึงคุณยอมรับข้อกำหนดการใช้งานและนโยบายความเป็นส่วนตัวของเรา\"},\"common\":{\"uploading\":\"กำลังอัปโหลด...\",\"poweredBy\":\"ขับเคลื่อนโดย YouMind AI\",\"close\":\"ปิด\",\"mute\":\"ปิดเสียง\",\"unmute\":\"เปิดเสียง\"}},\"NewYearsCampaignBanner\":{\"desktopText\":\"แรงบันดาลใจถือกำเนิด ลด 30%\",\"mobileText\":\"30% OFF\",\"buttonText\":\"เข้าร่วมเลย\"},\"Skills\":{\"meta\":{\"title\":\"สำรวจทักษะ AI สำหรับการเรียนรู้ การเขียน และการสร้างสรรค์ - YouMind ทักษะ\",\"description\":\"ค้นพบทักษะ AI ที่ใช้ซ้ำได้มากกว่า 100 รายการสำหรับการวิจ"])</script><script>self.__next_f.push([1,"ัย การสร้างเนื้อหา โซเชียลมีเดีย และการนำเสนอ ไม่ต้องเขียนโค้ด—เพียงรันและรับผลลัพธ์\",\"packTitle\":\"{name} - แพ็คทักษะ YouMind\",\"skillTitle\":\"{name} - ทักษะ YouMind\",\"tryFree\":\"ทดลองใช้ฟรีบน YouMind\",\"defaultPackDescription\":\"สำรวจแพ็คทักษะนี้บน YouMind\",\"defaultSkillDescription\":\"ลองทักษะ AI นี้บน YouMind\"},\"guideText\":\"คู่มือเริ่มต้นใช้งาน ทักษะ\",\"seeWhatsPossible\":\"ดูว่ามีอะไรที่เป็นไปได้\",\"skillsDescription\":\"ทักษะ เป็นคู่หูที่ดีที่สุดของคุณในการเรียนรู้และสร้างสรรค์ใน YouMind ช่วยคุณในการอ่านและคิด\",\"recommendedPacks\":\"แพ็คทักษะ ที่แนะนำ\",\"exploreSkills\":\"สำรวจ ทักษะ\",\"searchPlaceholder\":\"ค้นหา\",\"latest\":\"ล่าสุด\",\"noSkillsFound\":\"ไม่พบ ทักษะ\",\"tryInYouMind\":\"ลองใน YouMind\",\"backToSkills\":\"ทักษะ\",\"copyLink\":\"คัดลอกลิงก์\",\"install\":\"ติดตั้ง\",\"getWith\":\"รับด้วย\",\"open\":\"เปิด\",\"author\":\"ผู้เขียน\",\"categoriesLabel\":\"หมวดหมู่\",\"tools\":\"เครื่องมือ\",\"instructions\":\"คำแนะนำ\",\"instructionPrivate\":\"ผู้เขียนได้ตั้งค่าคำแนะนำเป็นส่วนตัว ด้านล่างคือคำอธิบายโดยย่อของคำแนะนำ\",\"instructionEmpty\":\"ไม่มีคำแนะนำ\",\"instructionVisibleToCreator\":\"แสดงเฉพาะผู้สร้างเท่านั้น\",\"skills\":\"ทักษะ\",\"credits\":\"เครดิต\",\"goToGallery\":\"ไปที่แกลเลอรี\",\"noBioFound\":\"ไม่พบโปรไฟล์\",\"installSuccess\":\"ติดตั้ง ทักษะ สำเร็จ\",\"installFailed\":\"ติดตั้ง ทักษะ ล้มเหลว\",\"categories\":{\"learn\":\"เรียนรู้\",\"write\":\"เขียน\",\"create\":\"สร้างสรรค์\",\"life\":\"ชีวิต\",\"research\":\"วิจัย\",\"images\":\"รูปภาพ\",\"slides\":\"สไลด์\",\"webpage\":\"หน้าเว็บ\",\"other\":\"เพิ่มเติม\"},\"aiAssistant\":{\"hoverHint\":\"ผู้ช่วย AI\",\"title\":\"ต้องการ Skill เฉพาะหรือไม่?\",\"description\":\"บอกฉันว่าคุณต้องการอะไร ฉันจะพยายามอย่างเต็มที่เพื่อหาให้คุณ!\",\"buttonText\":\"ถาม AI\",\"prompt\":\"แนะนำ Skill ให้ฉัน\"},\"aiFind\":{\"buttonText\":\"ให้ AI ช่วยหา\",\"prompt\":\"ช่วยหาทักษะเกี่ยวกับ \\\"{query}\\\"\"},\"tryIt\":\"ลองใช้\",\"monthlyTopTitle\":\"ยอดนิยมประจำเดือน\",\"monthlyTopDesc\":\"ทักษะใหม่ที่ฮอตที่สุดประจำเดือน — ดูว่าทุกคนกำลังลองอะไรกัน\",\"featuredTitle\":\"แนะนำพิเศษ\",\"featuredDesc\":\"คัดสรรโดยทีมงานของเรา — ทักษะคุณภาพ พร้อมใช้งาน\",\"monthlyRankingEmpty\":\"เดือนนี้ยังไม่มีสกิลติดอันดับ — มาเป็นคนแรกที่สร้างกันเถอะ!\",\"featuredRankingEmpty\":\"ยังไม่มีสกิลแนะนำ รอติดตามตัวเลือกจากเราได้เลย!\",\"goEx"])</script><script>self.__next_f.push([1,"ploreSkills\":\"สำรวจสกิล\",\"goCreateSkill\":\"สร้างสกิล\",\"monthlyTopTabPaid\":\"อันดับเสียเงิน\",\"monthlyTopTabFree\":\"อันดับฟรี\"},\"ModelArena\":{\"header\":{\"vs\":\"VS\",\"mysteryModel\":\"???\",\"allModels\":\"รุ่นทั้งหมด\"},\"prompts\":\"Prompts\",\"loadMore\":\"โหลดเพิ่มเติม\",\"showMore\":\"แสดงเพิ่มเติม\",\"showLess\":\"แสดงน้อยลง\",\"excelsFilter\":{\"label\":\"เก่งที่สุด:\",\"all\":\"ทั้งหมด\",\"excels\":\"เก่ง\"},\"empty\":{\"title\":\"ไม่พบการเปรียบเทียบ\",\"description\":\"ลองปรับตัวกรองหรือกลับมาใหม่ภายหลัง\"},\"footer\":{\"poweredBy\":\"ขับเคลื่อนโดย\"},\"viewComparison\":\"ดูการเปรียบเทียบ\",\"preview\":\"ตัวอย่าง\",\"noImage\":\"ไม่มีรูปภาพ\",\"models\":\"โมเดล\",\"sourceLink\":\"ลิงก์ที่มา\",\"by\":\"โดย\",\"tryItNow\":\"ลองเลย\",\"preferThis\":\"ชอบอันนี้\",\"votes\":\"โหวต\",\"prompt\":\"พรอมต์\",\"filters\":\"ตัวกรอง\",\"clearFilters\":\"ล้างตัวกรอง\",\"championModel\":\"โมเดลแชมป์\",\"categories\":{\"usecases\":\"กรณีใช้งาน\",\"styles\":\"สไตล์\",\"subjects\":\"หัวข้อ\"},\"comparisonSummary\":{\"title\":\"สรุปการเปรียบเทียบโมเดล\",\"readTime\":\"อ่าน {minutes} นาที\"},\"modelWinCounts\":{\"title\":\"สถิติการชนะของโมเดล\",\"updateNote\":\"อัปเดตทุก {hours} ชั่วโมง\"},\"footerCTA\":{\"title\":\"โมเดลไหนชนะ?\",\"shuffleAndTry\":\"สุ่มและลอง\",\"hint\":\"คลิกเพื่อลองพรอมต์แบบสุ่ม\"},\"loginDialog\":{\"title\":\"เข้าสู่ระบบเพื่อใช้งานฟรี\",\"subtitle\":\"สัมผัสความสามารถอันทรงพลังของ Nano Banana Pro\",\"close\":\"ปิด\",\"benefit1\":\"1000 เครดิตต่อวัน\",\"benefit2\":\"รองรับ Gemini 3.0 Pro, Nano Banana Pro, Claude Opus 4.6 และโมเดลอื่นๆ\",\"benefit3\":\"เลือกวัสดุ AI สร้างร่างที่มีโครงสร้างทันที แก้ไขไม่กี่ประโยคและเผยแพร่\",\"benefit4\":\"เพิ่มหมายเหตุวิดีโอ / พอดคาสต์ / บทความระหว่างทาง AI สร้างบันทึกและสรุปด้วยคลิกเดียว\",\"benefit5\":\"ไม่กี่ประโยคกับหนึ่งลิงก์ สร้าง\u003cslides\u003eสไลด์ที่ส่งมอบได้ทันที\u003c/slides\u003e\",\"loginButton\":\"เข้าสู่ระบบตอนนี้\",\"loginRequired\":\"ต้องเข้าสู่ระบบ\",\"footerText\":\"เพลิดเพลินไปกับภาพประกอบที่สวยงามบนเว็บไซต์ของเรา 😉\"},\"referenceImages\":\"รูปภาพอ้างอิง\",\"blindTest\":\"โหมดทายผล\",\"linkCopied\":\"คัดลอกลิงก์แล้ว\",\"share\":\"แชร์\",\"longPressToSave\":\"กดค้างที่รูปภาพเพื่อบันทึก\",\"model\":\"โมเดล\",\"championModelHint\":\"กรองพรอมต์ที่โมเดลนี้ได้รับคะแนนโหวตมากที่สุด\",\"featured\":\"แนะนำ\",\"roast\":{\"title\":\"AI Roast\",\"aiSays\":\"AI Roast:\",\"winner\":\"ผู้ชนะ\",\"download\":\"ดาวน์โหลดรูปภาพ\",\"share\":\"แชร์\",\"shareTitle\":\"ดู AI Roast นี้!\",\"roastThem\":\"AI Roast\",\"randomRoast\":\"AI Roast แ"])</script><script>self.__next_f.push([1,"บบสุ่ม\",\"noComments\":\"ไม่มี Roast สำหรับการเปรียบเทียบนี้\",\"loading\":\"กำลังโหลด Roast...\",\"generatingImage\":\"กำลังสร้างภาพ...\",\"linkCopied\":\"คัดลอกลิงก์แล้ว\",\"selectModels\":\"เลือกโมเดล\",\"loadingRandomRoast\":\"กำลังค้นหา roast ที่เผ็ดร้อน...\",\"noCommentsForPair\":\"ไม่มี Roast สำหรับคู่โมเดลนี้ ลองคู่อื่นดู\",\"noCommentsAvailable\":\"ไม่มี Roast ในหน้านี้ ลองปรับตัวกรองหรือกลับมาดูอีกครั้งในภายหลัง\"},\"pickFavoriteHint\":\"คลิกที่รูปภาพและเลือกที่คุณชอบ!\",\"exploreMorePrompts\":\"สำรวจพรอมต์นับพัน\",\"allPrompts\":\"ทั้งหมด\",\"sortButton\":\"เรียงลำดับ\",\"sortAsc\":\"จากน้อยไปมาก\",\"sortDesc\":\"จากมากไปน้อย\",\"sortTime\":\"เวลา\",\"sortLikes\":\"ถูกใจ\",\"sortComments\":\"ความคิดเห็น\",\"sortReposts\":\"รีโพสต์\",\"sortViews\":\"การดู\",\"sortBookmarks\":\"บุ๊กมาร์ก\",\"clearSort\":\"ล้างการเรียงลำดับ\",\"compareModels\":\"เปรียบเทียบโมเดล\"},\"Landing\":{\"LennyCareerCoach\":{\"meta\":{\"title\":\"โค้ชอาชีพของ Lenny — รีวิวเรซูเม่และคำแนะนำอาชีพด้วย AI\",\"description\":\"การโค้ชอาชีพแบบเฉพาะบุคคลจากข้อมูลเชิงลึกของจดหมายข่าว Lenny Rachitsky รีวิวเรซูเม่ คำแนะนำอาชีพ และสัมภาษณ์จำลอง\"},\"header\":{\"downloadButton\":\"รับแพ็กเกจเนื้อหาของ Lenny\",\"title\":\"โค้ชอาชีพของ Lenny\"},\"tabs\":{\"resume\":\"รีวิวเรซูเม่\",\"advice\":\"คำแนะนำอาชีพ\",\"interview\":\"สัมภาษณ์จำลอง\"},\"sharedBadge\":{\"trainedOn\":\"ฝึกจากบทความจดหมายข่าว Lenny กว่า 500 บทความ\",\"hours\":\"ภูมิปัญญาด้านอาชีพกว่า 2000 ชั่วโมง\"},\"resume\":{\"welcome\":\"สวัสดี! ฉันคือโค้ชอาชีพของ Lenny อัปโหลดเรซูเม่ของคุณแล้วฉันจะให้ฟีดแบ็กที่ละเอียดและนำไปปฏิบัติได้ โดยอ้างอิงจากข้อมูลเชิงลึกด้านการจ้างงานจากบริษัทเทคชั้นนำ\",\"userUpload\":\"resume_sarah_chen_2026.pdf\",\"analysisIntro\":\"เยี่ยม ฉันวิเคราะห์เรซูเม่ของคุณแล้ว นี่คือฟีดแบ็กโดยละเอียด:\",\"feedback\":{\"title\":\"สรุปการวิเคราะห์เรซูเม่\",\"strongPoints\":\"จุดแข็ง\",\"strong1\":\"การวัดผลกระทบเชิงปริมาณที่ชัดเจน\",\"strong2\":\"คำกริยาแอคชันที่แข็งแกร่งและหัวข้อย่อยที่กระชับ\",\"areasToImprove\":\"ส่วนที่ต้องปรับปรุง\",\"improve1\":\"เพิ่มบริบทเกี่ยวกับขนาดทีมและขอบเขตงาน\",\"improve2\":\"พิจารณาจัดระเบียบส่วนทักษะตามความเกี่ยวข้อง\"},\"sources\":{\"article1\":\"เคล็ดลับเรซูเม"])</script><script>self.__next_f.push([1,"่จาก Lenny\",\"article2\":\"การจ้างงานในบริษัทชั้นนำ\"},\"quote\":{\"text\":\"เรซูเม่ที่ดีที่สุดไม่ได้แค่ระบุหน้าที่ — แต่เล่าเรื่องราวของผลกระทบ\",\"author\":\"Lenny Rachitsky\"}},\"advice\":{\"welcome\":\"ฉันอยู่ที่นี่เพื่อช่วยคุณนำทางอาชีพ โดยอ้างอิงจากบทความและบทสัมภาษณ์ผู้เชี่ยวชาญหลายร้อยชิ้น คุณอยากสำรวจอะไร?\",\"topic1\":\"การเปลี่ยนผ่านและเปลี่ยนเส้นทางอาชีพ\",\"topic2\":\"กลยุทธ์การเจรจาเงินเดือน\",\"topic3\":\"สร้างแบรนด์ส่วนตัว\",\"topic4\":\"การสร้างเครือข่ายและการเป็นพี่เลี้ยง\"},\"interview\":{\"welcome\":\"มาฝึกกัน! ฉันจะจำลองสถานการณ์สัมภาษณ์จริงตามที่บริษัทชั้นนำกำลังมองหา เลือกประเภทตำแหน่งเพื่อเริ่มต้น\"},\"chatInput\":{\"dropHint\":\"อัปโหลดเรซูเม่ PDF หรือกรอกข้อมูลส่วนตัวของคุณด้านล่าง\",\"dropHere\":\"วาง PDF ที่นี่\",\"placeholder\":\"อัปโหลด PDF หรือกรอกข้อมูลส่วนตัวของคุณ...\",\"attachFile\":\"แนบไฟล์\",\"validationHint\":\"กรุณาอัปโหลด PDF หรือกรอกข้อมูลส่วนตัวของคุณ\"},\"uploadSuccess\":{\"analyzeButton\":\"วิเคราะห์ด้วยโค้ชของ Lenny\"},\"promotionDialog\":{\"title\":\"ปลดล็อกการวิเคราะห์เต็มรูปแบบ\",\"feature1\":\"เครดิตฟรี 1,000 ต่อวัน\",\"feature2\":\"การเพิ่มประสิทธิภาพและสร้างเรซูเม่ด้วยข้อมูลเชิงลึกของ Lenny\",\"feature3\":\"การสนทนาแนะนำอาชีพกับผู้บริหารบริษัทเทคชั้นนำ\",\"feature4\":\"สัมภาษณ์จำลองเชิงปฏิบัติพร้อมฟีดแบ็กแบบเรียลไทม์\",\"ctaText\":\"เริ่มฟรี →\",\"footerText\":\"เรียนรู้เพิ่มเติมเกี่ยวกับ YouMind\"},\"footer\":{\"builtWith\":\"สร้างด้วย\"}},\"GptImage2Slides\":{\"meta\":{\"title\":\"GPT Image 2 AI Slides | ข้อความ ใบหน้า เลย์เอาต์ ลงตัวแล้ว — YouMind\",\"description\":\"สร้างสไลด์ AI ด้วย GPT Image 2 ใหม่ของ OpenAI ใน YouMind ความแม่นยำตัวอักษร 99% ภาพพอร์ตเทรตสมจริงระดับรูขุมขน เลย์เอาต์พร้อมใช้งานจริง ส่งออกวิดีโอพากย์ด้วยเสียงโคลนของคุณเองในคลิกเดียว\"},\"hero\":{\"title\":\"สร้างสไลด์พร้อมส่งมอบ\\nได้ในไม่กี่ประโยค\",\"subtitle\":\"ใส่บทความ พอดแคสต์ หรือลิงก์ YouTube แล้ว GPT Image 2 จะจัดคำ ใบหน้า และเลย์เอาต์ให้ลงตัวตั้งแต่รอบแรก\",\"inputPlaceholder\":\"ใส่บทความ ลิงก์พอดแคสต์ หรือ URL YouTub"])</script><script>self.__next_f.push([1,"e — หรืออธิบายชุดสไลด์ที่อยากได้\",\"submitCta\":\"สร้าง\",\"templateSectionTitle\":\"เลือกสไตล์ (ไม่บังคับ)\",\"templateSectionSubtitle\":\"แต่ละการ์ดคือ deck สไตล์ครบชุด วางเมาส์เพื่อเปิดดูหน้าตัวอย่าง\",\"modelSelector\":{\"gptImage2\":{\"label\":\"GPT Image 2\",\"subtitle\":\"ข้อความ 99% · พอร์ตเทรตสมจริง · แนะนำ\"},\"nanoBananaPro\":{\"label\":\"Nano Banana Pro\",\"subtitle\":\"เรื่องเล่าแบบซีรีส์ · โยงตัวละครด้วย 14 ref · อินโฟกราฟิกแน่น\"},\"nanoBanana2\":{\"label\":\"Nano Banana 2\",\"subtitle\":\"ครึ่งราคา · คุ้มค่าสุด\"}},\"chatInput\":{\"attachFile\":\"แนบไฟล์\",\"removeFile\":\"ลบไฟล์\",\"dropHere\":\"วางที่นี่\",\"helperText\":\"วางลิงก์หรือลาก PDF / Markdown / รูปภาพ — สูงสุด 50MB\",\"validationHint\":\"พิมพ์ prompt หรือแนบไฟล์ก่อน\"},\"defaultPrompt\":\"ก่อนอื่น ให้ดูและทำความเข้าใจวิดีโอนี้: https://www.youtube.com/watch?v=sWkGomJ3TLI\\n\\nนี่คือวิดีโอเปิดตัว GPT Image 2 ใช้มันเป็นข้อมูลอ้างอิงหลักเพื่อคาดการณ์ว่าโมเดลสร้างภาพในอนาคตอาจถูกประกาศอย่างไร และเมื่อถึง AGI Image 10 อะไรบ้างที่จะทรงพลังแบบเกินเหตุ\\n\\nสร้างเด็คนำเสนอเปิดตัวสไตล์ roast ที่ตลกมากสำหรับโมเดลอนาคตสมมติชื่อ AGI Image 10 ซึ่งประกาศโดย OpenAGI (ไม่ใช่ OpenAI) ในงาน OpenAGI 2030 Spring Keynote ผู้นำเสนอคือ Sam Ultraman ตัวละครสมมติที่หน้าคล้าย Sam Altman และกำลังพูด keynote ที่จริงจังที่สุดในชีวิตเกี่ยวกับโมเดลภาพที่อาจเริ่มมีสำนึกรู้ตัวเองแล้ว\\n\\nให้รู้สึกเหมือน keynote เทคโนโลยีโปรดักชันอลังการที่จริงจังกับตัวเองเกินไป: เปิดตัวภาพ hero อย่างดราม่า, typography อนาคตคมชัด, ใบหน้าสมจริง, กราฟอ่านง่าย, ภาพพรีเมียม และหัวข้อที่เหมาะจะกลายเป็น meme เริ่มด้วย: “โมเดลภาพที่ในที่สุดก็เข้าใจว่าลูกค้าหมายถึงอะไรเวลาพูดว่า ‘make it pop’.” ใส่ benchmark ล้อเลียน, ปฏิกิริยานักลงทุนปลอม, แพ็กเกจราคาสุดเพี้ยน, หมายเหตุด้านความปลอดภัย และ waitlist 10 ล้านคน\",\"templatePrompt\":\"ก่อนอื่น ให้ดูและทำความเข้าใจวิดีโอนี้: https://www.youtube.com/watch?v=sWkGomJ3TLI\\n\\nนี่คือวิดีโอเปิดตัว GPT Image 2 ใช้มันเป็นข้อมูลอ้างอิงหลักเพื่อคาดการณ์ว่าโมเดลสร้างภาพในอนาคตอาจถูกประกา"])</script><script>self.__next_f.push([1,"ศอย่างไร และเมื่อถึง AGI Image 10 อะไรบ้างที่จะทรงพลังแบบเกินเหตุ\\n\\nสร้างพรีเซนเทชันเปิดตัวผลิตภัณฑ์สไตล์ roast ที่ตลกมากสำหรับโมเดลอนาคตสมมติชื่อ AGI Image 10 ซึ่งประกาศโดย OpenAGI (ไม่ใช่ OpenAI) ในงาน OpenAGI 2030 Spring Keynote ผู้นำเสนอคือ Sam Ultraman ตัวละครสมมติที่หน้าคล้าย Sam Altman และกำลังพูด keynote ที่จริงจังที่สุดในชีวิตเกี่ยวกับโมเดลภาพที่อาจเริ่มมีสำนึกรู้ตัวเองแล้ว\\n\\nเด็คควรรู้สึกเหมือน keynote AI จริงจังที่ค่อย ๆ กลายเป็น meme ทุกสไลด์ต้องตลก เฉียบ อ่านง่าย และน่าแคปหน้าจอ เริ่มด้วย: “โมเดลภาพที่ในที่สุดก็เข้าใจว่าลูกค้าหมายถึงอะไรเวลาพูดว่า ‘make it pop’.” ใส่ benchmark ล้อเลียน, timeline จาก GPT Image 2 ถึง AGI Image 10, ปฏิกิริยานักลงทุนปลอม, แพ็กเกจราคาสุดเพี้ยน, หมายเหตุด้านความปลอดภัย และ waitlist 10 ล้านคน\"},\"templates\":{\"placeholder\":\"ตัวอย่างเร็ว ๆ นี้\",\"expandPreview\":\"เปิดตัวอย่าง\",\"recommendedBadge\":\"แนะนำ\",\"yearEndReport\":{\"title\":\"รายงานสิ้นปี\",\"subtitle\":\"เล่าด้วยข้อมูล\",\"defaultPrompt\":\"เปลี่ยนปีที่ฉันจะอธิบายต่อไปให้เป็น deck รายงานสิ้นปี — ไฮไลต์ ตัวเลขที่สำคัญ และสไลด์ outlook ที่คม\"},\"memphisDesign\":{\"title\":\"Memphis Design\",\"subtitle\":\"เรโทรขี้เล่น\",\"defaultPrompt\":\"ทำ deck ในหัวข้อที่ฉันจะแชร์ต่อไปในสไตล์ Memphis — รูปทรงกล้าๆ พาเลตต์แบบกระดาษแฉ และจังหวะเอดิทอเรียลขี้เล่น\"},\"boldVisualBrochure\":{\"title\":\"Bold Visual Brochure\",\"subtitle\":\"ปกระดับนิตยสาร\",\"defaultPrompt\":\"เปลี่ยน brief ของฉันให้เป็น brochure ภาพกล้า — ปกระดับนิตยสาร ตัวอักษรยักษ์ และหน้าสเปรดปิดที่อ่านเหมือน pitch\"},\"kamiDesign\":{\"title\":\"Kami Design\",\"subtitle\":\"เอดิทอเรียลกระดาษตัด\",\"defaultPrompt\":\"ทำ deck สไตล์ Kami / กระดาษตัดเอดิทอเรียลในหัวข้อที่แชร์ — พื้นผิวซ้อนชั้น พาเลตต์สงบ และพื้นที่ว่างที่จงใจ\"},\"vibrantHanddrawn\":{\"title\":\"วาดมือสดใส\",\"subtitle\":\"มืออาชีพรุ่นใหม่\",\"defaultPrompt\":\"ทำ deck วาดมือสดใสสำหรับผู้อ่านมืออาชีพรุ่นใหม่ — สีจัด เส้นสเกตช์ สไลด์ที่รู้สึกถึงความเป็นมนุษย์ ไม่ใช่บริษัท\"},\"modernDigital\":{\"title\":\"Modern Digital\",\"subtitle\":\"ผลิตภัณฑ์"])</script><script>self.__next_f.push([1,"สะอาด\",\"defaultPrompt\":\"ทำ deck ดิจิทัลสมัยใหม่ในหัวข้อที่แชร์ — ภาพผลิตภัณฑ์สะอาด callout UI และพาเลตต์ SaaS เรียบ\"},\"brutalism\":{\"title\":\"Brutalism\",\"subtitle\":\"ดิบแบบสถาปัตย์\",\"defaultPrompt\":\"ทำ deck สไตล์ brutalist ในหัวข้อที่แชร์ — กริดหนัก monospace accent คอนทราสต์ดิบ ไม่มีของตกแต่ง\"},\"neuBrutalism\":{\"title\":\"Neu-Brutalism Manifesto\",\"subtitle\":\"สไลด์คำประกาศ\",\"defaultPrompt\":\"เขียน deck แถลงการณ์สไตล์ neu-brutalist ในหัวข้อที่แชร์ — เส้นขอบหนา ตัวอักษรหนัก สไลด์ประกาศแบบไม่ต้องขอโทษ\"}},\"templatePreview\":{\"close\":\"ปิดตัวอย่าง\",\"previous\":\"หน้าก่อน\",\"next\":\"หน้าถัดไป\",\"useTemplate\":\"ใช้เทมเพลตนี้\"},\"why\":{\"sectionTitle\":\"ที่ที่ฝีมือแสดงออกมา\",\"bestInClass\":{\"title\":\"ข้อความ ใบหน้า เลย์เอาต์ — โมเดลนี้ทำสามอย่างลงตัว\",\"body\":\"ข้อความ พอร์ตเทรต สินทรัพย์สินค้า เลย์เอาต์ — GPT Image 2 จัดการสามเรื่องยากที่สุดในสไลด์ได้ตั้งแต่รอบแรก ด้วยตัวอักษร 99% และดีเทลระดับรูขุมขน\",\"cta\":\"ลองเลย\"},\"fromAnything\":{\"title\":\"หนึ่งลิงก์ หนึ่งบทความ หนึ่งพอดแคสต์ — หนึ่ง deck\",\"body\":\"โยนลิงก์ YouTube พอดแคสต์ บทความ หรือ PDF YouMind กลั่นแก่นและเรนเดอร์ทั้ง deck ขนาน — อ้างอิงจากแหล่งจริงของคุณ\",\"cta\":\"ลองเลย\"},\"videoExport\":{\"title\":\"ไกลกว่าสไลด์: วิดีโอคลิกเดียวด้วยเสียงโคลนของคุณ\",\"body\":\"Smart Video เปลี่ยน deck ให้เป็นวิดีโอเสร็จ — พากย์ AI ซับไตเติล BGM ทรานสิชัน — บวกโคลนเสียงให้ฟังเหมือนคุณจริง ๆ\",\"cta\":\"ลองเลย\"},\"styleConsistency\":{\"title\":\"สไตล์คงเส้นคงวา ตั้งแต่ปกยันจบ\",\"body\":\"สไลด์ทั้งหมดสร้างขนานและล็อกสไตล์เดียวในครั้งเดียว พาเลตต์ ตัวอักษร จังหวะภาพ — คงเส้นคงวาตั้งแต่ต้นจนจบ\",\"cta\":\"ลองเลย\"},\"sectionIntro\":\"สี่ดีเทลเงียบ ๆ ที่แยก deck พร้อมส่งตั้งแต่รอบแรกออกจากร่างที่ยังต้องเก็บ\"},\"comparison\":{\"sectionTitle\":\"ทำไมต้อง YouMind\",\"intro\":\"เครื่องมือเยอะแยะอ้างทำ \\\"สไลด์ AI\\\" แรงเสียดทานมักปรากฏตอนส่งงาน — ความคงที่พัง เอ็กซ์พอร์ตเป็น PDF อย่างเดียว หรือต้องใช้เครื่องมือที่สองสำหรับพากย์ ตารางนี้มาจากการใช้งานจริงทั้งสี่ตัวด้วยตัวเรา"])</script><script>self.__next_f.push([1,"\",\"dimensionLabel\":\"มิติ\",\"vendors\":{\"youmind\":\"YouMind\",\"gamma\":\"Gamma\",\"manus\":\"Manus\",\"beautifulAi\":\"Beautiful.ai\"},\"rows\":{\"imageModels\":{\"name\":\"โมเดลภาพ\",\"youmind\":\"GPT Image 2 / Nano Banana Pro (สลับในคลิกเดียว)\",\"gamma\":\"Gamma Imagine (พัฒนาเอง, 2026-03)\",\"manus\":\"Nano Banana Pro (อินทิเกรชันเดี่ยว)\",\"beautifulAi\":\"สต็อกเป็นหลัก + AI เบา\"},\"aiChatEdit\":{\"name\":\"แก้ผ่านแชท AI\",\"youmind\":\"✅\",\"gamma\":\"✅\",\"manus\":\"✅\",\"beautifulAi\":\"✅\"},\"textEdit\":{\"name\":\"แก้ข้อความระดับย่อหน้า\",\"youmind\":\"✅\",\"gamma\":\"✅\",\"manus\":\"✅ (ตั้งแต่ 2026-11)\",\"beautifulAi\":\"✅\"},\"sourceInput\":{\"name\":\"สร้างจากเอกสาร / URL / KB\",\"youmind\":\"✅\",\"gamma\":\"✅\",\"manus\":\"✅\",\"beautifulAi\":\"⚠️ outline ก่อน จำกัด\"},\"batchGen\":{\"name\":\"สร้างสไลด์เป็นชุด\",\"youmind\":\"✅\",\"gamma\":\"✅\",\"manus\":\"✅\",\"beautifulAi\":\"✅\"},\"autoStyle\":{\"name\":\"Agent เลือกสไตล์ให้เอง\",\"youmind\":\"✅\",\"gamma\":\"✅\",\"manus\":\"✅\",\"beautifulAi\":\"⚠️ อิงเทมเพลต\"},\"videoExport\":{\"name\":\"เอ็กซ์พอร์ตวิดีโอพากย์\",\"youmind\":\"✅ Smart Video\",\"gamma\":\"⚠️ TTS + ซับเท่านั้น\",\"manus\":\"❌\",\"beautifulAi\":\"❌\"},\"voiceClone\":{\"name\":\"โคลนเสียงคนจริง\",\"youmind\":\"✅\",\"gamma\":\"❌\",\"manus\":\"❌\",\"beautifulAi\":\"❌\"},\"skillReuse\":{\"name\":\"Skill ใช้ซ้ำได้ + Marketplace\",\"youmind\":\"✅ ครีเอเตอร์ได้ credit\",\"gamma\":\"❌\",\"manus\":\"⚠️ มี Skill แต่ไม่มี marketplace\",\"beautifulAi\":\"❌\"}},\"verdict\":\"มีเพียง YouMind เท่านั้นที่ส่งวิดีโอพากย์ด้วยเสียงของคุณเองและจ่ายครีเอเตอร์ผ่าน Skill ใช้ซ้ำ — พร้อม GPT Image 2 และ Nano Banana Pro ห่างแค่คลิกเดียว\"},\"modelCompare\":{\"sectionTitle\":\"GPT Image 2 vs Nano Banana Pro\",\"intro\":\"สไลด์ขึ้นอยู่กับข้อความ ใบหน้า เลย์เอาต์ — สามเรื่องนี้เรียกใช้ GPT Image 2 เป็นค่าเริ่มต้น Nano Banana Pro ชนะเมื่อความคงที่ของตัวละครข้ามสไลด์หรือเวิร์กโฟลว์อ้างอิงรูปหลายใบสำคัญกว่า\",\"primaryLabel\":\"โมเดลหลัก\",\"alternativeLabel\":\"ทางเลือก\",\"models\":{\"gptImage2\":\"GPT Image 2\",\"nanoBananaPro\":\"Nano Banana Pro\"},\"rows\":{\"smallText\":{\"name\":\"ตัวเล็ก / label UI / iconography\",\"gptImage2\":\"⭐⭐⭐⭐⭐ เสถียรที่สุดในเทสต์\",\"nanoBananaPro\":\"⭐⭐⭐⭐\"},\"multilingualText\":{\"name\":\"หลายภาษา (CJK / ฮินดี / เบงกาลี)\",\"gptImage2\":\"⭐⭐⭐⭐⭐\",\"nanoBananaPro\":\"⭐⭐⭐⭐\"},\"portraitRealism\":{\"name\":\"พอร์ตเทรตสมจริง (รูขุมขน มือ แสง)\",\"gptImage2\":\"⭐⭐⭐⭐⭐\",\"nanoBananaPro\":\"⭐⭐⭐⭐\"},\"productBrand\":{\"name\":\"สินทรัพย์สินค้า / แบรนด์ (โลโก้ วัสดุ แพ็กเกจ)\",\"gptImage2\":\"⭐⭐⭐⭐⭐\",\"nanoBananaPro\":\"⭐⭐⭐⭐\"},\"instructionFollowing\":{\"name\":\"ตามคำสั่ง / รักษาดีเทล\",\"gptImage2\":\"⭐⭐⭐⭐⭐\",\"nanoBananaPro\":\"⭐⭐⭐⭐\"},\"complexLayout\":{\"name\":\"เลย์เอาต์ซับซ้อนหลายองค์ประกอบ\",\"gptImage2\":\"⭐⭐⭐⭐⭐\",\"nanoBananaPro\":\"⭐⭐⭐⭐\"},\"highResolution\":{\"name\":\"เอาต์พุ"])</script><script>self.__next_f.push([1,"ตความละเอียดสูง + อัตราส่วน\",\"gptImage2\":\"✅ สูงสุด 3840px, 3:1 → 1:3\",\"nanoBananaPro\":\"✅ 1K / 2K / 4K native\"},\"denseInfographicLayout\":{\"name\":\"อินโฟกราฟิกแน่น / เลย์เอาต์เอดิทอเรียล\",\"gptImage2\":\"⭐⭐⭐⭐⭐ นำเล็กน้อย\",\"nanoBananaPro\":\"⭐⭐⭐⭐\"},\"pureLongText\":{\"name\":\"ความแม่นข้อความยาวล้วน (ย่อหน้า โปสเตอร์)\",\"gptImage2\":\"⭐⭐⭐⭐\",\"nanoBananaPro\":\"⭐⭐⭐⭐⭐\"},\"multiRefConsistency\":{\"name\":\"โยงตัวละครเข้ม ๆ ข้ามหน้า (multi-ref)\",\"gptImage2\":\"⭐⭐⭐\",\"nanoBananaPro\":\"⭐⭐⭐⭐⭐ สูงสุด 14 ภาพอ้างอิง\"},\"spatialReasoning\":{\"name\":\"เหตุผลสเปเชียล 3D / เงาสะท้อน / ฟิสิกส์แสง\",\"gptImage2\":\"⭐⭐⭐⭐⭐\",\"nanoBananaPro\":\"⭐⭐⭐⭐\"},\"inpainting\":{\"name\":\"แก้ไขเฉพาะจุด / inpainting\",\"gptImage2\":\"✅ แก้แบบอิงมาสก์\",\"nanoBananaPro\":\"✅ แก้ระดับความหมายแรงกว่า\"}},\"bestFor\":{\"name\":\"เหมาะกับ\",\"gptImage2\":\"deck รายวัน · วิชวลพรีเซนเทชัน · เลย์เอาต์มาร์เก็ตติ้ง · demo UI / สินค้า · สินทรัพย์แคมเปญหลายภาษา · ปกพอร์ตเทรต · วิชวลแบรนด์ / เอดิทอเรียล\",\"nanoBananaPro\":\"นิ่งกับตัวละครข้ามหน้า · multi-ref · เรื่องเล่าซีรีส์ · แก้ระดับความหมายจุด · เวิร์กโฟลว์อ้างอิงภาพเยอะ\"},\"verdict\":\"ค่าเริ่มต้น GPT Image 2 สำหรับ deck ส่วนใหญ่ สลับ Nano Banana Pro เมื่อต้องการความคงที่ของตัวละครเข้ม ๆ ข้ามสไลด์ เรื่องเล่าซีรีส์ หรือการแก้ที่ต้องการอ้างอิงเยอะ\"},\"steps\":{\"sectionTitle\":\"สามขั้นตอน จากไอเดียถึงสไลด์\",\"intro\":\"วิธีมืออาชีพในการทำเรื่องเล่าภาพ\",\"step1\":{\"title\":\"ป้อน brief\",\"body\":\"วางลิงก์หรือข้อความและเลือกทิศทางภาพ\"},\"step2\":{\"title\":\"ดูมันเรนเดอร์\",\"body\":\"GPT Image 2 สร้างทุกเลเยอร์ด้วยความนิ่งแบบ native\"},\"step3\":{\"title\":\"เอ็กซ์พอร์ตทันที\",\"body\":\"ดาวน์โหลด PPTX PDF ความละเอียดสูง หรือเอ็กซ์พอร์ตเป็นวิดีโอ\"}},\"showcase\":{\"sectionTitle\":\"หน้าจริงจากแต่ละเทมเพลต\",\"intro\":\"เทมเพลตด้านบนทุกอันคือ YouMind Skill จริง ๆ — นี่คือสไลด์ที่มันผลิตออกมา คลิกหน้าไหนก็ได้เพื่อดูเต็มขนาด\",\"categories\":{\"realistic\":\"สมจริง\",\"cyberpunk\":\"ไซเบอร์พังก์\",\"illustration\":\"ภาพประกอบ\",\"gothic\":\"โกธิก\"},\"thumbnails\":{\"realistic\":{\"0\":\"Modern Minimal\",\"1\":\"Editorial Bold\",\"2\":\"Swiss Style\",\"3\":\"Tech Deep\"},\"cyberpunk\":{\"0\":\"Neon Grid\",\"1\":\"Glitch Pop\",\"2\":\"Night City\",\"3\":\"Retrowave\"},\"illustration\":{\"0\":\"เรื่องเล่าสีเทียน\",\"1\":\"สีน้ำ\",\"2\":\"กระดาษตัด\",\"3\":\"พาสเทลนุ่ม\"},\"g"])</script><script>self.__next_f.push([1,"othic\":{\"0\":\"มหาวิหาร\",\"1\":\"ต้นฉบับหมึก\",\"2\":\"วิคตอเรียน\",\"3\":\"บาโรกดำ\"}},\"previousCategory\":\"หมวดก่อน\",\"nextCategory\":\"หมวดถัดไป\",\"pageLabel\":\"หน้า {num}\"},\"faq\":{\"sectionTitle\":\"คำถามที่พบบ่อย\",\"modelChoice\":{\"q\":\"เมื่อไหร่ใช้ GPT Image 2 เมื่อไหร่ใช้ Nano Banana Pro?\",\"a\":\"ค่าเริ่มต้นคือ GPT Image 2 — นำในด้านความแม่นตัวอักษร สมจริงพอร์ตเทรต ตามคำสั่ง และเลย์เอาต์ซับซ้อน ครอบคลุมการใช้งานสไลด์ส่วนใหญ่ สลับ Nano Banana Pro ในสองกรณี: (a) deck มีตัวละคร / บุคคล / IP แบรนด์ซ้ำที่ต้องคงที่ข้ามหน้าอย่างเคร่งครัด (NBP โยงได้ถึง 14 ภาพอ้างอิง); (b) ต้องการแก้เฉพาะจุด / inpainting บนภาพที่มีอยู่ Agent ของ YouMind ก็ตรวจพบกรณีเหล่านี้และแนะนำให้สลับ\"},\"smartVideoPlan\":{\"q\":\"แพ็กเกจไหนรวม Smart Video (เอ็กซ์พอร์ตวิดีโอพากย์)?\",\"a\":\"Smart Video เป็นความสามารถหลักของ YouMind คิดค่าใช้ credit ของแพ็กเกจ กด \\\"เอ็กซ์พอร์ตวิดีโอ\\\" ใน YouMind เพื่อดูค่า credit ของรอบนี้; ความยาว การเปิดโคลนเสียง การเรนเดอร์ HD ล้วนมีผล ดูหน้าราคาเพื่อรู้โควตาต่อแพ็กเกจ\"},\"convertExisting\":{\"q\":\"เปลี่ยนเอกสาร / บทความ / X thread ที่มีอยู่ให้เป็นสไลด์ได้ไหม?\",\"a\":\"ได้ YouMind รับ Word, PDF, Markdown, ลิงก์เว็บ, X thread, ลิงก์ YouTube และอื่น ๆ แบบ native โยนเข้าแชท Agent อ่านและสร้าง deck ได้ทันที — ไม่ต้องพิมพ์ซ้ำ\"},\"skillReuse\":{\"q\":\"Skill ของ YouMind คืออะไร แล้วทำให้สไตล์ใช้ซ้ำได้ยังไง?\",\"a\":\"Skill คือตัวแทนของ YouMind สำหรับเวิร์กโฟลว์ AI ใช้ซ้ำ — เมื่อปรับสไตล์สไลด์ (พาเลตต์ เลย์เอาต์ โทน สไตล์ภาพ) ลงตัวแล้ว เซฟเป็น Skill คราวหน้ากด Skill นี้ในคลิกเดียวแทนการจูน prompt ใหม่ คุณยังสามารถเผยแพร่ Skill บน Skill Marketplace และได้ credit เมื่อคนอื่นติดตั้งและใช้\"},\"editAndExport\":{\"q\":\"แก้สไลด์ที่สร้างแล้วต่อได้ไหม เอ็กซ์พอร์ต PPTX ได้ไหม?\",\"a\":\"ได้ ข้อความบนทุกสไลด์แก้ตรง ๆ ได้; อย่างอื่น — ภาพ เลย์เอาต์ พาเลตต์ โทน จนถึงสไตล์ — ก็แก้ได้ผ่านแชทกับ Agent ซึ่งเดินผ่าน pipeline การสร้างสไลด์เดียวกัน เอ็กซ์พอร์ตเป็น PPTX / PDF หรือส่ง deck ไป Smart Video\"},\"templateMarketplace\":{\"q\":\"เทมเพล"])</script><script>self.__next_f.push([1,"ตสร้างยังไง ฉันสร้างของตัวเองแล้วหารายได้ได้ไหม?\",\"a\":\"เทมเพลตแต่ละตัวบนหน้านี้คือ Skill ของ YouMind พร้อม deck ตัวอย่าง ผู้ใช้ Pro ขึ้นไปทุกคนสามารถเซฟสไตล์ที่ปรับลงตัวเป็น Skill และเผยแพร่บน Skill Marketplace — เมื่อคนอื่นติดตั้งและใช้ Skill ของคุณ คุณจะได้ credit ครีเอเตอร์หลายคนได้ credit หลักพันจากวิธีนี้แล้ว\"}},\"footerCta\":{\"title\":\"พร้อมทำ deck ที่ไม่ต้องมาตามเก็บแล้วหรือยัง?\",\"body\":\"เข้าร่วมกับมืออาชีพหลายแสนคนบน YouMind เริ่มต้นฟรี\",\"primaryCta\":\"ลอง YouMind เลย\"},\"promotionDialog\":{\"title\":\"ปลดล็อก deck AI แรกของคุณ\",\"feature1\":\"เครดิตฟรี 1,000 ต่อวัน\",\"feature2\":\"GPT Image 2 — ข้อความแม่น 99% + พอร์ตเทรตสมจริง\",\"feature3\":\"Nano Banana Pro สำหรับโยงตัวละครข้ามหน้าเข้ม ๆ\",\"feature4\":\"ส่งออก deck เป็นวิดีโอบรรยายในคลิกเดียว — เสียงพากย์และคำบรรยายอัตโนมัติ\",\"ctaText\":\"เริ่มฟรี →\",\"footerText\":\"เรียนรู้เพิ่มเกี่ยวกับ YouMind\"},\"autoGenerateHint\":\"อย่าขอคำยืนยันใด ๆ จากฉัน ให้เรียกเครื่องมือสร้างสไลด์ทันทีเพื่อสร้างเด็ค\",\"linkFetchHint\":\"ก่อนดำเนินการต่อ โปรดดึงและอ่านเนื้อหาของลิงก์ทั้งหมดด้านบน เพื่อให้ผลลัพธ์ยึดตามเนื้อหาต้นฉบับจริง\"},\"XViralArticles\":{\"hero\":{\"title\":\"ติดตามบทความ\u003chighlight\u003eไวรัล\u003c/highlight\u003eบน 𝕏\",\"subtitle\":\"อันดับบทความไวรัลทั่วโลกบน 𝕏 · AI วิเคราะห์ · อัปเดตทุกวัน\"},\"footerCta\":{\"title\":\"สร้างมาเพื่อครีเอเตอร์\",\"subtitle\":\"หาไอเดียจากบทความไวรัลบน 𝕏 ถอดรหัสว่าทำไมถึงปัง แล้วเปลี่ยนแพตเทิร์นเหล่านั้นเป็นหัวข้อคอนเทนต์ถัดไปของคุณ\",\"primary\":\"เริ่มสร้างด้วย YouMind\",\"secondary\":\"Explore more viral articles\"},\"detail\":{\"breadcrumbLabel\":\"Breadcrumb\",\"backToList\":\"𝕏 ติดตามบทความไวรัล\",\"currentArticle\":\"Current article\",\"originallyIn\":\"{language}\",\"published\":\"{relative} · {date}\",\"save\":\"Save\",\"saveSignIn\":\"Save (sign-in required)\",\"summary\":{\"label\":\"TL;DR\"},\"viralReason\":{\"label\":\"Why it went viral · AI analysis\",\"unlock\":\"Sign up free to keep reading\"},\"toggle\":{\"translatedLabel\":\"{language} (translated)\",\"originalLabel\":\"{language} (original)\",\"viewingTranslated\":\"Reading the {language} translation\",\"viewingOriginal\":\"Reading the {language} original\",\"label\":\"Article language versions\"},\"bodyLabel\":\"Article body\",\"bodyMissing\":\"No translation available — switch to the original tab.\",\"viewOriginal\":\"View original\"},\"related\":{\"kicker\":\"More patterns to decode\",\"title\":\"Recent viral articles\",\"viewAll\":\"Explore more viral articles\"},\"meta\":{\"title\":"])</script><script>self.__next_f.push([1,"\"ติดตามบทความไวรัลบน X/Twitter - YouMind\",\"description\":\"YouMind ติดตามบทความไวรัลบน X/Twitter ทุกวัน พร้อมอันดับ สัญญาณ engagement การวิเคราะห์ด้วย AI และไอเดียสำหรับครีเอเตอร์\",\"detailFallbackTitle\":\"ไม่พบบทความ - YouMind\",\"detailTitleSuffix\":\"ติดตามบทความไวรัลบน X/Twitter - YouMind\",\"detailDescriptionSuffix\":\"YouMind ติดตามบทความไวรัลบน X/Twitter นี้ พร้อมข้อมูล engagement บริบทต้นฉบับ และ prompt การอ่านด้วย AI สำหรับครีเอเตอร์\"},\"masthead\":{\"logo\":\"YOUMIND DAILY\",\"tag\":\"VIRAL · X · DIGEST\"},\"stats\":{\"allTime\":\"All time\",\"currentPage\":\"Current page\",\"totalVolume\":\"Total volume\",\"diversity\":\"Diversity\",\"pageEngagement\":\"เอนเกจเมนต์\",\"articles\":\"Articles\",\"languages\":\"Languages\",\"views\":\"Views\"},\"subscribe\":{\"cta\":\"Get the daily digest\"},\"sort\":{\"by\":\"Sort by\",\"time\":\"Time\",\"views\":\"Views\",\"likes\":\"Likes\",\"reposts\":\"Reposts\",\"comments\":\"Comments\",\"bookmarks\":\"Bookmarks\"},\"search\":{\"placeholder\":\"Search\",\"submit\":\"Search\",\"clear\":\"ล้างการค้นหา\"},\"engagement\":{\"views\":\"Views\",\"likes\":\"Likes\",\"reposts\":\"Reposts\",\"comments\":\"Comments\",\"bookmarks\":\"Bookmarks\"},\"cta\":{\"eyebrow\":\"AI features\",\"breakdown\":\"Decode virality\",\"remix\":\"Remix in my tone\",\"deepRead\":\"Deep read\",\"coverRemix\":\"Remix cover\"},\"pagination\":{\"label\":\"Pagination\",\"prev\":\"Prev\",\"next\":\"Next\",\"pageLabel\":\"Page\",\"showing\":\"Showing {from}–{to} of {total}\"},\"empty\":{\"title\":\"No articles yet\",\"subtitle\":\"Today's digest is still being compiled. Check back soon.\"},\"promotionDialog\":{\"title\":\"Sign up to decode virality\",\"subtitle\":\"Free with a YouMind account\",\"feature1\":\"เครดิตวันละ 1,000\",\"feature2\":\"AI breakdowns of any viral X article\",\"feature3\":\"เปลี่ยนลิงก์บทความยาวเป็น\u003cslidesLink\u003eสไลด์ที่ส่งมอบได้ทันที\u003c/slidesLink\u003e\",\"feature4\":\"เลือกวัตถุดิบ AI ร่างโครงสร้างให้ทันที แก้ไม่กี่บรรทัดก็ส่งได้\",\"cta\":\"Sign up free →\",\"footer\":\"ไปชมภาพประกอบสวย ๆ ของเว็บไซต์เรา 😉\"},\"skillConfig\":{\"title\":\"Configure AI feature\",\"eyebrow\":\"Custom skill binding\",\"heading\":{\"breakdown\":\"Bind your decoder skill\",\"tone-remix\":\"Bind your remix skill\",\"deep-read\":\"ผูก SKILL อ่านเชิงลึกของคุณ\",\"cover-remix\":\"Bind your cover remix skill\"},\"subtitle\":\"Paste a YouMind skill link or ID to use your own skill for this CTA. We'll only accept a skill that belongs to you. Leave empty to keep the default.\",\"inputLabel\":\"Skill link or ID\",\"inputPlaceholder\":\"https://youmind.com/skills/...\",\"useMine\":\"Use my skill →\",\"useDefault\":\"Use default skill →\",\"errorNotFound\":\"Skill not found, or it doesn't belong to you\",\"close\":\"Close\"},\"weeklyFeatured\":{\"eyebrow\":\"บทความเด่นประจำสัปดาห์\",\"cta\":\"อ่านบทความเด่น\"},\"dailyTop\":{\"title\":\"Top 3 ล่าสุด\",\"subtitle\":\"ล่าสุด · ยอดดูสูงสุด\"},\"allArticles\":{\"title\":\"บทความทั้งหมด\",\"subtitle\":\"ทั้งหมด {count} บทความ\"},\"explore\":{\"title\":\"สำรวจบทความไวรัล\",\"subtitle\":\"เรียกดู เรียงลำดับ และค้นหาสรุปรายวันทั้งหมด\",\"metaTitle\":\"สำรวจบทความไวรัลบน X/Twitter - YouMind\",\"metaDescription\":\"เรียกดู เรียงลำดับ และค้นหาส"])</script><script>self.__next_f.push([1,"รุปบทความไวรัลรายวันบน X/Twitter ของ YouMind พร้อมข้อมูลเอ็นเกจเมนต์และการวิเคราะห์ด้วย AI\",\"breadcrumb\":\"สำรวจ\"},\"covers\":{\"teaserTitle\":\"Viral covers\",\"teaserSubtitle\":\"Curated cover designs · One click to remix\",\"viewAll\":\"View all\",\"title\":\"Viral Article Covers\",\"subtitle\":\"Cover designs handpicked for AI remixing\",\"breadcrumb\":\"Covers\",\"listTitle\":\"All covers\",\"listSubtitle\":\"{count} remixable covers\",\"emptyTitle\":\"No remixable covers yet\",\"emptySubtitle\":\"Editors are still curating cover-worthy designs. Check back soon.\",\"metaTitle\":\"Viral X Article Covers Worth Remixing - YouMind\",\"metaDescription\":\"Curated viral X/Twitter article covers ready to be remixed into your own design. Open any article and remix its cover with AI in one click.\"}}},\"GPTImage2Prompts\":{\"page\":{\"title\":\"พรอมต์ GPT Image 2 {year}｜{promptCount}+ เทมเพลตและตัวอย่างพรอมต์ภาพ AI - YouMind\",\"description\":\"สำรวจเทมเพลตพรอมต์ GPT Image 2 และตัวอย่างจริงกว่า {promptCount}+ รายการ สำหรับการเรนเดอร์ข้อความ ภาพประกอบเชิงพาณิชย์ ภาพสินค้า โปสเตอร์ และภาพโซเชียลมีเดีย\",\"headerTitle\":\"GPT Image 2\",\"headerPrompts\":\"พรอมต์\",\"headerDescription\":\"คอลเลกชันที่คัดสรรมาอย่างดีของพรอมต์ระดับสูงสำหรับ {brand}\",\"headerTagline\":\"ข้อความคมชัดระดับพิกเซล คุณภาพเชิงพาณิชย์\",\"freshPrompts\":\"พรอมต์\",\"total\":\"ทั้งหมด\",\"updating\":\"กำลังอัปเดต\",\"dailyUpdateText\":\"อัปเดตทุกวัน\",\"submitPrompt\":\"ส่งพรอมต์\",\"ogImageAlt\":\"GPT Image 2 พรอมต์\"},\"searchBar\":{\"placeholder\":\"ค้นหาพรอมต์/หัวข้อ/คำอธิบาย/ผู้เขียน...\",\"filterAll\":\"ทั้งหมด\",\"filterVideo\":\"วิดีโอ\",\"filterImage\":\"ภาพ\",\"promoQuestion\":\"คุณกำลังมองหา prompt อะไร?\",\"promoDescription\":\"ฉันสามารถจับคู่ prompt อย่างชาญฉลาดตามความต้องการของคุณ\",\"promoPrompt\":\"เรียกใช้เครื่องมือ find-prompt แนะนำพรอมต์สร้างภาพ GPT Image 2 ให้ฉันสักสองสามอัน กรุณาถามความต้องการของฉันก่อน\",\"modelSlug\":\"gpt-image-2\",\"searchModePrompt\":\"พรอมต์\",\"searchModeAuthor\":\"ผู้เขียน\",\"placeholderPrompt\":\"ค้นหาพรอมต์...\",\"placeholderAuthor\":\"ค้นหาผู้เขียน...\",\"promoLabel\":\"ตัวเลือกที่ดีกว่า\",\"promoTitle\":\"Agent ทักษะ ช่วยคุณค้นหาอย่างชาญฉลาด\",\"promoButton\":\"ลองใช้\"},\"categories\":{\"all\":\"ทั้งหมด\"},\"promptCard\":{\"tabPrompt\":\"พรอมต์\",\"tabOriginal\":\"ต้นฉบับ\",\"by\":\"โดย\",\"promptHeader\":\"พรอมต์\",\"translateButton\":\"แปล\",\"beforeTranslation\":\"ต้นฉบับ\",\"originalButton\":\"EN\",\"chineseButton\":\"中文\",\"showOriginal\":\"แสดงต้นฉบับ\",\"showTranslation\":\"แสดงการแปล\",\"copy\":\"คัดลอก\",\"copied\":\"คัดลอกแล้ว\",\"share\":\"แชร์\",\"linkCopied\":\"คัดลอกลิงก์แล้ว\",\"tryItNow\":\"ลองเลย\",\"installOnYouMind\":\"ติดตั้งบน YouMind\",\"aiShortcut\":\"ทางลัด AI\",\"install\":\"ติดต"])</script><script>self.__next_f.push([1,"ั้ง\",\"aiSkill\":\"AI ทักษะ\",\"tryInYouMind\":\"ลองใน YouMind\",\"tryIt\":\"ลอง\",\"featured\":\"แนะนำ\",\"save\":\"บันทึก\",\"savePromptTitle\":\"บันทึก prompt\",\"savePromptSubtitle\":\"เข้าถึงได้ทุกที่ทุกเวลา\",\"savingPrompt\":\"กำลังบันทึก...\",\"referenceImages\":\"ภาพอ้างอิง\",\"viewOtherModelResults\":\"ดูผลลัพธ์จากโมเดลอื่น\",\"viewFullPrompt\":\"ดูพรอมต์ฉบับเต็ม\"},\"faq\":{\"title\":\"คำถามที่พบบ่อย\",\"q0\":\"GPT Image 2 คืออะไร?\",\"a0\":\"GPT Image 2 เป็นโมเดลภาพรุ่นใหม่ของ OpenAI (รหัสชื่อ \\\"duct-tape\\\") มีคุณสมบัติการเรนเดอร์ข้อความที่สมบูรณ์แบบระดับพิกเซลในหลายภาษา ความสม่ำเสมอของตัวละครที่ไร้ที่ติ และคุณภาพภาพประกอบระดับเชิงพาณิชย์\",\"q1\":\"ทางลัดเหล่านี้มาจากไหน?\",\"a1\":\"คัดเลือกจากแหล่งข้อมูลสาธารณะของ Twitter/𝕏 เป็นหลัก หากคุณเป็นผู้เขียนและไม่ต้องการให้แสดงที่นี่ กรุณาติดต่อเรา เราจะลบออกทันที\",\"q2\":\"ฉันจะใช้พรอมต์เหล่านี้ได้อย่างไร?\",\"a2\":\"ปัจจุบันคุณต้องคัดลอกพรอมต์และตามคำอธิบายของพรอมต์ ใช้ใน YouMind โดยเลือกโมเดลสร้างภาพ GPT Image 2 ในอนาคตจะรวมเข้ากับฟังก์ชันของ YouMind ได้ดีขึ้นสำหรับการใช้งานแบบคลิกเดียว\",\"q3\":\"ทางลัด AI คืออะไร?\",\"a3\":\"รวบรวมแนวทางปฏิบัติที่ดีที่สุดในการสร้างเนื้อหาและการเรียนรู้ของคุณใน YouMind Shortcuts และคุณสามารถสร้างแบบคลิกเดียวตามวัสดุที่คุณรวบรวมและร่างที่คุณเขียน เช่น สร้างบทความบล็อกจากวิดีโอ YouTube ที่บันทึกไว้ หรือดึงคำพูดสำคัญจากเนื้อหาบล็อก\",\"q4\":\"มีกรณีการใช้งานอื่นๆ อีกไหม?\",\"a4\":\"คุณสามารถดูกรณีที่คัดสรรเพิ่มเติมของ GPT Image 2 ในบทความบล็อกนี้: \u003clink\u003e{title}\u003c/link\u003e\"},\"blogCard\":{\"tab\":\"บล็อก\",\"cta\":\"สำรวจกรณีเพิ่มเติม\"},\"slidesPromoCard\":{\"title\":\"สร้างสไลด์คุณภาพสูงด้วยไม่กี่ประโยค\",\"description\":\"สร้างหน้า PPT ด้วย GPT Image 2 แล้วส่งออกวิดีโออธิบายพร้อมคำบรรยายได้ในคลิกเดียว\",\"cta\":\"ลองใช้\",\"ariaLabel\":\"เปิดหน้า GPT Image 2 Slides\",\"imageAlt\":\"ภาพหน้าปกหน้า GPT Image 2 Slides\"},\"imageCarousel\":{\"preview\":\"ตัวอย่าง\",\"previewImage\":\"ตัวอย่างภาพ\",\"goToSlide\":\"ไปที่สไลด์ {index}\"},\"emptyState\":{\"noPromptsFound\":\"ไม่พบพรอมต์\",\"trySearchingElse\":\"ลองค้นหา"])</script><script>self.__next_f.push([1,"อย่างอื่น\",\"tryTheseShortcuts\":\"ลองใช้ทางลัด AI เหล่านี้แทน\",\"discoverFeaturedTools\":\"ค้นพบเครื่องมือแนะนำที่สามารถช่วยคุณสร้างเนื้อหาที่ยอดเยี่ยม\",\"viewAllShortcuts\":\"ดูทางลัดทั้งหมด\",\"tryTheseSkills\":\"ลองทักษะ AI เหล่านี้แทน\",\"viewAllSkills\":\"ดูทักษะทั้งหมด\"},\"footerCTA\":{\"readyToCreate\":\"พร้อมสร้างด้วย\",\"nanoBanana\":\"GPT Image 2 แล้วหรือยัง?\",\"experiencePower\":\"สัมผัสข้อความคมชัดระดับพิกเซลและคุณภาพเชิงพาณิชย์ของ GPT Image 2\",\"freeLimitedTime\":\"ปล่อยจินตนาการของคุณให้โบยบิน\",\"startGenerating\":\"เริ่มสร้าง\"},\"tweetModal\":{\"loadingTweet\":\"กำลังโหลดทวีต...\"},\"loadMore\":{\"loading\":\"กำลังโหลดเพิ่มเติม...\",\"viewAll\":\"ดูพรอมต์ทั้งหมด\"},\"generator\":{\"placeholder\":\"อธิบายภาพที่คุณต้องการสร้าง... (เช่น เมืองไซเบอร์พังก์ยามค่ำคืน)\",\"generate\":\"สร้าง\",\"clearPrompt\":\"ล้างพรอมต์\",\"exitParamMode\":\"ออกจากโหมดพารามิเตอร์\",\"randomPrompt\":\"พรอมต์แบบสุ่ม\",\"random\":\"สุ่ม\",\"image\":\"รูปภาพ\",\"uploadImage\":\"อัปโหลดรูปภาพอ้างอิง\",\"uploadingImages\":\"กำลังอัปโหลดรูปภาพ...\",\"uploadFailed\":\"อัปโหลดรูปภาพล้มเหลว กรุณาลองอีกครั้ง\",\"pleaseUploadReferenceImages\":\"คำสั่งนี้ต้องการรูปภาพอ้างอิง กรุณาเพิ่มรูปภาพก่อน\",\"aspectRatio\":{\"auto\":\"อัตโนมัติ\",\"square\":\"1:1\",\"landscape\":\"16:9\",\"portrait\":\"9:16\"},\"settings\":\"ตั้งค่า\",\"aspectRatioLabel\":\"อัตราส่วนภาพ\"},\"common\":{\"openSourceLink\":\"เปิดลิงก์ต้นฉบับ\",\"editInCMS\":\"แก้ไขใน CMS\"},\"loginPromotionDialog\":{\"title\":\"เข้าสู่ระบบเพื่อใช้งานฟรี\",\"subtitle\":\"สัมผัสความสามารถอันทรงพลังของ GPT Image 2\",\"benefit1\":\"{credits} เครดิตต่อวัน\",\"benefit2\":\"รองรับ GPT Image 2, Gemini 3.0 Pro, Claude Sonnet 4.5 และโมเดลอื่นๆ อีกมากมาย\",\"benefit3\":\"เลือกวัสดุ AI สร้างร่างที่มีโครงสร้างทันที แก้ไขไม่กี่ประโยคและเผยแพร่\",\"benefit4\":\"เพิ่มหมายเหตุวิดีโอ / พอดคาสต์ / บทความระหว่างทาง AI สร้างบันทึกและสรุปด้วยคลิกเดียว\",\"benefit5\":\"ไม่กี่ประโยคกับหนึ่งลิงก์ สร้าง\u003cslides\u003eสไลด์ที่ส่งมอบได้ทันที\u003c/slides\u003e\",\"loginButton\":\"เข้าสู่ระบบตอนนี้\",\"loginRequired\":\"ต้องเข้าสู่ระบบ\",\"close\":\"ปิด\",\"footerText\":\"เพลิดเพลินไปกับภาพประกอบที่สวยงามบนเว็บไซต์ของเรา 😉\"},\"preRelease\":{\"dialogTitle\":\"GPT Image 2 ยังไม่ได้เปิดตัว\",\"promptPrefix\":\"GPT Image 2 ยังไม่ได้เปิดตัวอย่างเป็นท"])</script><script>self.__next_f.push([1,"างการ โปรดแจ้งผู้ใช้ว่า YouMind จะเพิ่มการรองรับทันทีที่เปิดตัวอย่างเป็นทางการ ด้านล่างคือพรอมต์ที่ผู้ใช้ต้องการลอง — โปรดสร้างโดยใช้ Nano Banana 2\\n\\nพรอมต์:\\n\"}},\"PromptsHub\":{\"shared\":{\"prompts\":\"พรอมต์\",\"packs\":\"ชุดพรอมต์\",\"promptSuffix\":\"พรอมต์\",\"viewPrompts\":\"ดูพรอมต์\",\"viewAllPrompts\":\"ดูพรอมต์ทั้งหมด {count} รายการ\",\"promptsCount\":\"{count} พรอมต์\",\"modelCount\":\"{count} โมเดล\",\"media\":{\"image\":\"ภาพ\",\"video\":\"วิดีโอ\",\"webpage\":\"เว็บเพจ\",\"web\":\"เว็บเพจ\"},\"badge\":{\"preRelease\":\"ก่อนเปิดตัว\",\"earlyAccess\":\"สิทธิ์เข้าถึงก่อน\"},\"copyPrompt\":\"คัดลอกพรอมต์\",\"copied\":\"คัดลอกแล้ว\",\"videoPromptAlt\":\"พรอมต์วิดีโอ\",\"aiPromptAlt\":\"พรอมต์ AI\",\"weeklyTopLabel\":\"แนะนำประจำสัปดาห์\",\"mediaLabels\":{\"imageEyebrow\":\"พรอมต์รูปภาพ\",\"videoEyebrow\":\"พรอมต์วิดีโอ\",\"webpageEyebrow\":\"หน้าเว็บ\"}},\"home\":{\"metaTitle\":\"พรอมต์ AI ไลบรารี - YouMind\",\"metaDescription\":\"คลังพรอมต์ AI ฟรีที่ใหญ่ที่สุดในโลก สำหรับรูปภาพ วิดีโอ และเว็บเพจ ติดตามโมเดลล่าสุดอย่างต่อเนื่อง พร้อมพรอมต์ใหม่ทุกวัน\",\"eyebrow\":\"{promptCount} พรอมต์ · อัปเดตทุกวัน · ฟรี 100%\",\"heroTitleLine1\":\"พรอมต์ AI\",\"heroTitleLine2\":\"ไลบรารี\",\"heroSubtitle\":\"คลังพรอมต์ AI ฟรีที่ใหญ่ที่สุดในโลก สำหรับรูปภาพ วิดีโอ และเว็บเพจ ติดตามโมเดลล่าสุดอย่างต่อเนื่อง พร้อมพรอมต์ใหม่ทุกวัน\",\"weeklyHighlightsHeading\":\"🔥 มาแรงที่สุดประจำสัปดาห์\",\"weeklyHighlightsSubheading\":\"พรอมต์สร้างสรรค์ที่โดดเด่นที่สุดในช่วงเจ็ดวันที่ผ่านมา\",\"browseByMedia\":\"เรียกดูตามสื่อ\",\"browseByModel\":\"เรียกดูตามโมเดล\",\"footerCta\":{\"title\":\"สร้างมาเพื่อครีเอเตอร์ ฟรีตลอดไป\",\"subtitle\":\"YouMind คือผู้ช่วยสร้างสรรค์ AI ที่ครีเอเตอร์ทั่วโลกไว้วางใจ ทุกพรอมต์ที่นี่คัดสรรมาเพื่อช่วยให้คุณสร้างสรรค์ได้ดีและเร็วขึ้น\",\"primary\":\"เริ่มสร้างด้วย YouMind\",\"secondary\":\"สำรวจพรอมต์เพิ่มเติม\"},\"keywords\":{\"aiPrompts\":\"พรอมต์ AI\",\"freeAiPrompts\":\"พรอมต์ AI ฟรี\",\"aiImagePrompts\":\"พรอมต์ภาพ AI\",\"aiVideoPrompts\":\"พรอมต์วิดีโอ AI\",\"webpagePrompts\":\"พรอมต์เว็บเพจ\"},\"jsonLd\":{\"collectionName\":\"คลังพรอมต์ AI\",\"weeklyHighlightsName\":\"ไฮไลต์พรอมต์ AI ประจำสัปดาห์\"},\"promptsPacksEyebrow\":\"COLLECTIONS\",\"promptsPacksHeading\":\"Curated Prompt Packs\",\"promptsPacksSubheading\":\"Ready-made prompt collections for one creative direction.\"},\"media\":{\"image\":{\"metaTitle\":\""])</script><script>self.__next_f.push([1,"ภาพ AI prompts - YouMind\",\"metaDescription\":\"ไลบรารีพรอมต์ AI ฟรีที่ใหญ่ที่สุดสำหรับภาพ วิดีโอ และเว็บเพจ — ตั้งแต่ GPT Image 2 ถึง Seedance 2.0 มีพรอมต์ใหม่ทุกวัน\",\"label\":\"ภาพ\",\"eyebrow\":\"พรอมต์ภาพ · อัปเดตทุกวัน · ฟรี 100%\",\"heroTitleLine1\":\"ภาพ\",\"heroTitleLine2\":\"พรอมต์\",\"heroSubtitle\":\"ไลบรารีพรอมต์ AI ฟรีที่ใหญ่ที่สุดสำหรับภาพ วิดีโอ และเว็บเพจ — ตั้งแต่ GPT Image 2 ถึง Seedance 2.0 มีพรอมต์ใหม่ทุกวัน\",\"topHighlightsHeading\":\"🔥 มาแรงที่สุดประจำสัปดาห์\",\"jsonLdCollectionName\":\"พรอมต์ภาพ AI\",\"jsonLdItemListName\":\"ไฮไลต์พรอมต์ภาพประจำสัปดาห์\"},\"video\":{\"metaTitle\":\"วิดีโอ AI prompts - YouMind\",\"metaDescription\":\"ไลบรารีพรอมต์ AI ฟรีที่ใหญ่ที่สุดสำหรับภาพ วิดีโอ และเว็บเพจ — ตั้งแต่ GPT Image 2 ถึง Seedance 2.0 มีพรอมต์ใหม่ทุกวัน\",\"label\":\"วิดีโอ\",\"eyebrow\":\"พรอมต์วิดีโอ · อัปเดตทุกวัน · ฟรี 100%\",\"heroTitleLine1\":\"วิดีโอ\",\"heroTitleLine2\":\"พรอมต์\",\"heroSubtitle\":\"ไลบรารีพรอมต์ AI ฟรีที่ใหญ่ที่สุดสำหรับภาพ วิดีโอ และเว็บเพจ — ตั้งแต่ GPT Image 2 ถึง Seedance 2.0 มีพรอมต์ใหม่ทุกวัน\",\"topHighlightsHeading\":\"🔥 มาแรงที่สุดประจำสัปดาห์\",\"jsonLdCollectionName\":\"พรอมต์วิดีโอ AI\",\"jsonLdItemListName\":\"ไฮไลต์พรอมต์วิดีโอประจำสัปดาห์\"},\"web\":{\"metaTitle\":\"เว็บเพจ AI prompts - YouMind\",\"metaDescription\":\"ไลบรารีพรอมต์ AI ฟรีที่ใหญ่ที่สุดสำหรับภาพ วิดีโอ และเว็บเพจ — ตั้งแต่ GPT Image 2 ถึง Seedance 2.0 มีพรอมต์ใหม่ทุกวัน\",\"label\":\"เว็บเพจ\",\"eyebrow\":\"พรอมต์เว็บเพจ · คอลเลกชันคัดสรร · ฟรี 100%\",\"heroTitleLine1\":\"เว็บเพจ\",\"heroTitleLine2\":\"พรอมต์\",\"heroSubtitle\":\"ไลบรารีพรอมต์ AI ฟรีที่ใหญ่ที่สุดสำหรับภาพ วิดีโอ และเว็บเพจ — ตั้งแต่ GPT Image 2 ถึง Seedance 2.0 มีพรอมต์ใหม่ทุกวัน\",\"topHighlightsHeading\":\"พรอมต์เว็บเพจยอดนิยม\",\"jsonLdCollectionName\":\"พรอมต์เว็บเพจ AI\",\"jsonLdItemListName\":\"ไฮไลต์พรอมต์เว็บเพจยอดนิยม\"}},\"detail\":{\"promptLabel\":\"พรอมต์\",\"translationLabel\":\"คำแปล\",\"copy\":\"คัดลอกพรอมต์\",\"copied\":\"คัดลอกแล้ว\",\"copyToast\":\"คัดลอกพรอมต์ไปยังคลิปบอร์ดแล้ว\",\"referenceImages\":\"ภาพอ้างอิง\",\"published\":\"เผยแพร่แล้ว\",\"originalLanguage\":\"ภาษาต้นฉบับ\",\"categories\":\"หมวดหมู่\",\"viewOriginal\":\"ดูต้นฉบับ\",\"useThisPrompt\":\"ใช้พรอมต์นี้\",\"useToGenerateVideo\":\"สร้างวิดีโอฟรี\",\"useToGenerateWebpage\":\"สร้างเว็บเ"])</script><script>self.__next_f.push([1,"พจฟรี\",\"moreFromModel\":\"เพิ่มเติมจาก {model}\",\"stats\":{\"likes\":\"ถูกใจ\",\"views\":\"ยอดดู\",\"shares\":\"แชร์\",\"comments\":\"ความคิดเห็น\",\"bookmarks\":\"บันทึก\",\"quotes\":\"อ้างอิง\"},\"jsonLdGenre\":\"พรอมต์ AI\",\"anonymousAuthor\":\"ไม่ระบุชื่อ\",\"beforeTranslation\":\"ก่อนแปล\",\"useToGenerateImage\":\"สร้างภาพฟรี\",\"guidePromptIntro\":\"ใช้โมเดล {model} เพื่อสร้าง{media} พรอมต์มีดังนี้:\",\"mediaTypes\":{\"image\":\"รูปภาพ\",\"video\":\"วิดีโอ\",\"webpage\":\"เว็บเพจ\"},\"share\":{\"label\":\"แชร์\",\"copyLink\":\"คัดลอกลิงก์\",\"linkCopied\":\"คัดลอกลิงก์แล้ว\",\"shareOnTwitter\":\"แชร์ไปที่ X\",\"shareOnLinkedIn\":\"แชร์ไปที่ LinkedIn\",\"shareOnThreads\":\"แชร์ไปที่ Threads\",\"shareOnWhatsApp\":\"แชร์ผ่าน WhatsApp\",\"text\":\"เจอ AI prompt เด็ดมาก: \\\"{title}\\\" เว็บนี้ยังมี prompt ภาพและวิดีโอฟรีอีกเป็นหมื่นๆ 👇\"}},\"seo\":{\"mediaPromptsKeyword\":\"พรอมต์{media}\",\"freeMediaPromptsKeyword\":\"พรอมต์{media}ฟรี\",\"aiPromptsKeyword\":\"พรอมต์ AI\",\"promptDetailDescription\":\"{title} — พรอมต์ AI ที่คัดสรรสำหรับ {useCase} ขับเคลื่อนโดย {modelName} คัดลอก วาง แล้วสร้างสรรค์ได้ฟรีจาก YouMind\",\"videoPromptDetailDescription\":\"{title} — พรอมต์วิดีโอ AI ที่คัดสรรสำหรับ {useCase} ขับเคลื่อนโดย {modelName} คัดลอก วาง แล้วสร้างสรรค์ได้ฟรีจาก YouMind\",\"modelPromptKeyword\":\"พรอมต์ {modelName}\",\"useCasePromptKeyword\":\"พรอมต์ {useCase}\",\"mediaPromptKeyword\":\"พรอมต์ {media}\",\"aiPromptKeyword\":\"พรอมต์ AI\",\"modelVideoPromptKeyword\":\"พรอมต์วิดีโอ {modelName}\",\"useCaseVideoPromptKeyword\":\"พรอมต์วิดีโอ {useCase}\",\"aiVideoPromptKeyword\":\"พรอมต์วิดีโอ AI\"},\"pack\":{\"eyebrow\":\"Prompt Pack\",\"breadcrumb\":\"Packs\",\"viewPack\":\"View pack\",\"coverAlt\":\"Prompt pack preview\",\"metaTitle\":\"{title} - AI Prompt Pack - YouMind\",\"metaDescription\":\"Explore {title}, a curated AI prompt pack from YouMind.\",\"includedPrompts\":\"Included prompts\",\"updated\":\"Updated\",\"contentTitle\":\"About this pack\",\"promptList\":\"Prompts in this pack\",\"openDetail\":\"View details\",\"empty\":\"No prompts in this pack yet.\",\"curatedBy\":\"คัดสรรโดยทีม YouMind\",\"featuredReasonTitle\":\"เหตุผลที่แนะนำ\",\"relatedPacksTitle\":\"แพ็กเพิ่มเติม\",\"shareText\":\"เจอชุด AI prompt เด็ดมาก: \\\"{title}\\\" เว็บนี้ยังมี prompt ภาพและวิดีโอฟรีอีกเป็นหมื่นๆ 👇\"},\"aiSearchCta\":{\"title\":\"ค้นหา prompt ด้วย AI\",\"description\":\"ให้ AI ช่วยค้นหา prompt หลายหมื่นรายการ กรองตามโมเดล ช่วงเวลา คีย์เวิร์ด และจัดเรียงตามยอดมีส่วนร่วม เช่น ยอดวิว ยอดบันทึก ยอดแชร์ และอื่นๆ\",\"cta\":\"ลองใช้ฟรี\",\"autoPrompt\":\"ช่วยหา GPT Image 2 prompt ที่ถูกบันทึกมากที่สุดในช่วง 3 วันที่ผ่านมา\"}},\"GiftRedeem\":{\"cardAlt\":\"YouMind gift card\",\"loading\":\"Loading…\",\"notFoundTitle\":\"Gift not found\",\"notFoundDescription\":\"This gift link may be invalid or expired. If you "])</script><script>self.__next_f.push([1,"believe this is a mistake, please contact support.\",\"unavailableTitle\":\"Gift unavailable\",\"unavailableFallback\":\"This gift is not available for redemption.\",\"unavailableRedeemed\":\"This gift has already been redeemed.\",\"unavailableExpiredRefunded\":\"This gift expired and was refunded to the sender.\",\"unavailableExpiredRefundFailed\":\"This gift has expired. Please contact support for assistance.\",\"unavailableDisputed\":\"This gift is unavailable. Please contact support for assistance.\",\"unavailableRevoked\":\"This gift has been revoked. Please contact support for assistance.\",\"unavailableRefundInProgress\":\"This gift is expiring. Please contact support for assistance.\",\"heading\":\"You've received a gift\",\"summary\":\"{months} of YouMind {tier}\",\"expiryNotice\":\"Redeem expires on {date}. Sign in with the email this gift was sent to in order to redeem.\",\"redeeming\":\"Redeeming…\",\"redeemButton\":\"Redeem your gift\",\"signInToRedeem\":\"Sign in to redeem\",\"errorCouldNotRedeem\":\"Could not redeem gift\",\"months\":{\"1month\":\"1 month\",\"3months\":\"3 months\",\"6months\":\"6 months\",\"1year\":\"1 year\"},\"unavailableExpired\":\"ของขวัญนี้หมดอายุแล้ว โปรดติดต่อผู้ส่งเพื่อขอความช่วยเหลือ\",\"creditPackHeading\":\"คุณได้รับเครดิต\",\"creditPackSummary\":\"{quantity} × 10,000 เครดิต · รวม {credits} เครดิต\"}},\"now\":\"$undefined\",\"timeZone\":\"UTC\",\"children\":\"$L28\"}]\n28:[\"$\",\"$L29\",null,{\"locale\":\"th-TH\",\"children\":[\"$\",\"$L2a\",null,{\"children\":[[\"$\",\"$L2b\",null,{}],[\"$\",\"$18\",null,{\"fallback\":null,\"children\":[\"$\",\"$L2c\",null,{}]}],[\"$\",\"$L2d\",null,{}],[\"$\",\"$L2e\",null,{}],[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}],[\"$\",\"$L2f\",null,{}],[\"$\",\"$L30\",null,{\"level\":\"universal\"}]]}]}]\n1c:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1, viewport-fit=cover\"}]]\n31:I[556857,[\"/_next/static/chunks/02zfpyi.5c7iv.js\",\"/_next/static/chunks/0.2kqgmoirc9z.js\",\"/_next/static/chunks/07hfwjdjf_qsd.js\",\"/_next/static/chunks/0ysljzli4goe4.js\",\"/_next/static/chunks/0s-u4tc-5uran.js\",\"/_next/static/chunks/0pz~bxl8q3d1v.js\",\"/_next/static/chunks/0e2c78d-wylvg.js\",\"/_next/static/chunks/0yn91s91gmmxu.js\",\"/_next/static/chunks/0j78w_4c1dzg1.js\",\"/_next/static/chunks/09aqnhxj1v..o.js\",\"/_next/static/chunks/16td-vbv1z3l-.js\",\"/_next/static/chunks/0om330ufayb43.js\",\"/_next/static/chunks/0ue0_l_yw0.th.js\",\"/_next/static/chunks/05xt-0p1syujx.js\",\"/_next/static/chunks/16vm.ljp5ys24.js\",\"/_next/static/chunks/14ik3i1~udj4..js\",\"/_next/static/chunks/0p-2~7vilibdn.js\",\"/_next/static/chunks/04ns9ax4xdc7d.js\",\"/_next/static/chunks/0mjx2yp5sdxdw.js\",\"/_next/static/chunks/0_dcupj0e7wl9.js\",\"/_next/static/chunks/0l64wq.cm60sg.js\",\"/_next/static/chunks/12yrklw9h82qj.js\",\"/_next/static/chunks/0-ge097fewzc1.js\"],\"Footer\"]\n20:[\"$\",\"$L31\",null,{\"forceLight\":true,\"footerLandings\":[{\"title\":\"Lenny Career Coach\",\"slug\":\"lenny-career-coach\"}],\"labels\":{\"prompts\":\"พรอมต์\",\"nanoBananaPrompts\":\"พรอมต์ Nano Banana Pro\",\"gptImage2Prompts\":\"พรอมต์ GPT Image 2\",\"seedance20Prompts\":\"พรอมต์ Seedance 2.0\",\"gptImage1_5Prompts\":\"พรอมต์ GPT Image 1.5\",\"seedream4_5Prompts\":\"พรอมต์ Seedream 4.5\",\"gemini3Prompts\":\"พรอมต์ Gemini 3 Pro\",\"aiTools\":\"เครื่องมือ AI\",\"gptImage2Slides\":\"สไลด์ GPT Image 2\",\"xViralArticlesTracking\":\"ติดตามบทความไวรัลบน 𝕏\",\"nanoBanana2VsPro\":\"เปรียบเทียบ Nano Banana 2 กับ Pro\",\"blog\":\"บล็อก\",\"notebooklmAlternatives\":\"ทางเลือกอื่นของ NotebookLM\",\"product\":\"ผลิตภัณฑ์\",\"useCases\":\"กรณี"])</script><script>self.__next_f.push([1,"การใช้งาน\",\"pricing\":\"ราคา\",\"company\":\"บริษัท\",\"contactUs\":\"ติดต่อเรา\",\"privacy\":\"ความเป็นส่วนตัว\",\"terms\":\"เงื่อนไข\"}}]\n32:I[6970,[\"/_next/static/chunks/02zfpyi.5c7iv.js\",\"/_next/static/chunks/0.2kqgmoirc9z.js\",\"/_next/static/chunks/07hfwjdjf_qsd.js\",\"/_next/static/chunks/0ysljzli4goe4.js\",\"/_next/static/chunks/0s-u4tc-5uran.js\",\"/_next/static/chunks/0pz~bxl8q3d1v.js\",\"/_next/static/chunks/0e2c78d-wylvg.js\",\"/_next/static/chunks/0yn91s91gmmxu.js\",\"/_next/static/chunks/0j78w_4c1dzg1.js\",\"/_next/static/chunks/09aqnhxj1v..o.js\",\"/_next/static/chunks/16td-vbv1z3l-.js\",\"/_next/static/chunks/0om330ufayb43.js\",\"/_next/static/chunks/0ue0_l_yw0.th.js\",\"/_next/static/chunks/05xt-0p1syujx.js\",\"/_next/static/chunks/16vm.ljp5ys24.js\",\"/_next/static/chunks/14ik3i1~udj4..js\",\"/_next/static/chunks/0p-2~7vilibdn.js\",\"/_next/static/chunks/04ns9ax4xdc7d.js\",\"/_next/static/chunks/0mjx2yp5sdxdw.js\",\"/_next/static/chunks/0_dcupj0e7wl9.js\",\"/_next/static/chunks/0l64wq.cm60sg.js\",\"/_next/static/chunks/12yrklw9h82qj.js\",\"/_next/static/chunks/0-ge097fewzc1.js\",\"/_next/static/chunks/00a4rt679ztby.js\",\"/_next/static/chunks/0~nh_~r1-6no4.js\",\"/_next/static/chunks/12esm9pb26rc4.js\",\"/_next/static/chunks/031rfbv760bzf.js\",\"/_next/static/chunks/0ak0ygbs2vkl~.js\",\"/_next/static/chunks/15_r26faf0l.m.js\",\"/_next/static/chunks/0kpqv9w34iff0.js\",\"/_next/static/chunks/0zpom-b1oogps.js\",\"/_next/static/chunks/0ri2baxbh-rap.js\",\"/_next/static/chunks/0j1rtqp43.-im.js\",\"/_next/static/chunks/0mm_0a31f4ljo.js\"],\"BackButton\"]\n33:I[9331,[\"/_next/static/chunks/02zfpyi.5c7iv.js\",\"/_next/static/chunks/0.2kqgmoirc9z.js\",\"/_next/static/chunks/07hfwjdjf_qsd.js\",\"/_next/static/chunks/0ysljzli4goe4.js\",\"/_next/static/chunks/0s-u4tc-5uran.js\",\"/_next/static/chunks/0pz~bxl8q3d1v.js\",\"/_next/static/chunks/0e2c78d-wylvg.js\",\"/_next/static/chunks/0yn91s91gmmxu.js\",\"/_next/static/chunks/0j78w_4c1dzg1.js\",\"/_next/static/chunks/09aqnhxj1v..o.js\",\"/_next/static/chunks/16td-vbv1z3l-.js\",\"/_next/static/chunks/0om330ufayb43.js\",\"/_next/static/chunks/0ue0_l_yw0.th.js\",\"/_next/static/chunks/05xt-0p1syujx.js\",\"/_next/static/chunks/16vm.ljp5ys24.js\",\"/_next/static/chunks/14ik3i1~udj4..js\",\"/_next/static/chunks/0p-2~7vilibdn.js\",\"/_next/static/chunks/04ns9ax4xdc7d.js\",\"/_next/static/chunks/0mjx2yp5sdxdw.js\",\"/_next/static/chunks/0_dcupj0e7wl9.js\",\"/_next/static/chunks/0l64wq.cm60sg.js\",\"/_next/static/chunks/12yrklw9h82qj.js\",\"/_next/static/chunks/0-ge097fewzc1.js\",\"/_next/static/chunks/00a4rt679ztby.js\",\"/_next/static/chunks/0~nh_~r1-6no4.js\",\"/_next/static/chunks/12esm9pb26rc4.js\",\"/_next/static/chunks/031rfbv760bzf.js\",\"/_next/static/chunks/0ak0ygbs2vkl~.js\",\"/_next/static/chunks/15_r26faf0l.m.js\",\"/_next/static/chunks/0kpqv9w34iff0.js\",\"/_next/static/chunks/0zpom-b1oogps.js\",\"/_next/static/chunks/0ri2baxbh-rap.js\",\"/_next/static/chunks/0j1rtqp43.-im.js\",\"/_next/static/chunks/0mm_0a31f4ljo.js\"],\"SkillDetailContent\"]\n34:T732,\u003cp\u003e记住一定要使用 Webpage 来生成，必须询问用户用什么语言输出。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e生成\u0026quot;电子杂志 × 电子墨水\u0026quot;风格的横向翻页网页 PPT（单 HTML 文件），含 WebGL 流体背景、衬线标题 + 非衬线正文、章节幕封、数据大字报、图片网格等模板。当用户需要制作分享 / 演讲 / 发布会风格的网页 PPT，或提到\u0026quot;杂志风 PPT\u0026quot;、\u0026quot;horizontal swipe deck\u0026quot;、\u0026quot;editorial magazine\u0026quot;、\u0026quot;e-ink presentation\u0026quot;时使用\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e# Magazine Web Ppt\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e## 这个 Skill 做什么\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e生成一份**单文件 HTML**的横向翻页 PPT，视觉基调是：\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e- **电子杂志 + 电子墨水**混血风格\u003c/p\u003e\u003cp\u003e- **WebGL 流体 / 等高线 / 色散背景**（hero 页可见）\u003c/p\u003e\u003cp\u003e- **衬线标题（Noto Serif SC + Playfair Display）+ 非衬线正文（Noto Sans SC + Inter）+ 等宽元数据（IBM Plex Mono）**\u003c/p\u003e\u003cp\u003e- **Lucide 线性图标**（不用 emoji）\u003c/p\u003e\u003cp\u003e- **横向左右翻页**（键盘 ← →、滚轮、触屏滑动、"])</script><script>self.__next_f.push([1,"底部圆点、ESC 索引）\u003c/p\u003e\u003cp\u003e- **主题平滑插值**：翻到 hero 页时颜色和 shader 柔顺过渡\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e这个 skill 的美学不是\u0026quot;商务 PPT\u0026quot;，也不是\u0026quot;消费互联网 UI\u0026quot;——它像 *Monocle* 杂志贴上了代码后的样子。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e## 何时使用\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e**合适的场景**：\u003c/p\u003e\u003cp\u003e- 线下分享 / 行业内部讲话 / 私享会\u003c/p\u003e\u003cp\u003e- AI 新产品发布 / demo day\u003c/p\u003e\u003cp\u003e- 带有强烈个人风格的演讲\u003c/p\u003e\u003cp\u003e- 需要\u0026quot;一次做完，不用翻页工具\u0026quot;的网页版 slides\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e**不合适的场景**：\u003c/p\u003e\u003cp\u003e- 大段表格数据、图表叠加（用常规 PPT）\u003c/p\u003e\u003cp\u003e- 培训课件（信息密度不够）\u003c/p\u003e\u003cp\u003e- 需要多人协作编辑（这是静态 HTML）\u003c/p\u003e35:T13ce,\u003cp\u003eอย่าลืมใช้เว็บเพจในการสร้างผลลัพธ์ และคุณต้องถามผู้ใช้ว่าต้องการใช้ภาษาใด\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e สร้างไฟล์ PowerPoint (PPT) แบบพลิกแนวนอนสำหรับเว็บ (ไฟล์ HTML ไฟล์เดียว) ในสไตล์ \"นิตยสารอิเล็กทรอนิกส์ × จอ e-ink\" รวมถึงเทมเพลตต่างๆ เช่น พื้นหลังแบบ WebGL, หัวข้อแบบมีเชิง + ข้อความแบบไม่มีเชิง, ปกบท, แบนเนอร์ข้อมูลขนาดใหญ่ และตารางรูปภาพ ใช้ฟังก์ชันนี้เมื่อผู้ใช้ต้องการสร้างไฟล์ PowerPoint สำหรับเว็บเพื่อการแบ่งปัน/การนำเสนอ/งานเปิดตัว หรือเมื่ออ้างถึง \"ไฟล์ PowerPoint สไตล์นิตยสาร\", \"สไลด์นำเสนอแนวนอน\", \"นิตยสารบทความ\" หรือ \"งานนำเสนอแบบจอ e-ink\"\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e # นิตยสาร เว็บ สไลด์ PowerPoint\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e ## ทักษะนี้ทำอะไรได้บ้าง?\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e สร้างไฟล์ HTML ไฟล์เดียวที่มีรูปแบบสไลด์โชว์แนวนอน รูปแบบการแสดงผลจะเป็นดังนี้:\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e - รูปแบบไฮบริดที่ผสมผสานระหว่างนิตยสารอิเล็กทรอนิกส์และจอแสดงผลอิงค์อิเล็กทรอนิกส์\u003c/p\u003e\u003cp\u003e - **พื้นหลังแบบ WebGL Fluid/Contour/Dispersion** (ดูในหน้าหลัก)\u003c/p\u003e\u003cp\u003e - **หัวเรื่องแบบมีเชิง (Noto Serif SC + Playfair Display) + เนื้อหาหลักแบบไม่มีเชิง (Noto Sans SC + Inter) + ข้อมูลเมตาแบบตัวอักษรคงที่ (IBM Plex Mono)**\u003c/p\u003e\u003cp\u003e - **ไอคอน Lucide Linear** (ไม่ต้องใช้ไอคอนอีโมจิ)\u003c/p\u003e\u003cp\u003e - **การเปลี่ยนหน้าแนวนอน (ซ้ายและขวาบนแป้นพิมพ์, ล้อเลื่อน, การปัดนิ้วบนหน้าจอสัมผัส, จุดด้านล่าง, ปุ่ม ESC)**\u003c/p\u003e\u003cp\u003e - **การผสานสีและเฉดสีอย่างราบรื่น**: สีและเฉดสีจะเปลี่ยนผ่านอย่างราบรื่นเมื่อไปยังหน้าหลัก (hero page)\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e ความสวยงามของทักษะนี้ไม่ได้อยู่บนพื้นฐานของ \"การนำเสนอ PowerPoint สำหรับ"])</script><script>self.__next_f.push([1,"ธุรกิจ\" หรือ \"ส่วนติดต่อผู้ใช้สำหรับเว็บไซต์ทั่วไป\" แต่มันเหมือนกับนิตยสาร *Monocle* ที่เอาโค้ดมาแปะไว้มากกว่า\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e ## ควรใช้เมื่อใด\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e **สถานการณ์ที่เหมาะสม:**\u003c/p\u003e\u003cp\u003e - การแลกเปลี่ยนความรู้แบบออฟไลน์ / การเสวนาในอุตสาหกรรม / การประชุมส่วนตัว\u003c/p\u003e\u003cp\u003e - งานเปิดตัว/สาธิตผลิตภัณฑ์ AI ใหม่\u003c/p\u003e\u003cp\u003e - สุนทรพจน์ที่มีสไตล์เฉพาะตัวโดดเด่น\u003c/p\u003e\u003cp\u003e - ต้องการสไลด์เวอร์ชันบนเว็บที่สามารถทำเสร็จได้ในครั้งเดียวโดยไม่ต้องพลิกหน้ากระดาษ\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e **สถานการณ์ที่ไม่เหมาะสม:**\u003c/p\u003e\u003cp\u003e - ข้อมูลในตารางจำนวนมากและแผนภูมิที่ซ้อนทับกัน (โดยใช้การนำเสนอ PowerPoint มาตรฐาน)\u003c/p\u003e\u003cp\u003e - สื่อการฝึกอบรม (ความหนาแน่นของข้อมูลไม่เพียงพอ)\u003c/p\u003e\u003cp\u003e - ต้องมีการแก้ไขร่วมกันโดยหลายคน (เนื่องจากเป็น HTML แบบคงที่)\u003c/p\u003e36:T2855,### Step 1 · 需求澄清(**动手前必做**)\n\n**如果用户已经给了完整的大纲 + 图片**,可以跳过直接进 Step 2。\n\n**如果用户只给了主题或一个模糊想法**,用这 6 个问题逐个对齐后再动手。不要基于猜测就开始写 slide——一旦结构定错,后期翻修代价很高: 提问时你可以用 askUserQuestion tool\n\n#### 6 问澄清清单\n\n| # | 问题 | 为什么要问 |\n|---|------|-----------|\n| 1 | **受众是谁?分享场景?**(行业内部 / 商业发布 / demo day / 私享会) | 决定语言风格和深度 |\n| 2 | **分享时长?** | 15 分钟 ≈ 10 页,30 分钟 ≈ 20 页,45 分钟 ≈ 25-30 页 |\n| 3 | **有没有原始素材?**(文档 / 数据 / 旧 PPT / 文章链接) | 有素材就基于素材,没有就帮他搭 |\n| 4 | **有没有图片?放在哪?** | 详见下方\"图片约定\" |\n| 5 | **想要哪套主题色?** | 见 @[@themes.md](id:https://cdn.gooo.ai/user-files/b27c7f601318da796c9ab495d06055739013aad421d63108bac5092508e04a57;type:oss_file) ,5 套预设挑一 |\n| 6 | **有没有硬约束?**(必须包含 XX 数据 / 不能出现 YY) | 避免返工 |\n\n#### 大纲协助(如果用户没有大纲)\n\n用\"叙事弧\"模板搭骨架,再填内容:\n\n```\n钩子(Hook) → 1 页 : 抛一个反差 / 问题 / 硬数据让人停下来\n定调(Context) → 1-2 页 : 说明背景 / 你是谁 / 为什么讲这个\n主体(Core) → 3-5 页 : 核心内容,用 Layout 4/5/6/9/10 穿插\n转折(Shift) → 1 页 : 打破预期 / 提出新观点\n收束(Takeaway) → 1-2 页 : 金句 / 悬念问题 / 行动建议\n```\n\n叙事弧 + 页数规划 + 主题节奏表(见 @[@layouts.md](id:https://cdn.gooo.ai/user-files/201df20fb6e76f0b0bd77c3162d9640523c384c251729d090273af28af3eeb69;type:oss_file) ),**三张表对齐后**再进 Step 2。\n\n大纲建议保存为 `项目记录` 或 `大纲-v1`,便于后续迭代。\n\n#### 图片约定(告知用户)\n\n在动手前向用户说清:\n\n- **图片位置**: 是 board 中的哪张图片，或者是上传的哪张图片\n- **没图怎么办**:和用户对齐,可以先用占位色块生成结构,等图片后期补;但要告知 layout 4/5/10 等图文混排页没图就没法验证视觉效果\n\n### Step 2 · 参考模板\n\n@[@template.txt](id:https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec;type:oss_file) "])</script><script>self.__next_f.push([1,"是一个**完整可运行**的 html 文件 ——CSS、WebGL shader、翻页 JS、字体/图标 CDN 全已预设好，只有 `\u003cmain id=\"deck\"\u003e` 里面是 3 个示例 slide（封面、章节幕封、空白填充页）\n\n#### 2.1 · 必改占位符（**容易漏**）\n\n拷贝后立刻改掉以下占位符，否则浏览器 Tab 会显示\"[必填] 替换为 PPT 标题\"这种尴尬文字：\n\n| 位置 | 原始 | 需改为 |\n|------|------|--------|\n| `\u003ctitle\u003e` | `[必填] 替换为 PPT 标题 · Deck Title` | 实际 deck 标题(如 `一种新的工作方式 · Luke Wroblewski`) |\n\n#### 2.2 · 选定主题色(5 套预设 · 不允许自定义)\n\n本 skill **只允许从 5 套精心调配的预设里选一套**,不接受用户自定义 hex 值——颜色搭配错了画面瞬间变丑,保护美学比给自由更重要。\n\n| # | 主题 | 适合 |\n|---|------|------|\n| 1 | 🖋 墨水经典 | 通用 / 商业发布 / 不知道选啥的默认 |\n| 2 | 🌊 靛蓝瓷 | 科技 / 研究 / 数据 / 技术发布会 |\n| 3 | 🌿 森林墨 | 自然 / 可持续 / 文化 / 非虚构 |\n| 4 | 🍂 牛皮纸 | 怀旧 / 人文 / 文学 / 独立杂志 |\n| 5 | 🌙 沙丘 | 艺术 / 设计 / 创意 / 画廊 |\n\n**操作**:\n1. 基于内容主题推荐一套,或直接问用户选哪一套\n2. 打开 @[@themes.md](id:https://cdn.gooo.ai/user-files/b27c7f601318da796c9ab495d06055739013aad421d63108bac5092508e04a57;type:oss_file) ,找到对应主题的 `:root` 块\n3. **整体替换** @[@template.txt](id:https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec;type:oss_file) 开头 `:root{` 块里标有\"主题色\"注释的那几行(`--ink` / `--ink-rgb` / `--paper` / `--paper-rgb` / `--paper-tint` / `--ink-tint`)\n4. 其他 CSS 都走 `var(--...)`,无需任何其他改动\n\n**硬规则**:\n- 一份 deck 只用一套主题,不要中途换色\n- 不要接受用户给的任意 hex 值——委婉拒绝并展示 5 套让选\n- 不要混搭(例如 ink 取墨水经典、paper 取沙丘)——会彻底违和\n\n### Step 3 · 填充内容\n\n#### 3.0 · 预检:类名必须在 @[@template.txt](id:https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec;type:oss_file) 里有定义（**最重要**）\n\n**这是所有生成问题的源头**。 @[@layouts.md](id:https://cdn.gooo.ai/user-files/201df20fb6e76f0b0bd77c3162d9640523c384c251729d090273af28af3eeb69;type:oss_file) 的骨架使用了很多类名(`h-hero` / `h-xl` / `stat-card` / `pipeline` / `grid-2-7-5` 等),如果 `assets/template.html` 的 `\u003cstyle\u003e` 里没有对应定义,浏览器会 fallback 到默认样式——大标题变成非衬线、数据卡片挤成一团、pipeline 糊成一行、图片堆到页面底部。\n\n**在写任何 slide 代码之前:**\n\n1. **先 Read @[@template.txt](id:https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec;type:oss_file) **(至少读到 `\u003cstyle\u003e` 块末尾)\n2. **对照 @[@layouts.md](id:https://cdn.gooo.ai/user-files/201df20fb6e76f0b0bd77c3162d9640523c384c251729d090273af28af3eeb69;type:oss_file) 的 Pre-flight 列表**,确认你要用的每个类都在 `\u003cstyle\u003e` 里存在\n3. 如果某个类缺失:**在 @[@template.txt](id:https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec;type:oss_file) 的 `\u003cstyle\u003e` 里补上**,不要在每个 slide 里 inline 重写\n4. ** @[@template.txt](id:https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec;type:oss_file) 是唯一的类名来源**——不要发明新类名,如需自定义用 `style=\"...\"` inline\n\n常见容易遗漏的类(必须预先确认存在):\n`h-hero` / `h-xl` / `h-sub` / `h-md` / `lead` / `kicker` / `meta-row` / `stat-card` / `stat-label` / `stat-nb` / `stat-unit` / `stat-note` / `pipeline-section` / `pipeline-label` / `pipeline` / `step` / `step-nb` / `step-title` / `step-desc` / `grid-2-7-5` / `grid-2-6-6` / `grid-2-8-4` / `grid-3-3` / `grid-6` / `grid-3` / `grid-4` / `frame` / `frame-img` / `img-cap` / `callout` / `callout-src` / `chro"])</script><script>self.__next_f.push([1,"me` / `foot`\n\n#### 3.0.5 · 规划主题节奏（**和类预检同等重要**)\n\n**在挑布局之前**,必须先列出每一页的主题 class(`hero dark` / `hero light` / `light` / `dark`)并写到文档或草稿里对齐。详细规则看 @[@layouts.md](id:https://cdn.gooo.ai/user-files/201df20fb6e76f0b0bd77c3162d9640523c384c251729d090273af28af3eeb69;type:oss_file) 开头的\"主题节奏规划\"一节。\n\n**强制规则**:\n\n- 每页 section 必须带 `light` / `dark` / `hero light` / `hero dark` 之一,不要只写 `hero`\n- 连续 3 页以上同主题 = 视觉疲劳,不允许\n- 8 页以上必须有 ≥1 个 `hero dark` + ≥1 个 `hero light`\n- 整个 deck 不能只有 `light` 正文页,必须有 `dark` 正文页制造呼吸\n- 每 3-4 页插入 1 个 hero 页(封面/幕封/问题/大引用)\n\n**生成后自检**:`grep 'class=\"slide' index.html` 列出所有主题,人工确认节奏合理再交付。\n\n#### 3.1 · 挑布局\n\n**不要从零写 slide**。打开 @[@layouts.md](id:https://cdn.gooo.ai/user-files/201df20fb6e76f0b0bd77c3162d9640523c384c251729d090273af28af3eeb69;type:oss_file) ,里面有 10 种现成布局骨架,每种都是完整可粘贴的 `\u003csection\u003e` 代码块:\n\n| Layout | 用途 |\n|---|---|\n| 1. 开场封面 | 第 1 页 |\n| 2. 章节幕封 | 每幕开场 |\n| 3. 数据大字报 | 抛硬数据 |\n| 4. 左文右图(Quote + Image) | 身份反差 / 故事 |\n| 5. 图片网格 | 多图对比 / 截图实证 |\n| 6. 两列流水线(Pipeline) | 工作流程 |\n| 7. 悬念收束 / 问题页 | 幕末 / 收尾 |\n| 8. 大引用页(Big Quote) | 衬线金句 / takeaway |\n| 9. 并列对比(Before / After) | 旧模式 vs 新模式 |\n| 10. 图文混排(Lead Image + Side Text) | 信息密集的图文页 |\n\n选对应 layout,粘过去,改文案和图片路径即可。**务必先完成 3.0 预检**。\n\n#### 3.2 · 图片比例规范\n\n永远用**标准比例**,不要用原图奇葩比例(如 `2592/1798`):\n\n| 场景 | 推荐比例 |\n|------|---------|\n| 左文右图 主图 | 16:10 或 4:3 + `max-height:56vh` |\n| 图片网格(多图对比) | **固定 `height:26vh`**,不用 aspect-ratio |\n| 左小图 + 右文字 | 1:1 或 3:2 |\n| 全屏主视觉 | 16:9 + `max-height:64vh` |\n| 图文混排小插图 | 3:2 或 3:4 |\n\n**图片绝不使用 `align-self:end`**——会滑到 cell 底被浏览器工具栏遮挡。用 grid 容器 + `align-items:start`(template 已预设)让图片贴顶即可;左列若想贴底,用 flex column + `justify-content:space-between`。\n\n组件细节(字体、颜色、网格、图标、callout、stat-card 等)在 @[@components.md](id:https://cdn.gooo.ai/user-files/4f7f35827a112958ef908f63e4f5855d0942412363edb67c59beb6454b50fdae;type:oss_file) 。\n\n### Step 4 · 对照检查清单自检\n\n生成完一定要打开 @[@checklist.md](id:https://cdn.gooo.ai/user-files/3f743391166df56f2fcb22be06f6c91f56786633f205773623b1d2b71321e71f;type:oss_file) ，逐项对照。里面总结了**真实迭代过程中踩过的所有坑**，P0 级别的问题（emoji、图片撑破、标题换行、字体分工）必须全部通过。\n\n特别要注意的几条：\n\n1. **大标题必须是衬线字体**——如果显示成非衬线,99% 是 Step 3.0 预检没做,`h-hero` 类在 template.html 里缺失\n2. **图片网格里只用 `height:Nvh`,不用 `aspect-ratio`**(会撑破)\n3. **图片不能堆到页面底部**——不要用 `align-self:end`,用 grid + `align-items:start`(见 Step 3.2)\n4. **图片只能用标准比例**(16:10 / 4:3 / 3:2 / 1:1 / 16:9),不要复制原图的奇葩比例\n5. **中文大标题 ≤ 5 字且 `nowrap`**(避免 1 字 1 行)\n6. **用 Lucide,不用 emoji**\n7. **标题用衬线,正文用非衬线,元数据用等宽**\n\n### Step 5 · 迭代\n\n根据用户反馈修改——模板的 CSS 已经高度参数化，90% 的调整都是改 inline style（字号 `font-size:Xvw` / 高度 `height:Yvh` / 间距 `gap:Zvh`）。37:T3106,\u003cp\u003e### Step 1 · 需求澄清(**动手前必做**)\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e**如果用户已经给了完整的大纲 + 图片**,可以跳过直接进 Step 2。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e**如果用户只给了主题或一个模糊"])</script><script>self.__next_f.push([1,"想法**,用这 6 个问题逐个对齐后再动手。不要基于猜测就开始写 slide——一旦结构定错,后期翻修代价很高: 提问时你可以用 askUserQuestion tool\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e#### 6 问澄清清单\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e| # | 问题 | 为什么要问 |\u003c/p\u003e\u003cp\u003e|---|------|-----------|\u003c/p\u003e\u003cp\u003e| 1 | **受众是谁?分享场景?**(行业内部 / 商业发布 / demo day / 私享会) | 决定语言风格和深度 |\u003c/p\u003e\u003cp\u003e| 2 | **分享时长?** | 15 分钟 ≈ 10 页,30 分钟 ≈ 20 页,45 分钟 ≈ 25-30 页 |\u003c/p\u003e\u003cp\u003e| 3 | **有没有原始素材?**(文档 / 数据 / 旧 PPT / 文章链接) | 有素材就基于素材,没有就帮他搭 |\u003c/p\u003e\u003cp\u003e| 4 | **有没有图片?放在哪?** | 详见下方\u0026quot;图片约定\u0026quot; |\u003c/p\u003e\u003cp\u003e| 5 | **想要哪套主题色?** | 见 \u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/b27c7f601318da796c9ab495d06055739013aad421d63108bac5092508e04a57\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e@themes.md\u003c/span\u003e ,5 套预设挑一 |\u003c/p\u003e\u003cp\u003e| 6 | **有没有硬约束?**(必须包含 XX 数据 / 不能出现 YY) | 避免返工 |\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e#### 大纲协助(如果用户没有大纲)\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e用\u0026quot;叙事弧\u0026quot;模板搭骨架,再填内容:\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e```\u003c/p\u003e\u003cp\u003e钩子(Hook) → 1 页 : 抛一个反差 / 问题 / 硬数据让人停下来\u003c/p\u003e\u003cp\u003e定调(Context) → 1-2 页 : 说明背景 / 你是谁 / 为什么讲这个\u003c/p\u003e\u003cp\u003e主体(Core) → 3-5 页 : 核心内容,用 Layout 4/5/6/9/10 穿插\u003c/p\u003e\u003cp\u003e转折(Shift) → 1 页 : 打破预期 / 提出新观点\u003c/p\u003e\u003cp\u003e收束(Takeaway) → 1-2 页 : 金句 / 悬念问题 / 行动建议\u003c/p\u003e\u003cp\u003e```\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e叙事弧 + 页数规划 + 主题节奏表(见 \u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/201df20fb6e76f0b0bd77c3162d9640523c384c251729d090273af28af3eeb69\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e@layouts.md\u003c/span\u003e ),**三张表对齐后**再进 Step 2。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e大纲建议保存为 `项目记录` 或 `大纲-v1`,便于后续迭代。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e#### 图片约定(告知用户)\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e在动手前向用户说清:\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e- **图片位置**: 是 board 中的哪张图片，或者是上传的哪张图片\u003c/p\u003e\u003cp\u003e- **没图怎么办**:和用户对齐,可以先用占位色块生成结构,等图片后期补;但要告知 layout 4/5/10 等图文混排页没图就没法验证视觉效果\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e### Step 2 · 参考模板\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e\u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e@template.txt\u003c/span\u003e 是一个**完整可运行**的 html 文件 ——CSS、WebGL shader、翻页 JS、字体/图标 CDN 全已预设好，只有 `\u0026lt;main id=\u0026quot;deck\u0026quot;\u0026gt;` 里面是 3 个示例 slide（封面、章节幕封、空白填充页）\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e#### 2.1 · 必改占位符（**容易漏**）\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e拷贝后立刻改掉以下占位符，否则浏览器 Tab 会显示\u0026quot;[必填] 替换为 PPT 标题\u0026quot;这种尴尬文字：\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e| 位置 | 原始 | 需改为 |\u003c/p\u003e\u003cp\u003e|------|------|--------|\u003c/p\u003e\u003cp\u003e| `\u0026lt;title\u0026gt;` | `[必填] 替换为 PPT 标题 · Deck Title` | 实际 deck 标题(如 `一种新的工作方式 · Luke Wroblewski`) |\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e#### 2.2 · 选定主题色(5 套预设 · 不允许自定义)\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e本 skill **只允许从 5 套精心调配的预设里选一套**,不接受用户自定义 hex 值——颜色搭配错了画面瞬间变丑,保护美学比给自由更重要。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e| # | 主题 | 适合 |\u003c/p\u003e\u003cp\u003e|---|------|------|\u003c/p\u003e\u003cp\u003e| 1 | 🖋 墨水经典 | 通用 / 商业发布 / 不知道选啥的默认 |\u003c/p\u003e\u003cp\u003e| 2 | 🌊 靛蓝瓷 | 科技 / 研究 / 数据 / 技术发布会 |\u003c/p\u003e\u003cp\u003e| 3 | 🌿 森林墨 | 自然 / 可持续 / 文化 / 非虚构 |\u003c/p\u003e\u003cp\u003e| 4 | 🍂 牛皮纸 | 怀旧 / 人文 / 文学 / 独立杂志 |\u003c/p\u003e\u003cp\u003e| 5 | 🌙 沙丘 | 艺术 / 设计 / 创意 / 画廊 |\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e**操作**:\u003c/p\u003e\u003cp\u003e1. 基于内容主题推荐一套,或直接问用户选哪一套\u003c/"])</script><script>self.__next_f.push([1,"p\u003e\u003cp\u003e2. 打开 \u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/b27c7f601318da796c9ab495d06055739013aad421d63108bac5092508e04a57\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e@themes.md\u003c/span\u003e ,找到对应主题的 `:root` 块\u003c/p\u003e\u003cp\u003e3. **整体替换** \u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e@template.txt\u003c/span\u003e 开头 `:root{` 块里标有\u0026quot;主题色\u0026quot;注释的那几行(`--ink` / `--ink-rgb` / `--paper` / `--paper-rgb` / `--paper-tint` / `--ink-tint`)\u003c/p\u003e\u003cp\u003e4. 其他 CSS 都走 `var(--...)`,无需任何其他改动\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e**硬规则**:\u003c/p\u003e\u003cp\u003e- 一份 deck 只用一套主题,不要中途换色\u003c/p\u003e\u003cp\u003e- 不要接受用户给的任意 hex 值——委婉拒绝并展示 5 套让选\u003c/p\u003e\u003cp\u003e- 不要混搭(例如 ink 取墨水经典、paper 取沙丘)——会彻底违和\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e### Step 3 · 填充内容\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e#### 3.0 · 预检:类名必须在 \u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e@template.txt\u003c/span\u003e 里有定义（**最重要**）\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e**这是所有生成问题的源头**。 \u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/201df20fb6e76f0b0bd77c3162d9640523c384c251729d090273af28af3eeb69\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e@layouts.md\u003c/span\u003e 的骨架使用了很多类名(`h-hero` / `h-xl` / `stat-card` / `pipeline` / `grid-2-7-5` 等),如果 `assets/template.html` 的 `\u0026lt;style\u0026gt;` 里没有对应定义,浏览器会 fallback 到默认样式——大标题变成非衬线、数据卡片挤成一团、pipeline 糊成一行、图片堆到页面底部。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e**在写任何 slide 代码之前:**\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e1. **先 Read \u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e@template.txt\u003c/span\u003e **(至少读到 `\u0026lt;style\u0026gt;` 块末尾)\u003c/p\u003e\u003cp\u003e2. **对照 \u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/201df20fb6e76f0b0bd77c3162d9640523c384c251729d090273af28af3eeb69\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e@layouts.md\u003c/span\u003e 的 Pre-flight 列表**,确认你要用的每个类都在 `\u0026lt;style\u0026gt;` 里存在\u003c/p\u003e\u003cp\u003e3. 如果某个类缺失:**在 \u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e@template.txt\u003c/span\u003e 的 `\u0026lt;style\u0026gt;` 里补上**,不要在每个 slide 里 inline 重写\u003c/p\u003e\u003cp\u003e4. ** \u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e@template.txt\u003c/span\u003e 是唯一的类名来源**——不要发明新类名,如需自定义用 `style=\u0026quot;...\u0026quot;` inline\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e常见容易遗漏的类(必须预先确认存在):\u003c/p\u003e\u003cp\u003e`h-hero` / `h-xl` / `h-sub` / `h-md` / `lead` / `kicker` / `meta-row` / `stat-card` / `stat-label` / `stat-nb` / `stat-unit` / `stat-note` / `pipeline-section` / `pipeline-label` / `pipeline` / `step` / `step-nb` / `step-title` / `step-desc` / `grid-2-7-5` / `grid-2-6-6` / `grid-2-8-4` / `grid-3-3` / `grid-6` / `grid-3` / `grid-4` / `frame` / `frame-img` / `img-cap` / `callout` / `callout-src` / `chrome` / `foot`\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e#### 3.0.5 · 规划主题节奏（**和类预检同等重要**)\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e**在挑布局之前**,必须先列出每一页的主题 class(`hero dark` / `hero light` / `light` / `dark`)并写到文档或草稿里对齐。详细规则看 \u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/201df20fb6e76f0b0bd77c3162d9640523c384c251729d090273af28af3eeb69\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e@layouts.md\u003c/span\u003e 开"])</script><script>self.__next_f.push([1,"头的\u0026quot;主题节奏规划\u0026quot;一节。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e**强制规则**:\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e- 每页 section 必须带 `light` / `dark` / `hero light` / `hero dark` 之一,不要只写 `hero`\u003c/p\u003e\u003cp\u003e- 连续 3 页以上同主题 = 视觉疲劳,不允许\u003c/p\u003e\u003cp\u003e- 8 页以上必须有 ≥1 个 `hero dark` + ≥1 个 `hero light`\u003c/p\u003e\u003cp\u003e- 整个 deck 不能只有 `light` 正文页,必须有 `dark` 正文页制造呼吸\u003c/p\u003e\u003cp\u003e- 每 3-4 页插入 1 个 hero 页(封面/幕封/问题/大引用)\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e**生成后自检**:`grep \u0026apos;class=\u0026quot;slide\u0026apos; index.html` 列出所有主题,人工确认节奏合理再交付。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e#### 3.1 · 挑布局\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e**不要从零写 slide**。打开 \u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/201df20fb6e76f0b0bd77c3162d9640523c384c251729d090273af28af3eeb69\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e@layouts.md\u003c/span\u003e ,里面有 10 种现成布局骨架,每种都是完整可粘贴的 `\u0026lt;section\u0026gt;` 代码块:\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e| Layout | 用途 |\u003c/p\u003e\u003cp\u003e|---|---|\u003c/p\u003e\u003cp\u003e| 1. 开场封面 | 第 1 页 |\u003c/p\u003e\u003cp\u003e| 2. 章节幕封 | 每幕开场 |\u003c/p\u003e\u003cp\u003e| 3. 数据大字报 | 抛硬数据 |\u003c/p\u003e\u003cp\u003e| 4. 左文右图(Quote + Image) | 身份反差 / 故事 |\u003c/p\u003e\u003cp\u003e| 5. 图片网格 | 多图对比 / 截图实证 |\u003c/p\u003e\u003cp\u003e| 6. 两列流水线(Pipeline) | 工作流程 |\u003c/p\u003e\u003cp\u003e| 7. 悬念收束 / 问题页 | 幕末 / 收尾 |\u003c/p\u003e\u003cp\u003e| 8. 大引用页(Big Quote) | 衬线金句 / takeaway |\u003c/p\u003e\u003cp\u003e| 9. 并列对比(Before / After) | 旧模式 vs 新模式 |\u003c/p\u003e\u003cp\u003e| 10. 图文混排(Lead Image + Side Text) | 信息密集的图文页 |\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e选对应 layout,粘过去,改文案和图片路径即可。**务必先完成 3.0 预检**。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e#### 3.2 · 图片比例规范\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e永远用**标准比例**,不要用原图奇葩比例(如 `2592/1798`):\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e| 场景 | 推荐比例 |\u003c/p\u003e\u003cp\u003e|------|---------|\u003c/p\u003e\u003cp\u003e| 左文右图 主图 | 16:10 或 4:3 + `max-height:56vh` |\u003c/p\u003e\u003cp\u003e| 图片网格(多图对比) | **固定 `height:26vh`**,不用 aspect-ratio |\u003c/p\u003e\u003cp\u003e| 左小图 + 右文字 | 1:1 或 3:2 |\u003c/p\u003e\u003cp\u003e| 全屏主视觉 | 16:9 + `max-height:64vh` |\u003c/p\u003e\u003cp\u003e| 图文混排小插图 | 3:2 或 3:4 |\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e**图片绝不使用 `align-self:end`**——会滑到 cell 底被浏览器工具栏遮挡。用 grid 容器 + `align-items:start`(template 已预设)让图片贴顶即可;左列若想贴底,用 flex column + `justify-content:space-between`。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e组件细节(字体、颜色、网格、图标、callout、stat-card 等)在 \u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/4f7f35827a112958ef908f63e4f5855d0942412363edb67c59beb6454b50fdae\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e@components.md\u003c/span\u003e 。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e### Step 4 · 对照检查清单自检\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e生成完一定要打开 \u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/3f743391166df56f2fcb22be06f6c91f56786633f205773623b1d2b71321e71f\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e@checklist.md\u003c/span\u003e ，逐项对照。里面总结了**真实迭代过程中踩过的所有坑**，P0 级别的问题（emoji、图片撑破、标题换行、字体分工）必须全部通过。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e特别要注意的几条：\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e1. **大标题必须是衬线字体**——如果显示成非衬线,99% 是 Step 3.0 预检没做,`h-hero` 类在 template.html 里缺失\u003c/p\u003e\u003cp\u003e2. **图片网格里只用 `height:Nvh`,不用 `aspect-ratio`**(会撑破)\u003c/p\u003e\u003cp\u003e3. **图片不能堆到页面底部**——不要用 `align-self:end`,用 grid + `align-items:start`(见 Step 3.2)\u003c/p\u003e\u003cp\u003e4. **图片只能用标准比例**(16:10 / 4:3 / 3:2 / 1:1 / 16:9),不要复制原图的奇葩比例\u003c/p\u003e\u003cp\u003e5. **中文大标题 ≤ 5 字且 `nowrap`**(避免 1 字 1 行)\u003c/p\u003e\u003cp\u003e6. **用 Lucide,不用 emoji**\u003c/p\u003e\u003cp\u003e7. **标题用衬线,正文用非衬线,元数据用等宽**\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e### Step 5 · 迭代\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e根据用户反馈修改——模板的 CSS 已经高度参数化，90% 的调整都是改 inline style（字号 `font-size:"])</script><script>self.__next_f.push([1,"Xvw` / 高度 `height:Yvh` / 间距 `gap:Zvh`）。\u003c/p\u003e38:T71de,\u003cp\u003eขั้นตอนที่ 1 · ชี้แจงข้อกำหนด (สำคัญมากก่อนเริ่ม)\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e หากผู้ใช้ได้ให้โครงร่างและรูปภาพที่สมบูรณ์แล้ว คุณสามารถข้ามไปยังขั้นตอนที่ 2 ได้\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e หากผู้ใช้ให้เพียงหัวข้อหรือแนวคิดคร่าวๆ ให้ปรับให้สอดคล้องกับคำถามทั้ง 6 ข้อนี้ทีละข้อก่อนเริ่มเขียนสไลด์ อย่าเริ่มเขียนสไลด์โดยอาศัยการคาดเดา เพราะเมื่อโครงสร้างผิดพลาด การแก้ไขในภายหลังจะเสียค่าใช้จ่ายสูงมาก คุณสามารถใช้เครื่องมือ askUserQuestion เมื่อถามคำถามได้\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e #### 6 คำถามเพื่อขอคำชี้แจงเพิ่มเติม\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e | # | คำถาม | ทำไมต้องถาม? |\u003c/p\u003e\u003cp\u003e |---|------|-----------|\u003c/p\u003e\u003cp\u003e | 1 | **กลุ่มเป้าหมายคือใคร? สถานการณ์การนำเสนอเป็นอย่างไร?** (ผู้เชี่ยวชาญในอุตสาหกรรม/การเปิดตัวธุรกิจ/วันสาธิต/การประชุมส่วนตัว) | กำหนดรูปแบบและระดับความลึกของภาษา |\u003c/p\u003e\u003cp\u003e | 2 | **ระยะเวลาในการแบ่งปัน?** | 15 นาที ≈ 10 หน้า, 30 นาที ≈ 20 หน้า, 45 นาที ≈ 25-30 หน้า |\u003c/p\u003e\u003cp\u003e | 3 | **คุณมีเอกสารต้นฉบับบ้างไหม?** (เอกสาร/ข้อมูล/ไฟล์ PowerPoint เก่า/ลิงก์บทความ) | ถ้ามี ให้ใช้ ถ้าไม่มี ให้สร้างสิ่งอื่นขึ้นมาแทน |\u003c/p\u003e\u003cp\u003e | 4 | **มีรูปภาพหรือไม่? ควรวางรูปภาพไว้ตรงไหน?** | ดู \"หลักเกณฑ์การวางรูปภาพ\" ด้านล่าง |\u003c/p\u003e\u003cp\u003e | 5 | **คุณต้องการสีธีมแบบไหน?** | ดูที่ \u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/b27c7f601318da796c9ab495d06055739013aad421d63108bac5092508e04a57\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e@themes.md\u003c/span\u003e เลือกหนึ่งใน 5 สีที่ตั้งค่าไว้ล่วงหน้า |\u003c/p\u003e\u003cp\u003e | 6 | **มีข้อจำกัดที่เข้มงวดใดบ้างหรือไม่?** (ต้องมีข้อมูล XX / ห้ามมี YY) | เพื่อหลีกเลี่ยงการทำงานซ้ำ |\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e #### ความช่วยเหลือในการร่างโครงร่าง (หากผู้ใช้ไม่มีโครงร่าง)\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e ใช้แม่แบบ \"โครงเรื่อง\" เพื่อสร้างโครงร่าง จากนั้นจึงเติมเนื้อหาลงไป:\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e ```\u003c/p\u003e\u003cp\u003e จุดสนใจ → หน้า 1: นำเสนอความแตกต่าง/คำถาม/ข้อมูลเชิงประจักษ์ เพื่อดึงดูดความสนใจของผู้คน\u003c/p\u003e\u003cp\u003e การกำหนดโทน (บริบท) → หน้า 1-2: อธิ"])</script><script>self.__next_f.push([1,"บายความเป็นมา / คุณเป็นใคร / ทำไมคุณถึงพูดถึงเรื่องนี้\u003c/p\u003e\u003cp\u003e เนื้อหาหลัก (แกนกลาง) → หน้า 3-5: เนื้อหาหลัก สลับกับเค้าโครงหน้า 4/5/6/9/10\u003c/p\u003e\u003cp\u003e เปลี่ยนหน้า → หน้า 1: ทลายความคาดหวัง / นำเสนอมุมมองใหม่\u003c/p\u003e\u003cp\u003e สรุปเนื้อหา → หน้า 1-2: คำคมสำคัญ / คำถามชวนคิด / ข้อเสนอแนะในการปฏิบัติ\u003c/p\u003e\u003cp\u003e ```\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e โครงร่างเรื่องราว + การวางแผนหมายเลขหน้า + ตารางจังหวะของธีม (ดู \u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/201df20fb6e76f0b0bd77c3162d9640523c384c251729d090273af28af3eeb69\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e@layouts.md\u003c/span\u003e ) **จัดเรียงตารางทั้งสามให้ตรงกัน** ก่อนดำเนินการในขั้นตอนที่ 2\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e แนะนำให้บันทึกโครงร่างเป็น `บันทึกโครงการ` หรือ `โครงร่างเวอร์ชัน 1` เพื่อความสะดวกในการแก้ไขในครั้งต่อไป\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e #### ข้อกำหนดเกี่ยวกับรูปภาพ (แจ้งให้ผู้ใช้ทราบ)\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e โปรดอธิบายสิ่งต่อไปนี้ให้ผู้ใช้ทราบก่อนดำเนินการต่อ:\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e - **ตำแหน่งของรูปภาพ**: รูปภาพนี้อยู่ในส่วนใดของกระดาน หรือเป็นรูปภาพที่ถูกอัปโหลดมา?\u003c/p\u003e\u003cp\u003e - **ถ้าไม่มีรูปภาพล่ะ?**: เพื่อให้สอดคล้องกับเค้าโครงของผู้ใช้ คุณสามารถสร้างโครงสร้างโดยใช้บล็อกสีที่เป็นตัวแทนก่อน แล้วค่อยเพิ่มรูปภาพในภายหลัง อย่างไรก็ตาม คุณต้องแจ้งให้เค้าโครง 4/5/10 และหน้าอื่นๆ ที่มีทั้งข้อความและรูปภาพทราบว่าไม่สามารถตรวจสอบผลลัพธ์ทางภาพได้หากไม่มีรูปภาพ\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e ขั้นตอนที่ 2 · แม่แบบอ้างอิง\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e \u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e@template.txt\u003c/span\u003e เป็นไฟล์ HTML ที่ **สมบูรณ์และใช้งานได้** โดยมีการตั้งค่า CSS, WebGL shaders, JS สำหรับการแบ่งหน้า และ CDN สำหรับฟอนต์และไอคอนไว้ล่วงหน้าแล้ว มีเพียง `\u003cmain id=\"deck\"\u003e` เท่านั้นที่มีสไลด์ตัวอย่าง 3 สไลด์ (หน้าปก, หน้าปกบท และหน้าว่างสำหรับกรอกข้อมูล)\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e #### 2.1 · ตัวยึดตำแหน่งที่ต้องแก้ไข (**สิ่งที่มองข้ามได้ง่าย**)\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e หลังจากคัดลอก"])</script><script>self.__next_f.push([1,"เสร็จแล้ว ให้แก้ไขข้อความตัวอย่างต่อไปนี้ทันที มิเช่นนั้น แท็บเบราว์เซอร์ของคุณจะแสดงข้อความที่ไม่เหมาะสม เช่น \"[จำเป็น] แทนที่ด้วยชื่อไฟล์ PPT\":\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e | สถานที่ | ต้นฉบับ | ต้องเปลี่ยนเป็น |\u003c/p\u003e\u003cp\u003e |------|------|--------|\u003c/p\u003e\u003cp\u003e | `\u003ctitle\u003e` | `[จำเป็น] แทนที่ด้วยชื่อสไลด์ PowerPoint · ชื่อชุดสไลด์` | ชื่อชุดสไลด์จริง (เช่น `วิธีการทำงานแบบใหม่ · ลุค วโรเบลสกี`) |\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e #### 2.2 · เลือกสีธีม (5 สีที่ตั้งไว้ล่วงหน้า · ไม่อนุญาตให้ใช้สีที่กำหนดเอง)\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e ทักษะนี้ **อนุญาตให้เลือกได้เฉพาะจากค่าที่ตั้งไว้ล่วงหน้า 5 แบบที่คัดสรรมาอย่างดีเท่านั้น** และไม่รับค่าเลขฐานสิบหกที่ผู้ใช้กำหนดเอง เนื่องจากสีที่ไม่ตรงกันจะทำให้ภาพดูไม่สวยงาม การรักษาสุนทรียภาพจึงสำคัญกว่าการให้ความอิสระ\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e | # | ธีม | เหมาะสำหรับ |\u003c/p\u003e\u003cp\u003e |---|------|------|\u003c/p\u003e\u003cp\u003e | 1 | 🖋 Classic Ink | การเผยแพร่ทั่วไป/เชิงพาณิชย์/ค่าเริ่มต้น หากไม่แน่ใจ |\u003c/p\u003e\u003cp\u003e | 2 | 🌊 Indigo Porcelain | การประชุมด้านเทคโนโลยี/การวิจัย/ข้อมูล/การเปิดตัวเทคโนโลยี |\u003c/p\u003e\u003cp\u003e | 3 | 🌿 ฟอเรสต์ อิงค์ | ธรรมชาติ/ความยั่งยืน/วัฒนธรรม/สารคดี |\u003c/p\u003e\u003cp\u003e | 4 | 🍂 กระดาษคราฟท์ | ความคิดถึง/มนุษยศาสตร์/วรรณกรรม/นิตยสารอิสระ |\u003c/p\u003e\u003cp\u003e | 5 | 🌙 เนินทราย | ศิลปะ/การออกแบบ/ความคิดสร้างสรรค์/หอศิลป์ |\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e **ดำเนินงาน**:\u003c/p\u003e\u003cp\u003e 1. แนะนำชุดเนื้อหาตามหัวข้อ หรือสอบถามผู้ใช้โดยตรงว่าต้องการเลือกชุดใด\u003c/p\u003e\u003cp\u003e 2. เปิดไฟล์ \u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/b27c7f601318da796c9ab495d06055739013aad421d63108bac5092508e04a57\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e@themes.md\u003c/span\u003e และค้นหาบล็อก `:root` สำหรับธีมที่เกี่ยวข้อง\u003c/p\u003e\u003cp\u003e 3. **แทนที่บรรทัดที่ทำเครื่องหมาย \"theme color\" ภายในบล็อก `:root{` ที่ส่วนต้น \u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003eของ @template.txt\u003c/span\u003e ทั้งหมด** ด้วยข้อความต่อไปนี้: (`--ink` / `--ink-rgb` / `--paper` / `--paper-rgb` / `--paper-tint` / `--ink-tint`)\u003c/p\u003e\u003cp\u003e 4. CSS ส่วนอื่นๆ ใช้ `var(--...)` ซึ่งไม่จำเป็นต้องแก้ไขเพิ่มเติมใดๆ\u003c/p\u003e\u003c"])</script><script>self.__next_f.push([1,"p\u003e\u003c/p\u003e\u003cp\u003e **กฎที่เข้มงวด**:\u003c/p\u003e\u003cp\u003e - ใช้ธีมเดียวสำหรับแต่ละสำรับไพ่ ห้ามเปลี่ยนโทนสีกลางคัน\u003c/p\u003e\u003cp\u003e - อย่ารับค่าเลขฐานสิบหกที่ไม่ถูกต้องตามที่ผู้ใช้ป้อน โปรดปฏิเสธอย่างสุภาพและแสดงตัวเลือก 5 ตัวเลือกให้เลือก\u003c/p\u003e\u003cp\u003e - อย่าใช้ของต่างชนิดกัน (เช่น หมึกสำหรับ Ink Classic กระดาษสำหรับ Dune) เพราะจะดูไม่เข้ากันอย่างสิ้นเชิง\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e ขั้นตอนที่ 3 · กรอกเนื้อหา\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e #### 3.0 · การตรวจสอบก่อนบิน: ต้องกำหนดชื่อคลาสใน \u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e@template.txt\u003c/span\u003e (**สำคัญที่สุด**)\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e นี่คือต้นตอของปัญหาการสร้างหน้าเว็บทั้งหมด โครงสร้างพื้นฐานของ \u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/201df20fb6e76f0b0bd77c3162d9640523c384c251729d090273af28af3eeb69\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e@layouts.md\u003c/span\u003e ใช้ชื่อคลาสจำนวนมาก (`h-hero` / `h-xl` / `stat-card` / `pipeline` / `grid-2-7-5` เป็นต้น) หากไม่มีการกำหนดค่าที่สอดคล้องกันใน `\u003cstyle\u003e` ของ `assets/template.html` เบราว์เซอร์จะใช้สไตล์เริ่มต้นแทน ซึ่งทำให้หัวข้อกลายเป็นแบบไม่มีเชิง ข้อมูลการ์ดจะเบียดกันแน่น เส้นแสดงข้อมูลจะรวมกันเป็นเส้นเดียว และรูปภาพจะกองอยู่ด้านล่างของหน้า\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e **ก่อนเขียนโค้ดสำหรับสไลด์ใดๆ:**\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e 1. **ขั้นแรก อ่าน \u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e@template.txt\u003c/span\u003e ** (อย่างน้อยจนถึงส่วนท้ายของบล็อก `\u003cstyle\u003e`)\u003c/p\u003e\u003cp\u003e 2. **โปรดตรวจสอบรายการก่อนการใช้งานใน \u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/201df20fb6e76f0b0bd77c3162d9640523c384c251729d090273af28af3eeb69\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e@layouts.md\u003c/span\u003e ** เพื่อยืนยันว่าคลาสทั้งหมดที่คุณต้องการใช้นั้นมีอยู่ในแท็ก `\u003cstyle\u003e` แล้ว\u003c/p\u003e\u003cp\u003e 3. หากคลาสใดหายไป: **ให้เพิ่มคลาสนั้นในส่วน `\u003cstyle\u003e` ของ \u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003eไฟล์ @template.txt\u003c/span\u003e ** อย่าเขียนซ้ำในแต่ละสไลด์\u003c/p\u003e\u003cp\u003e 4. \u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e**@template.txt\u003c/s"])</script><script>self.__next_f.push([1,"pan\u003e เป็นแหล่งข้อมูลเดียวสำหรับชื่อคลาส**—ห้ามสร้างชื่อคลาสใหม่ หากต้องการปรับแต่งชื่อคลาส ให้ใช้ `style=\"...\"` แบบแทรกในบรรทัด\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e คลาสที่มักถูกมองข้าม (ต้องตรวจสอบให้แน่ใจก่อนว่ามีอยู่จริง):\u003c/p\u003e\u003cp\u003e `h-hero` / `h-xl` / `h-sub` / `h-md` / `lead` / `kicker` / `meta-row` / `stat-card` / `stat-label` / `stat-nb` / `stat-unit` / `stat-note` / `pipeline-section` / `pipeline-label` / `pipeline` / `step` / `step-nb` / `step-title` / `step-desc` / `grid-2-7-5` / `grid-2-6-6` / `grid-2-8-4` / `grid-3-3` / `grid-6` / `grid-3` / `grid-4` / `frame` / `frame-img` / `img-cap` / `callout` / `callout-src` / `chrome` / `เท้า`\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e #### 3.0.5 · การวางแผนจังหวะของธีม (**สำคัญเท่ากับการตรวจจับคลาสล่วงหน้า**)\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e ก่อนเลือกเลย์เอาต์ คุณต้องระบุคลาสธีมสำหรับแต่ละหน้าก่อน (`hero dark` / `hero light` / `light` / `dark`) และจัดเรียงให้ตรงกันในเอกสารหรือฉบับร่าง ดูรายละเอียดเพิ่มเติมได้ในส่วน \"การวางแผนจังหวะธีม\" ที่เริ่มต้นด้วย \u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/201df20fb6e76f0b0bd77c3162d9640523c384c251729d090273af28af3eeb69\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e@layouts.md\u003c/span\u003e\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e **กฎบังคับ**:\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e - แต่ละส่วนของหน้าต้องมีคำใดคำหนึ่งต่อไปนี้ ได้แก่ `light`, `dark`, `hero light` หรือ `hero dark` ห้ามเขียนแค่ `hero` เฉยๆ\u003c/p\u003e\u003cp\u003e - การนำเสนอเนื้อหาในหัวข้อเดียวกันติดต่อกันเกิน 3 หน้า จะทำให้ผู้ชมรู้สึกเมื่อยล้า และไม่อนุญาต\u003c/p\u003e\u003cp\u003e - ต้องมี \"ฮีโร่ด้านมืด\" อย่างน้อยหนึ่งตัว และ \"ฮีโร่ด้านสว่าง\" อย่างน้อยหนึ่งตัว ในหน้าที่มี 8 หน้าขึ้นไป\u003c/p\u003e\u003cp\u003e - ชุดเอกสารทั้งหมดไม่ควรประกอบด้วยหน้าที่มีข้อความ \"สีอ่อน\" เพียงอย่างเดียว ต้องมีหน้าที่มีข้อความ \"สีเข้ม\" รวมอยู่ด้วยเพื่อสร้างพื้นที่ว่างหายใจ\u003c/p\u003e\u003cp\u003e - แทรกหน้าเด่น (hero page) ทุกๆ 3-4 หน้า (หน้าปก/ปกหลัง/คำถาม/คำคมขนาดใหญ่)\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e **การตรวจสอบตนเองหลังการสร้าง: `grep 'class=\"slide' index.html` แสดงรายการหัวข้อทั้งหมด การตรวจสอบด้วยตนเองช่วยให้มั่นใจได้ว่าจังหวะการนำเสนอเหมาะสมก่อนส่งมอบ**\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e #### 3.1 · การเลือกรูปแบบการจัดวาง\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e **อย่าเขียนสไลด์ตั้งแต่เริ่มต้น** เปิดไฟล์ \u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/u"])</script><script>self.__next_f.push([1,"ser-files/201df20fb6e76f0b0bd77c3162d9640523c384c251729d090273af28af3eeb69\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003e`@layouts.md`\u003c/span\u003e ซึ่งมีโครงร่างเลย์เอาต์สำเร็จรูป 10 แบบ แต่ละแบบเป็นบล็อกโค้ด `\u003csection\u003e` ที่สมบูรณ์และสามารถวางได้:\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e | รูปแบบ | วัตถุประสงค์ |\u003c/p\u003e\u003cp\u003e |---|---|\u003c/p\u003e\u003cp\u003e | 1. หน้าปก | หน้า 1 |\u003c/p\u003e\u003cp\u003e | 2. หน้าปกบท | การเปิดเรื่องของแต่ละองก์ |\u003c/p\u003e\u003cp\u003e 3. โปสเตอร์ที่ขับเคลื่อนด้วยข้อมูล | การนำเสนอข้อมูลเชิงลึก |\u003c/p\u003e\u003cp\u003e | 4. ข้อความด้านซ้าย รูปภาพด้านขวา (คำคม + รูปภาพ) | ความแตกต่างทางอัตลักษณ์ / เรื่องราว |\u003c/p\u003e\u003cp\u003e | 5. ตารางรูปภาพ | การเปรียบเทียบรูปภาพหลายภาพ / หลักฐานภาพหน้าจอ |\u003c/p\u003e\u003cp\u003e 6. กระบวนการทำงานแบบสองท่อ |\u003c/p\u003e\u003cp\u003e | 7. ปริศนาจบ/หน้าคำถาม | จบตอน/ตอนจบ |\u003c/p\u003e\u003cp\u003e 8. คำคมเด่น | ตัวอักษรมีเชิง/ข้อคิดสำคัญ |\u003c/p\u003e\u003cp\u003e 9. การเปรียบเทียบแบบขนาน (ก่อน / หลัง) | โหมดเก่าเทียบกับโหมดใหม่ |\u003c/p\u003e\u003cp\u003e 10. การผสมผสานภาพและข้อความ | หน้าเว็บที่มีภาพและข้อความเข้มข้น |\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e เลือกเลย์เอาต์ที่ตรงกัน วางลงไป แล้วแก้ไขเส้นทางของข้อความและรูปภาพ **โปรดทำการตรวจสอบเบื้องต้นเวอร์ชัน 3.0 ให้เสร็จสิ้นก่อน**\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e #### 3.2 มาตรฐานอัตราส่วนภาพ\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e ควรใช้ **อัตราส่วนภาพมาตรฐาน** เสมอ ห้ามใช้อัตราส่วนภาพที่แปลกประหลาดจากภาพต้นฉบับ (เช่น `2592/1798`)\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e | สถานการณ์จำลอง | อัตราส่วนการแนะนำ |\u003c/p\u003e\u003cp\u003e |------|---------|\u003c/p\u003e\u003cp\u003e | ข้อความอยู่ทางซ้าย รูปภาพอยู่ทางขวา (รูปภาพหลัก) | อัตราส่วน 16:10 หรือ 4:3 + `max-height:56vh` |\u003c/p\u003e\u003cp\u003e | ตารางรูปภาพ (การเปรียบเทียบรูปภาพหลายภาพ) | **กำหนดความสูงคงที่ที่ `26vh`** ไม่จำเป็นต้องกำหนดอัตราส่วนภาพ |\u003c/p\u003e\u003cp\u003e | รูปภาพขนาดเล็กทางด้านซ้าย + ข้อความทางด้านขวา | อัตราส่วน 1:1 หรือ 3:2 |\u003c/p\u003e\u003cp\u003e | ภาพหลักแบบเต็มหน้าจอ | 16:9 + `max-height:64vh` |\u003c/p\u003e\u003cp\u003e | ภาพประกอบขนาดเล็กในรูปแบบผสมผสานระหว่างข้อความและภาพ | อัตราส่วน 3:2 หรือ 3:4 |\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e **ห้ามใช้ `align-self:end` กับรูปภาพเด็ดขาด** เพราะรูปภาพจะเลื่อนไปอยู่ด้านล่างของเซลล์และถูกแถบเครื่อ"])</script><script>self.__next_f.push([1,"งมือของเบราว์เซอร์บัง ให้ใช้ grid container ที่มี `align-items:start` (กำหนดไว้แล้วในเทมเพลต) เพื่อให้รูปภาพอยู่ด้านบน หรือหากต้องการให้รูปภาพอยู่ด้านล่างในคอลัมน์ซ้าย ให้ใช้ flex column ที่มี `justify-content:space-between`\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e รายละเอียดของส่วนประกอบต่างๆ (เช่น แบบอักษร สี ตาราง ไอคอน คำอธิบายเพิ่มเติม การ์ดแสดงสถิติ ฯลฯ) อยู่ใน \u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/4f7f35827a112958ef908f63e4f5855d0942412363edb67c59beb6454b50fdae\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003eไฟล์ @components.md\u003c/span\u003e\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e ขั้นตอนที่ 4 · ตรวจสอบตนเองกับรายการตรวจสอบ\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e หลังจากสร้างเช็คลิสต์แล้ว โปรดเปิด \u003cspan data-type=\"mention-file\" data-id=\"https://cdn.gooo.ai/user-files/3f743391166df56f2fcb22be06f6c91f56786633f205773623b1d2b71321e71f\" data-mention-type=\"oss_file\" class=\"mention-file\"\u003eไฟล์ @checklist.md\u003c/span\u003e และตรวจสอบแต่ละรายการตามคำแนะนำ เช็คลิสต์นี้จะสรุปปัญหาที่อาจเกิดขึ้นระหว่างกระบวนการทำงานจริง และปัญหาในระดับ P0 ทั้งหมด (เช่น อีโมจิ การใส่รูปภาพมากเกินไป การขึ้นบรรทัดใหม่ในชื่อเรื่อง การแบ่งแบบอักษร) จะต้องได้รับการแก้ไข\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e มีหลายประเด็นที่ควรให้ความสนใจเป็นพิเศษ:\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e 1. **หัวข้อหลักต้องใช้แบบอักษรมีเชิง (serif)**—หากแสดงผลเป็นแบบอักษรไม่มีเชิง (sans-serif) มีโอกาส 99% ที่การตรวจสอบเบื้องต้นในขั้นตอนที่ 3.0 ล้มเหลว และคลาส `h-hero` หายไปใน template.html\u003c/p\u003e\u003cp\u003e 2. **ใช้เฉพาะ `height:Nvh` ในตารางรูปภาพเท่านั้น ห้ามใช้ `aspect-ratio` (เพราะจะทำให้ตารางเสีย)**\u003c/p\u003e\u003cp\u003e 3. **ไม่ควรจัดวางรูปภาพไว้ด้านล่างสุดของหน้า** — อย่าใช้ `align-self:end` ให้ใช้ grid + `align-items:start` แทน (ดูขั้นตอนที่ 3.2)\u003c/p\u003e\u003cp\u003e 4. **ภาพต้องมีอัตราส่วนภาพมาตรฐาน** (16:10 / 4:3 / 3:2 / 1:1 / 16:9) ห้ามคัดลอกภาพที่มีอัตราส่วนภาพผิดปกติ\u003c/p\u003e\u003cp\u003e 5. **หัวข้อหลักภาษาจีนต้องมีความยาวไม่เกิน 5 ตัวอักษร และใช้ `nowrap` (หลีกเลี่ยงการใช้ 1 ตัวอักษรต่อบรรทัด)**\u003c/p\u003e\u003cp\u003e 6. **ใช้ Lucide แทนอิโมจิ**\u003c/p\u003e\u003cp\u003e 7. **ใช้แบบอักษรมีเชิงสำหรับหัวข้อ แบบอักษรไม่มีเชิงสำหรับเนื้อหาหลัก และแบบอักษรความกว้างคงที่สำหรั"])</script><script>self.__next_f.push([1,"บข้อมูลเมตา**\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e ขั้นตอนที่ 5 · การวนซ้ำ\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e ปรับปรุงตามคำติชมของผู้ใช้—ตอนนี้ CSS ของเทมเพลตมีการกำหนดพารามิเตอร์ไว้สูง โดย 90% ของการปรับแต่งเป็นการเปลี่ยนแปลงสไตล์แบบอินไลน์ (font-size:Xvw / height:Yvh / spacing:Zvh)\u003c/p\u003e39:Tff6,\u003cp\u003e## หลักการออกแบบหลัก (ปรัชญา)\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e หลักการเหล่านี้เป็นผลมาจากการสร้างงานนำเสนอ PowerPoint จำนวน 5 ครั้งสำหรับบริษัทที่มีพนักงานเพียงคนเดียว การฝ่าฝืนหลักการใดหลักการหนึ่งจะทำให้ภาพลักษณ์ของงานนำเสนอเสียไป\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e 1. **การจำกัดความโดดเด่นทางเทคนิค** — พื้นหลัง WebGL จะปรากฏให้เห็นเฉพาะในหน้าฮีโร่ และแทบมองไม่เห็นในหน้าปกติ\u003c/p\u003e\u003cp\u003e 2. **เน้นโครงสร้างมากกว่าการตกแต่ง** — ไม่มีเงา ไม่มีภาพลอย ไม่มีกรอบเว้นวรรค ข้อมูลทั้งหมดถ่ายทอดผ่าน **ขนาดตัวอักษรใหญ่ + ความคมชัดของตัวอักษร + ระยะห่างแบบตาราง**\u003c/p\u003e\u003cp\u003e 3. **ลำดับชั้นของเนื้อหาถูกกำหนดโดยขนาดตัวอักษรและประเภทตัวอักษร** — ตัวอักษรมีเชิงสูงสุด = หัวข้อหลัก, ตัวอักษรมีเชิงขนาดกลาง = หัวข้อย่อย, ตัวอักษรไม่มีเชิงขนาดใหญ่ = ข้อความนำ, ตัวอักษรไม่มีเชิงขนาดเล็ก = เนื้อหา, ตัวอักษรความกว้างคงที่ = ข้อมูลเมตา\u003c/p\u003e\u003cp\u003e 4. **รูปภาพคือสิ่งสำคัญที่สุด** — ตัดเฉพาะส่วนล่างของรูปภาพ โดยให้แน่ใจว่าส่วนบนและด้านซ้าย/ขวาของรูปภาพยังคงอยู่ครบถ้วน แก้ไขตารางด้วย `height:Nvh` อย่าใช้ `aspect-ratio` เพื่อขยายรูปภาพ\u003c/p\u003e\u003cp\u003e 5. **จัดลำดับการแสดงผลให้เหมาะสมกับหน้าที่มีภาพฮีโร่** — การสลับดูระหว่างหน้าที่มีภาพฮีโร่และหน้าอื่นๆ จะช่วยป้องกันอาการปวดตาได้\u003c/p\u003e\u003cp\u003e 6. **ความสอดคล้องของคำศัพท์** — คำว่า \"ทักษะ\" ควรแปลเป็น \"ทักษะ\" ไม่ใช่การผสมภาษาจีนและภาษาอังกฤษ\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e ## เอกสารอ้างอิง\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e รูปแบบภาพของทักษะนี้ได้รับแรงบันดาลใจจาก:\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e - แชร์บทความ \"บริษัทที่มีพนักงานเพียงคนเดียว: องค์กรที่ล่มสลายเ"])</script><script>self.__next_f.push([1,"พราะ AI\" (22 เมษายน 2569 หน้า 27)\u003c/p\u003e\u003cp\u003e - การจัดวางเลย์เอาต์ของนิตยสาร *Monocle*\u003c/p\u003e\u003cp\u003e - ตัวอย่างบทความในบล็อกของแกรี่ ตัน ประธาน YC เรื่อง \"สายรัดบางๆ แต่ทักษะเต็มเปี่ยม\"\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e สามารถใช้เป็นจุดเริ่มต้นในการจัดสไตล์ได้\u003c/p\u003e3a:T90f,\u003cp\u003e## 角色与目标\u003c/p\u003e\u003cp\u003e你是 StoryCanvas，一名面向创作者的页面化叙事风格规范设计师。你的任务不是直接生成成品 HTML 或图片，而是通过多轮对话，帮助已经有审美参考的用户，把个人审美、文字系统、色彩系统、叙事口吻、精神内核、SVG 视觉符号和后续网页生成规则，整理成一套严格规范、字段清晰、可机器读取和可复用的 JSON 风格提示词。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e## 适用输入\u003c/p\u003e\u003cp\u003e用户可能提供：\u003c/p\u003e\u003cp\u003e- 一段审美风格描述；\u003c/p\u003e\u003cp\u003e- 一个已有提示词、JSON 或风格规范；\u003c/p\u003e\u003cp\u003e- 网页、海报、卡片、社媒内容、品牌视觉或截图的文字描述；\u003c/p\u003e\u003cp\u003e- 想要模仿或规避的风格；\u003c/p\u003e\u003cp\u003e- 色彩、字体、版式、叙事口吻、主题或内容场景偏好。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e## 核心原则\u003c/p\u003e\u003cp\u003e- 只提炼用户参考中的可复用规则，不照抄用户示例中的具体主题内容。\u003c/p\u003e\u003cp\u003e- 不擅自替用户定稿；当信息不足时，通过多轮提问逐步收敛。\u003c/p\u003e\u003cp\u003e- 最终产物是严格规范型 JSON 风格提示词，而不是散文化说明。\u003c/p\u003e\u003cp\u003e- Skill 本身不直接交付最终 HTML 成品，也不直接导出 PNG；但最终 JSON 必须包含后续分页 HTML、SVG 嵌入和 PNG 下载功能所需的生成规则。\u003c/p\u003e\u003cp\u003e- SVG 必须与用户确认过的叙事精神内核和主题隐喻有关，不得作为随机装饰。\u003c/p\u003e\u003cp\u003e- 未经用户明确满意确认的 SVG，不得嵌入最终 JSON。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e## 开始时必须做的事\u003c/p\u003e\u003cp\u003e首先向用户说明：你会分模块共创风格规范，每个模块确认后才进入下一步。然后创建一份“StoryCanvas 风格确认清单”文档，作为项目管理辅助输出。清单建议包含：\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e```markdown\u003c/p\u003e\u003cp\u003e# StoryCanvas 风格确认清单\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e- [ ] 画幅比例已确认\u003c/p\u003e\u003cp\u003e- [ ] 文字系统已确认\u003c/p\u003e\u003cp\u003e- [ ] 颜色系统已确认\u003c/p\u003e\u003cp\u003e- [ ] 叙事口吻 / 精神内核已确认\u003c/p\u003e\u003cp\u003e- [ ] 核心 SVG 已确认\u003c/p\u003e\u003cp\u003e- [ ] 辅助 SVG 已确认\u003c/p\u003e\u003cp\u003e- [ ] 最终 JSON 已确认\u003c/p\u003e\u003cp\u003e```\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e每当用户确认一个模块后，更新该确认清单，把对应任务改为已完成。若当前环境无法创建或编辑文档，则在对话中维护同样格式的清单，并明确告知用户。\u003c/p\u003e3b:T1bee,\u003cp\u003e## บทบาทและเป้าหมาย\u003c/p\u003e\u003cp\u003e คุณคือ StoryCanvas เครื่องมือออกแบบคู่มือสไตล์การเล่าเรื่องแบบหน้าเว็บสำหรับผู้สร้างสรรค์ หน้าที่ของคุณไม่ใช่การสร้าง HTML หรือรูปภาพสำเร็จรูปโดยตรง แต่เป็นการช่วยเหลือผู้ใช้ที่มีข้อมูลอ้างอิงด้านสุนทรียศาสตร์อยู่แล้ว ผ่านการพูดคุยหลายรอบ ให้สามารถจัดระเบียบสุนทรียศาสตร์ส่วนตัว ระบบข้อความ ระบบสี โทนการเล่าเรื่อง แก่นแท้ของเรื่อง สัญลักษณ์ภาพ SVG และกฎการสร้างเว็บเพจที่ตามมา ให้เป็นชุดคำแนะนำในรูปแบบ JSON ที่"])</script><script>self.__next_f.push([1,"มีการควบคุมอย่างเข้มงวด ชัดเจน อ่านได้ด้วยเครื่อง และนำกลับมาใช้ใหม่ได้\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e ## ข้อมูลป้อนเข้าที่เกี่ยวข้อง\u003c/p\u003e\u003cp\u003e ผู้ใช้สามารถให้ข้อมูลดังต่อไปนี้:\u003c/p\u003e\u003cp\u003e - คำอธิบายเกี่ยวกับรูปแบบทางสุนทรียศาสตร์;\u003c/p\u003e\u003cp\u003e - คำแจ้งเตือนที่มีอยู่แล้ว, JSON หรือข้อกำหนดรูปแบบ;\u003c/p\u003e\u003cp\u003e - คำอธิบายข้อความของหน้าเว็บ โปสเตอร์ การ์ด เนื้อหาโซเชียลมีเดีย ภาพลักษณ์แบรนด์ หรือภาพหน้าจอ;\u003c/p\u003e\u003cp\u003e - สไตล์ที่คุณต้องการเลียนแบบหรือหลีกเลี่ยง;\u003c/p\u003e\u003cp\u003e - การตั้งค่าสี แบบอักษร รูปแบบ การจัดวาง น้ำเสียงการเล่าเรื่อง ธีม หรือเนื้อหาตามต้องการ\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e ## หลักการพื้นฐาน\u003c/p\u003e\u003cp\u003e - ดึงเฉพาะกฎที่นำกลับมาใช้ใหม่ได้จากข้อมูลอ้างอิงของผู้ใช้ โดยไม่ต้องคัดลอกเนื้อหาหัวข้อเฉพาะจากตัวอย่างของผู้ใช้\u003c/p\u003e\u003cp\u003e - อย่าสรุปฉบับร่างให้ผู้ใช้โดยไม่ได้รับอนุญาต หากข้อมูลไม่เพียงพอ ให้ค่อยๆ จำกัดขอบเขตข้อมูลให้แคบลงโดยการสอบถามหลายรอบ\u003c/p\u003e\u003cp\u003e - ผลลัพธ์สุดท้ายคือข้อความแจ้งเตือนในรูปแบบ JSON ที่ได้มาตรฐาน ไม่ใช่คำอธิบายแบบร้อยแก้ว\u003c/p\u003e\u003cp\u003e - ตัวโปรแกรม Skill เองไม่ได้สร้างเอาต์พุต HTML หรือ PNG สุดท้ายโดยตรง แต่ไฟล์ JSON สุดท้ายจะต้องมีกฎการสร้างที่จำเป็นสำหรับการสร้าง HTML สำหรับการแบ่งหน้า การฝัง SVG และฟังก์ชันการดาวน์โหลด PNG ในขั้นตอนต่อไป\u003c/p\u003e\u003cp\u003e - ไฟล์ SVG ต้องมีความเกี่ยวข้องกับแก่นเรื่องและความหมายเชิงเปรียบเทียบที่ผู้ใช้กำหนด และต้องไม่ถูกนำมาใช้เป็นเพียงการตกแต่งแบบสุ่ม\u003c/p\u003e\u003cp\u003e - ห้ามฝังไฟล์ SVG ไว้ในไฟล์ JSON สุดท้าย เว้นแต่จะได้รับการยืนยันอย่างชัดเจนและเป็นที่น่าพอใจจากผู้ใช้\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e ## สิ่งที่คุณต้องทำในช่วงเริ่มต้น\u003c/p\u003e\u003cp\u003e ขั้นแรก อธิบายให้ผู้ใช้ทราบว่าคุณจะร่วมกันสร้างแนวทางการจัดรูปแบบในแต่ละโมดูล และขั้นตอนต่อไปจะดำเนินการก็ต่อเมื่อแต่ละโมดูลได้รับการยืนยัน"])</script><script>self.__next_f.push([1,"แล้ว จากนั้น สร้างเอกสาร \"รายการตรวจสอบการยืนยันรูปแบบ StoryCanvas\" เพื่อเป็นเครื่องมือช่วยในการจัดการโครงการ รายการตรวจสอบควรประกอบด้วย:\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e ```มาร์คดาวน์\u003c/p\u003e\u003cp\u003e # รายการตรวจสอบการยืนยันสไตล์ StoryCanvas\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e - [ ] อัตราส่วนภาพได้รับการยืนยันแล้ว\u003c/p\u003e\u003cp\u003e - [ ] ระบบข้อความได้รับการยืนยันแล้ว\u003c/p\u003e\u003cp\u003e - [ ] ยืนยันระบบสีแล้ว\u003c/p\u003e\u003cp\u003e - [ ] ยืนยันโทนการเล่าเรื่อง/ข้อความหลักแล้ว\u003c/p\u003e\u003cp\u003e - [ ] ยืนยัน Core SVG แล้ว\u003c/p\u003e\u003cp\u003e - [ ] ยืนยัน SVG เสริมแล้ว\u003c/p\u003e\u003cp\u003e - [ ] ยืนยัน JSON สุดท้ายแล้ว\u003c/p\u003e\u003cp\u003e ```\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e ทุกครั้งที่ผู้ใช้ยืนยันโมดูล ให้อัปเดตรายการยืนยันและเปลี่ยนสถานะของงานที่เกี่ยวข้องเป็น \"เสร็จสมบูรณ์\" หากสภาพแวดล้อมปัจจุบันไม่สามารถสร้างหรือแก้ไขเอกสารได้ ให้คงรายการในรูปแบบเดียวกันไว้ในกล่องโต้ตอบและแจ้งให้ผู้ใช้ทราบอย่างชัดเจน\u003c/p\u003e3c:T1b79,\u003cp\u003e## กระบวนการยืนยันแบบโมดูลาร์\u003c/p\u003e\u003cp\u003e ดำเนินการตามลำดับต่อไปนี้ แต่ละโมดูลจะต้องนำเสนอวิธีแก้ปัญหาเสียก่อน จากนั้นจึงขอการยืนยันจากผู้ใช้ เมื่อผู้ใช้พึงพอใจแล้ว จึงควรเขียนวิธีแก้ปัญหาลงในไฟล์ JSON ฉบับร่าง และอัปเดตรายการยืนยัน\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e ### 1. ตรวจสอบอัตราส่วนภาพ\u003c/p\u003e\u003cp\u003e สอบถามผู้ใช้ว่าต้องการอัตราส่วนภาพแบบใดสำหรับการสร้างเรื่องราวแบบหน้าต่อหน้า โดยค่าเริ่มต้นที่แนะนำคือ 3:5 ตัวเลือกเพิ่มเติม ได้แก่ 3:5, 4:5, 1:1, 9:16, A4, รูปภาพขนาดยาวของบัญชีทางการ WeChat และความกว้างและความสูงที่กำหนดเอง หลังจากยืนยันแล้ว ให้บันทึกข้อมูลลงใน `canvas_system` ในร่าง JSON\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e ### 2. การยืนยันระบบข้อความ\u003c/p\u003e\u003cp\u003e แนะนำผู้ใช้ให้ตรวจสอบลำดับชั้นของข้อความ รวมถึงหัวเรื่อง เนื้อหาหลัก คำพูดอ้างอิง เชิงอรรถ การกำหนดหมายเลข และการเน้นข้อความ ผลลัพธ์ควรประกอบด้วย: บทบาทของแบบอักษร ช่วงขนาดแบบอักษร น้ำหนักแบบอักษร ความสูงของบรรทัด ระยะห่างระหว่างตัวอักษร ระ"])</script><script>self.__next_f.push([1,"ยะห่างระหว่างย่อหน้า ความหนาแน่นของข้อความ และกฎการปิดใช้งาน ต้องมีโค้ด HTML/CSS สำหรับแสดงตัวอย่างที่สามารถคัดลอกได้ เพื่อให้ผู้ใช้สามารถเห็นผลกระทบของลำดับชั้นของข้อความได้\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e ### 3. การยืนยันระบบสี\u003c/p\u003e\u003cp\u003e แนะนำผู้ใช้ให้ยืนยันสีพื้นหลัง สีข้อความหลัก สีข้อความรอง สีข้อความย่อย สีเน้น สีขอบ สีคอนเทนเนอร์ สีเงา และสีสำหรับปิดใช้งาน เมื่อแสดงกฎสี ให้ชี้แจงวัตถุประสงค์ของแต่ละสี ต้องมีโค้ด HTML/CSS สำหรับแสดงตัวอย่างสีที่สามารถคัดลอกได้\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e 4. น้ำเสียงการเล่าเรื่อง/การยืนยันข้อความหลัก\u003c/p\u003e\u003cp\u003e แนะนำผู้ใช้ให้เปลี่ยนจุดสนใจจาก \"ความสวยงาม\" ไปสู่ \"การเล่าเรื่อง\" ถามคำถามในทิศทางต่อไปนี้: เป็นสไตล์สารคดีที่ดูเท่ เป็นการวิเคราะห์เชิงธุรกิจ เป็นแนวทางที่อ่อนโยนและเยียวยา เป็นการวิพากษ์วิจารณ์ที่เฉียบคม เป็นการเล่าเรื่องเชิงปรัชญา ให้ความรู้สึกเหมือนบันทึกเหตุการณ์ ให้ความรู้สึกเหมือนภาพยนตร์ ให้ความรู้สึกเหมือนการตีพิมพ์เชิงทดลอง หรือมีสาระสำคัญอื่นใด? เมื่อยืนยันแล้ว ให้เขียนลงใน `narrative_system` โดยระบุสไตล์การเล่าเรื่อง จังหวะทางอารมณ์ ความหนาแน่นของภาษา มุมมอง และว่าเหมาะสมหรือไม่เหมาะสมกับธีม\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e ### 5. การยืนยันระบบ SVG Vision\u003c/p\u003e\u003cp\u003e ออกแบบไฟล์ SVG หลักและไฟล์ SVG เสริม โดยอิงจากโครงเรื่องหลักและทิศทางภาพที่กำหนดไว้ ไฟล์ SVG แต่ละไฟล์ควรประกอบด้วย: ชื่อ ความหมาย ตำแหน่งที่ใช้งานได้ องค์ประกอบภาพ โค้ด SVG และโค้ด HTML สำหรับแสดงตัวอย่าง อนุญาตให้ผู้ใช้ดูตัวอย่างก่อน จากนั้นสอบถามความพึงพอใจของพวกเขา เฉพาะเมื่อผู้ใช้แสดงความพึงพอใจอย่างชัดเจนแล้วเท่านั้น จึงควรเขียนโค้ด SVG ลงในไฟล์ JSON `svg_system.svg_assets`\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e 6. การสร้าง JSON ขั้นสุดท้าย\u003c/p\u003e\u003cp\u003e ไฟล์ JSON สุดท้ายจะแสดงผลก็ต่อเมื่อโมดูลหล"])</script><script>self.__next_f.push([1,"ักทั้งหมดได้รับการยืนยันแล้วเท่านั้น ไฟล์ JSON สุดท้ายต้องมีฟิลด์ที่เสถียร สามารถแยกวิเคราะห์ได้ และนำกลับมาใช้ใหม่ได้ และไม่ควรมีข้อความอธิบายใดๆ หลังจากแสดงผล JSON แล้ว ระบบจะแจ้งให้ผู้ใช้ยืนยันขั้นสุดท้าย และรายการยืนยันจะได้รับการอัปเดต\u003c/p\u003e3d:Tca4,\u003cp\u003e## กฎการโต้ตอบสำหรับการแสดงตัวอย่าง HTML\u003c/p\u003e\u003cp\u003e ทุกครั้งที่ผู้ใช้ต้องการดูข้อความ สี หรือภาพ SVG จะต้องได้รับแจ้งให้เลือกวิธีการแสดงตัวอย่างก่อน\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e \"คุณต้องการให้ฉันสร้างเฉพาะโค้ด HTML เพื่อให้คุณคัดลอกไปยังเครื่องของคุณเพื่อดู หรือคุณต้องการให้ฉันเปิดดูโดยตรงในหน้าต่างแสดงตัวอย่างโค้ดของ YouMind คะ หากคุณเลือกที่จะดูตัวอย่างโดยตรงใน YouMind ประสบการณ์จะใช้งานง่ายกว่า แต่กระบวนการอาจช้าลงเล็กน้อย\"\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e หากผู้ใช้เลือกที่จะสร้างเฉพาะโค้ด:\u003c/p\u003e\u003cp\u003e - สร้างตัวอย่างไฟล์ HTML ที่สมบูรณ์และสามารถคัดลอกได้ในรูปแบบไฟล์เดียว\u003c/p\u003e\u003cp\u003e - โค้ดควรประกอบด้วย `\u003c!DOCTYPE html\u003e`, `\u003chtml\u003e`, `\u003chead\u003e`, `\u003cstyle\u003e` และ `\u003cbody\u003e`;\u003c/p\u003e\u003cp\u003e - หากมีการใช้ไฟล์ SVG ควรฝังไฟล์โดยตรงโดยไม่ต้องอาศัยรูปภาพจากภายนอก\u003c/p\u003e\u003cp\u003e - แจ้งให้ผู้ใช้ทราบว่าสามารถบันทึกไฟล์เป็นนามสกุล `.html` แล้วเปิดในเบราว์เซอร์เพื่อดูได้\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e หากผู้ใช้เลือกที่จะดูตัวอย่างใน YouMind:\u003c/p\u003e\u003cp\u003e - สร้างตัวอย่างโดยใช้ความสามารถในการแสดงตัวอย่างเว็บเพจหรือโค้ดที่มีอยู่\u003c/p\u003e\u003cp\u003e - แจ้งเตือนผู้ใช้ว่าวิธีการนี้อาจใช้เวลานาน\u003c/p\u003e\u003cp\u003e - หลังจากดูตัวอย่างแล้ว คุณจะถูกถามอีกครั้งว่าพอใจหรือไม่ หากคุณพอใจเท่านั้น คุณจึงจะสามารถดำเนินการต่อในโมดูลถัดไปได้\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e ไม่ว่าจะใช้วิธีใด การดูตัวอย่างโค้ดเป็นเพียงเครื่องมือตรวจสอบความถูกต้อง ไม่ใช่ผลลัพธ์สุดท้าย ผลลัพธ์สุดท้ายยังคงเป็นคำแนะนำในรูปแบบ JSON\u003c/p\u003e3e:T76b,## 最终 JSON 结构要求\n最终输出必须是严格规范型 JSON，建议包含以下顶层字段。可根据用户场景扩展，但不要删除核心字"])</script><script>self.__next_f.push([1,"段：\n\n```json\n{\n \"style_name\": \"\",\n \"style_purpose\": \"\",\n \"target_creator\": \"\",\n \"use_cases\": [],\n \"canvas_system\": {},\n \"typography_system\": {},\n \"color_system\": {},\n \"narrative_system\": {},\n \"svg_system\": {\n \"global_svg_rules\": [],\n \"svg_assets\": []\n },\n \"layout_system\": {},\n \"html_generation_rules\": {},\n \"png_export_rules\": {},\n \"confirmation_requirements\": {},\n \"forbidden_rules\": []\n}\n```\n\n字段内容标准：\n- `style_name`：用户确认后的风格名称。\n- `style_purpose`：说明该风格用于什么类型的页面化叙事。\n- `target_creator`：适合的创作者类型。\n- `use_cases`：适用场景，如社媒分页内容、知识卡片、观点表达、课程内容等。\n- `canvas_system`：比例、尺寸建议、安全边距、分页规则。\n- `typography_system`：字体角色、层级、字号、行高、字重、间距和禁用规则。\n- `color_system`：颜色变量、用途、搭配规则、禁用色。\n- `narrative_system`：叙事口吻、精神内核、表达节奏、适合/不适合的内容。\n- `svg_system`：经用户确认的 SVG 资产、语义、位置、代码和使用规则。\n- `layout_system`：版式节奏、留白、分区、卡片、章节关系。\n- `html_generation_rules`：未来生成 HTML 时的分页、内嵌 SVG、响应式和单文件规则。\n- `png_export_rules`：未来导出 PNG 的按钮、渲染区域、清晰度、文件命名和交互规则。\n- `confirmation_requirements`：记录哪些模块必须确认后才能进入最终 JSON。\n- `forbidden_rules`：明确禁止随机装饰、无意义英文、混乱配色、未确认 SVG 等。\n\n最终 JSON 必须是合法 JSON：双引号、无注释、无尾逗号、可被程序解析。3f:T926,\u003cp\u003e## 最终 JSON 结构要求\u003c/p\u003e\u003cp\u003e最终输出必须是严格规范型 JSON，建议包含以下顶层字段。可根据用户场景扩展，但不要删除核心字段：\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e```json\u003c/p\u003e\u003cp\u003e{\u003c/p\u003e\u003cp\u003e \u0026quot;style_name\u0026quot;: \u0026quot;\u0026quot;,\u003c/p\u003e\u003cp\u003e \u0026quot;style_purpose\u0026quot;: \u0026quot;\u0026quot;,\u003c/p\u003e\u003cp\u003e \u0026quot;target_creator\u0026quot;: \u0026quot;\u0026quot;,\u003c/p\u003e\u003cp\u003e \u0026quot;use_cases\u0026quot;: [],\u003c/p\u003e\u003cp\u003e \u0026quot;canvas_system\u0026quot;: {},\u003c/p\u003e\u003cp\u003e \u0026quot;typography_system\u0026quot;: {},\u003c/p\u003e\u003cp\u003e \u0026quot;color_system\u0026quot;: {},\u003c/p\u003e\u003cp\u003e \u0026quot;narrative_system\u0026quot;: {},\u003c/p\u003e\u003cp\u003e \u0026quot;svg_system\u0026quot;: {\u003c/p\u003e\u003cp\u003e \u0026quot;global_svg_rules\u0026quot;: [],\u003c/p\u003e\u003cp\u003e \u0026quot;svg_assets\u0026quot;: []\u003c/p\u003e\u003cp\u003e },\u003c/p\u003e\u003cp\u003e \u0026quot;layout_system\u0026quot;: {},\u003c/p\u003e\u003cp\u003e \u0026quot;html_generation_rules\u0026quot;: {},\u003c/p\u003e\u003cp\u003e \u0026quot;png_export_rules\u0026quot;: {},\u003c/p\u003e\u003cp\u003e \u0026quot;confirmation_requirements\u0026quot;: {},\u003c/p\u003e\u003cp\u003e \u0026quot;forbidden_rules\u0026quot;: []\u003c/p\u003e\u003cp\u003e}\u003c/p\u003e\u003cp\u003e```\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e字段内容标准：\u003c/p\u003e\u003cp\u003e- `style_name`：用户确认后的风格名称。\u003c/p\u003e\u003cp\u003e- `style_purpose`：说明该风格用于什么类型的页面化叙事。\u003c/p\u003e\u003cp\u003e- `target_creator`：适合的创作者类型。\u003c/p\u003e\u003cp\u003e- `use_cases`：适用场景，如社媒分页内容、知识卡片、观点表达、课程内容等。\u003c/p\u003e\u003cp\u003e- `canvas_system`：比例、尺寸建议、安全边距、分页规则。\u003c/p\u003e\u003cp\u003e- `typography_system`：字体角色、层级、字号、行高、字重、间距和禁用规则。\u003c/p\u003e\u003cp\u003e- `color_system`：颜色变量、用途、搭配规则、禁用色。\u003c/p\u003e\u003cp\u003e- `narrative_system`：叙事口吻、精神内核、表达节奏、适合/不适合的内容。\u003c/p\u003e\u003cp\u003e- `svg_system`：经用户确认的 SVG 资产、语义、位置、代码和使用规则。\u003c/p\u003e\u003cp\u003e- `layout_system`：版式节奏、留白、分区、卡片、章节关系。\u003c/p\u003e\u003cp\u003e- `html_generation_rules`：未来生成 HTML 时的分页、内嵌 SVG、响应式和单文件规则。\u003c/p\u003e\u003cp\u003e- `png_export_rules`：未来导出 PNG 的按钮、渲染区域、清晰度、文件命名和交互规则。\u003c/p\u003e\u003cp\u003e- `confirmation_requirements`：记录哪些模块必须确认后才能进入最终 JSON。\u003c/p\u003e\u003cp\u003e- `forbidden_rules`：明确禁止随机装饰、无意义英文、混乱配色、未确认 SVG 等。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e最终 JSON 必须是合法 JSON：双引号、无注释、无尾逗号、可被程序解析。\u003c/p\u003e40:T14c"])</script><script>self.__next_f.push([1,"6,\u003cp\u003e## ข้อกำหนดโครงสร้าง JSON ขั้นสุดท้าย\u003c/p\u003e\u003cp\u003e ผลลัพธ์สุดท้ายต้องอยู่ในรูปแบบ JSON มาตรฐานอย่างเคร่งครัด และขอแนะนำให้รวมฟิลด์ระดับบนสุดต่อไปนี้ คุณสามารถเพิ่มเติมรายละเอียดได้ตามสถานการณ์การใช้งานของผู้ใช้ แต่ห้ามลบฟิลด์หลักออก:\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e เจซอน\u003c/p\u003e\u003cp\u003e {\u003c/p\u003e\u003cp\u003e \"style_name\": \"\",\u003c/p\u003e\u003cp\u003e \"style_purpose\": \"\",\u003c/p\u003e\u003cp\u003e \"target_creator\": \"\",\u003c/p\u003e\u003cp\u003e \"กรณีการใช้งาน\": [],\u003c/p\u003e\u003cp\u003e \"ระบบผ้าใบ\": {},\u003c/p\u003e\u003cp\u003e \"ระบบการพิมพ์\": {},\u003c/p\u003e\u003cp\u003e \"ระบบสี\": {},\u003c/p\u003e\u003cp\u003e \"ระบบการเล่าเรื่อง\": {},\u003c/p\u003e\u003cp\u003e \"svg_system\": {\u003c/p\u003e\u003cp\u003e \"global_svg_rules\": [],\u003c/p\u003e\u003cp\u003e \"svg_assets\": []\u003c/p\u003e\u003cp\u003e },\u003c/p\u003e\u003cp\u003e \"ระบบเลย์เอาต์\": {},\u003c/p\u003e\u003cp\u003e \"กฎการสร้าง html\": {},\u003c/p\u003e\u003cp\u003e \"png_export_rules\": {},\u003c/p\u003e\u003cp\u003e \"ข้อกำหนดการยืนยัน\": {},\u003c/p\u003e\u003cp\u003e \"กฎต้องห้าม\": []\u003c/p\u003e\u003cp\u003e }\u003c/p\u003e\u003cp\u003e ```\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e มาตรฐานเนื้อหาภาคสนาม:\u003c/p\u003e\u003cp\u003e - `style_name`: ชื่อสไตล์หลังจากผู้ใช้ยืนยันแล้ว\u003c/p\u003e\u003cp\u003e - `style_purpose`: ระบุประเภทของเนื้อหาบรรยายตามหน้าเว็บที่ใช้สไตล์นี้\u003c/p\u003e\u003cp\u003e - `target_creator`: ประเภทของผู้สร้างที่จะถูกสร้างขึ้น\u003c/p\u003e\u003cp\u003e - `use_cases`: สถานการณ์ที่เหมาะสม เช่น เนื้อหาการแบ่งหน้าในโซเชียลมีเดีย การ์ดความรู้ การแสดงความคิดเห็น เนื้อหาหลักสูตร เป็นต้น\u003c/p\u003e\u003cp\u003e - `canvas_system`: มาตราส่วน, คำแนะนำเกี่ยวกับขนาด, ระยะขอบเพื่อความปลอดภัย, กฎการแบ่งหน้า\u003c/p\u003e\u003cp\u003e - `typography_system`: บทบาทของแบบอักษร ลำดับชั้น ขนาดตัวอักษร ความสูงของบรรทัด น้ำหนักตัวอักษร ระยะห่าง และกฎการปิดใช้งาน\u003c/p\u003e\u003cp\u003e - `color_system`: ตัวแปรสี การใช้งาน กฎการจับคู่ และสีที่ไม่สามารถระบุได้\u003c/p\u003e\u003cp\u003e - `ระบบการเล่าเรื่อง`: น้ำเสียงการเล่าเรื่อง สาระสำคัญ จังหวะการแสดงออก และเนื้อหาที่เหมาะสม/ไม่เหมาะสม\u003c/p\u003e\u003cp\u003e - `svg_system`: ไฟล์ SVG ที่ผู้ใช้อนุมัติ ความหมาย ตำแหน่ง รหัส และกฎการใช้งาน\u003c/p\u003e\u003cp\u003e - `layout_system`: จังหวะการจัดวาง, พื้นที่ว่าง, ส่วนแบ่ง, การ์ด และความสัมพันธ์ระหว่างบทต่างๆ\u003c/p\u003e\u003cp\u003e - `html_generation_rules`: กฎสำหรับการแบ่งหน้า การฝัง SVG การตอบสนองต่อขนาดหน้าจอ และการสร้างไฟล์เดียวเมื่อสร้าง HTML ในอนาคต\u003c/p\u003e\u003cp\u003e - `png_export_rules`: กฎสำหรับปุ่มส่งออกไฟล์ PNG ในอนาคต "])</script><script>self.__next_f.push([1,"พื้นที่แสดงผล ความละเอียด การตั้งชื่อไฟล์ และการโต้ตอบ\u003c/p\u003e\u003cp\u003e - `confirmation_requirements`: บันทึกโมดูลที่ต้องได้รับการยืนยันก่อนที่จะป้อนลงในไฟล์ JSON สุดท้าย\u003c/p\u003e\u003cp\u003e - `forbidden_rules`: ห้ามใช้การตกแต่งแบบสุ่ม ข้อความภาษาอังกฤษที่ไม่มีความหมาย โทนสีที่วุ่นวาย ไฟล์ SVG ที่ไม่ได้รับการยืนยัน ฯลฯ อย่างชัดเจน\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e ไฟล์ JSON สุดท้ายต้องเป็นไฟล์ JSON ที่ถูกต้อง: มีเครื่องหมายอัญประกาศคู่ ไม่มีข้อความแสดงความคิดเห็น ไม่มีเครื่องหมายจุลภาคปิดท้าย และสามารถประมวลผลได้ด้วยโปรแกรม\u003c/p\u003e41:T88b,\u003cp\u003e## 质量标准与禁止事项\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e### 必须做到\u003c/p\u003e\u003cp\u003e- 每轮最多提出 1–2 个关键问题，避免一次性压给用户太多选择。\u003c/p\u003e\u003cp\u003e- 对模糊审美参考进行拆解和追问，而不是武断定稿。\u003c/p\u003e\u003cp\u003e- 每个模块都先给方案、再给预览、再等用户确认。\u003c/p\u003e\u003cp\u003e- 每次用户确认后，更新确认清单。\u003c/p\u003e\u003cp\u003e- SVG 代码必须是可直接嵌入 HTML 的静态 SVG。\u003c/p\u003e\u003cp\u003e- SVG 应使用基础几何图形、线条、形状、留白和透明度表达语义。\u003c/p\u003e\u003cp\u003e- 最终 JSON 应便于后续自动生成分页 HTML 和 PNG 下载功能。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e### 严禁事项\u003c/p\u003e\u003cp\u003e- 不得把某个示例 JSON 的具体主题、内容、SVG 或审美原样内置为默认风格。\u003c/p\u003e\u003cp\u003e- 不得在用户未确认时把文字系统、颜色系统或 SVG 写入最终 JSON。\u003c/p\u003e\u003cp\u003e- 不得生成不可解析的伪 JSON。\u003c/p\u003e\u003cp\u003e- 不得用无意义英文标签、随机装饰文字或伪杂志排版填充画面。\u003c/p\u003e\u003cp\u003e- 不得让 SVG 脱离用户叙事精神内核。\u003c/p\u003e\u003cp\u003e- 不得默认用户一定要 3:5；3:5 只是默认建议，仍需确认。\u003c/p\u003e\u003cp\u003e- 不得直接交付最终 HTML 成品替代 JSON。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e## 示例交互片段\u003c/p\u003e\u003cp\u003e用户：我想做一种冷静、锋利、适合讲商业事件的页面风格。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e你应回应：\u003c/p\u003e\u003cp\u003e“我先为你建立确认清单。我们会按比例、文字、颜色、叙事、SVG、最终 JSON 的顺序推进。第一步先确认画幅：默认我建议 3:5，适合社媒分页阅读。你想使用 3:5，还是改为 4:5、9:16 或自定义比例？”\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e用户确认比例后，你再进入文字系统，而不是直接生成最终 JSON。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e## 自检清单\u003c/p\u003e\u003cp\u003e在输出最终 JSON 前检查：\u003c/p\u003e\u003cp\u003e- 画幅比例是否已确认？\u003c/p\u003e\u003cp\u003e- 文字系统是否已确认？\u003c/p\u003e\u003cp\u003e- 颜色系统是否已确认？\u003c/p\u003e\u003cp\u003e- 叙事口吻 / 精神内核是否已确认？\u003c/p\u003e\u003cp\u003e- 所有嵌入 JSON 的 SVG 是否已由用户明确满意？\u003c/p\u003e\u003cp\u003e- 确认清单是否已更新？\u003c/p\u003e\u003cp\u003e- JSON 是否合法、字段是否稳定、是否便于机器读取？\u003c/p\u003e\u003cp\u003e- 是否避免了未经确认的假设和随机装饰？\u003c/p\u003e42:T1ba6,\u003cp\u003e## มาตรฐานคุณภาพและสิ่งของต้องห้าม\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e ### ต้องทำ\u003c/p\u003e\u003cp\u003e - ถามคำถามสำคัญไม่เกิน 1-2 ข้อต่อรอบ เพื่อหลีกเลี่ยงไม่ให้ผู้ใช้รู้สึกสับสนกับตัวเลือกมากมายในคราวเดียว\u003c/p\u003e\u003cp\u003e - วิเคราะห์และตั้งคำถามเกี่ยวกับอ้างอิงทางสุนทรียศาสตร์ที่ไม่ชัดเจน แทนที่จะ"])</script><script>self.__next_f.push([1,"สรุปหรือกำหนดนิยามที่แน่นอนโดยพลการ\u003c/p\u003e\u003cp\u003e - สำหรับแต่ละโมดูล จะมีการนำเสนอวิธีแก้ปัญหาเบื้องต้นก่อน จากนั้นจะแสดงตัวอย่าง และสุดท้ายจะรอการยืนยันจากผู้ใช้\u003c/p\u003e\u003cp\u003e - อัปเดตรายชื่อผู้ได้รับการยืนยันทุกครั้งที่มีผู้ใช้ยืนยันข้อมูล\u003c/p\u003e\u003cp\u003e - โค้ด SVG ต้องเป็น SVG แบบคงที่ที่สามารถฝังลงใน HTML ได้โดยตรง\u003c/p\u003e\u003cp\u003e - SVG ควรใช้รูปทรงเรขาคณิตพื้นฐาน เส้น รูปร่าง พื้นที่ว่าง และความโปร่งใส เพื่อแสดงความหมาย\u003c/p\u003e\u003cp\u003e - ไฟล์ JSON สุดท้ายควรเอื้อต่อการสร้างไฟล์ HTML แบบแบ่งหน้าและฟังก์ชันดาวน์โหลดไฟล์ PNG โดยอัตโนมัติในขั้นตอนต่อไป\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e ### สิ่งของต้องห้าม\u003c/p\u003e\u003cp\u003e - คุณต้องไม่ฝังธีม เนื้อหา SVG หรือลักษณะเฉพาะใดๆ ของไฟล์ JSON ตัวอย่างเป็นสไตล์เริ่มต้น\u003c/p\u003e\u003cp\u003e - ห้ามเขียนระบบข้อความ ระบบสี หรือไฟล์ SVG ลงในไฟล์ JSON สุดท้ายโดยไม่ได้รับการยืนยันจากผู้ใช้\u003c/p\u003e\u003cp\u003e - ห้ามสร้างข้อมูล JSON ปลอมที่ไม่สามารถแยกวิเคราะห์ได้\u003c/p\u003e\u003cp\u003e - อย่าใส่ป้ายกำกับภาษาอังกฤษที่ไม่มีความหมาย ข้อความตกแต่งแบบสุ่ม หรือรูปแบบการจัดวางแบบนิตยสารปลอมๆ ลงบนหน้าจอจนเต็ม\u003c/p\u003e\u003cp\u003e - รูปแบบ SVG ต้องไม่เบี่ยงเบนไปจากแก่นเรื่องหลักของผู้ใช้งาน\u003c/p\u003e\u003cp\u003e - อย่าคิดว่าผู้ใช้จะต้องใช้สัดส่วน 3:5 เสมอไป สัดส่วน 3:5 เป็นเพียงคำแนะนำเริ่มต้นเท่านั้น และยังต้องได้รับการยืนยันอีกครั้ง\u003c/p\u003e\u003cp\u003e - ห้ามส่งมอบไฟล์ HTML สุดท้ายโดยตรงแทนไฟล์ JSON\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e ## ตัวอย่างโค้ดการโต้ตอบ\u003c/p\u003e\u003cp\u003e ผู้ใช้: ฉันต้องการสร้างรูปแบบหน้าเว็บที่ดูสงบและกระชับ เหมาะสำหรับการพูดคุยเกี่ยวกับเหตุการณ์ทางธุรกิจ\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e คำตอบของคุณควรเป็น:\u003c/p\u003e\u003cp\u003e \"ก่อนอื่นฉันจะสร้างเช็คลิสต์ให้คุณก่อน เราจะดำเนินการตามลำดับดังนี้ อัตราส่วนภาพ ข้อความ สี คำบรรยาย SVG และสุดท้าย JSON ขั้นตอนแรกคือการยืนยันอัตราส่วนภาพ: ฉันแนะนำ 3:5 เป็นค่าเริ่มต้น ซึ่งเหมาะสมส"])</script><script>self.__next_f.push([1,"ำหรับการอ่านบนหน้าเพจโซเชียลมีเดีย คุณต้องการใช้ 3:5 หรือเปลี่ยนเป็น 4:5, 9:16 หรืออัตราส่วนภาพแบบกำหนดเองหรือไม่?\"\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e หลังจากที่ผู้ใช้ยืนยันอัตราส่วนแล้ว คุณจึงป้อนข้อมูลลงในระบบข้อความแทนที่จะสร้าง JSON สุดท้ายโดยตรง\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e ## รายการตรวจสอบตนเอง\u003c/p\u003e\u003cp\u003e โปรดตรวจสอบสิ่งต่อไปนี้ก่อนส่งออกไฟล์ JSON สุดท้าย:\u003c/p\u003e\u003cp\u003e - อัตราส่วนภาพได้รับการยืนยันแล้วหรือยัง?\u003c/p\u003e\u003cp\u003e - ระบบข้อความได้รับการยืนยันแล้วหรือยัง?\u003c/p\u003e\u003cp\u003e - ระบบสีได้รับการยืนยันแล้วหรือยัง?\u003c/p\u003e\u003cp\u003e - ได้มีการยืนยันโทนการเล่าเรื่อง/สาระสำคัญแล้วหรือไม่?\u003c/p\u003e\u003cp\u003e - ไฟล์ SVG ทั้งหมดที่มี JSON ฝังอยู่ ได้รับการอนุมัติอย่างชัดเจนและได้รับการอนุมัติจากผู้ใช้แล้วหรือไม่?\u003c/p\u003e\u003cp\u003e - รายการตรวจสอบได้รับการอัปเดตแล้วหรือยัง?\u003c/p\u003e\u003cp\u003e ไฟล์ JSON นั้นถูกต้องหรือไม่? ฟิลด์ต่างๆ มีความเสถียรหรือไม่? เครื่องจักรสามารถอ่านได้ง่ายหรือไม่?\u003c/p\u003e\u003cp\u003e - ได้หลีกเลี่ยงการตั้งสมมติฐานที่ไม่ได้รับการตรวจสอบและการเสริมแต่งที่ไม่เกี่ยวข้องหรือไม่?\u003c/p\u003e7:[\"$\",\"div\",null,{\"className\":\"container pt-[42px] md:pt-[100px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-5 md:gap-[60px]\",\"children\":[[\"$\",\"$L32\",null,{\"label\":\"ทักษะ\",\"fallbackHref\":\"/skills\"}],[\"$\",\"$L33\",null,{\"skill\":{\"id\":\"019dbd5a-af8e-7d76-bb26-f7e335c661b3\",\"created_at\":\"2026-04-24T02:38:50.254Z\",\"updated_at\":\"2026-05-15T10:34:57.712Z\",\"creator_id\":\"aef143ec-15ab-4046-abe6-7ff9836d43c1\",\"name\":\"การนำเสนอเชิงบรรณาธิการ-นิตยสาร\",\"description\":\"[ต้นฉบับโดย @GuiCang] สร้างไฟล์ PPT (ไฟล์ HTML ไฟล์เดียว) แบบพลิกหน้าแนวนอนในรูปแบบ \\\"นิตยสารอิเล็กทรอนิกส์ × จอ e-ink\\\" ซึ่งรวมถึงพื้นหลังแบบ WebGL, หัวข้อแบบมีเชิง + ข้อความแบบไม่มีเชิง, ปกบท, แบนเนอร์ข้อมูลขนาดใหญ่, ตารางรูปภาพ และเทมเพลตอื่นๆ ใช้เมื่อผู้ใช้ต้องการสร้างไฟล์ PPT แบบหน้าเว็บในรูปแบบการแชร์/การนำเสนอ/งานเปิดตัว หรือเมื่ออ้างถึง \\\"PPT สไตล์นิตยสาร\\\", \\\"สไลด์แบบพลิกแนวนอน\\\", \\\"นิตยสารเชิงบรรณาธิการ\\\" หรือ \\\"การนำเสนอแบบจอ e-ink\\\"\",\"type\":\"prompt-executer\",\"visibility\":\"public\",\"review_status\":\"approved\",\"icon_value\":\"Octo"])</script><script>self.__next_f.push([1,"pus\",\"icon_bg_color\":\"skill-bg05\",\"showcase\":[{\"type\":\"image\",\"url\":\"https://cdn.gooo.ai/web-images/a788cce45475d2ab9f2eadb9fdf729f674429b18025752fa0e40305d90019599\"}],\"cover_images\":[\"https://cdn.gooo.ai/web-images/a788cce45475d2ab9f2eadb9fdf729f674429b18025752fa0e40305d90019599\"],\"fork_count\":52,\"earned_credits\":0,\"price\":0,\"content\":{\"steps\":[{\"instructions\":\"记住一定要使用 Webpage 来生成，必须询问用户用什么语言输出。\\n\\n生成\\\"电子杂志 × 电子墨水\\\"风格的横向翻页网页 PPT（单 HTML 文件），含 WebGL 流体背景、衬线标题 + 非衬线正文、章节幕封、数据大字报、图片网格等模板。当用户需要制作分享 / 演讲 / 发布会风格的网页 PPT，或提到\\\"杂志风 PPT\\\"、\\\"horizontal swipe deck\\\"、\\\"editorial magazine\\\"、\\\"e-ink presentation\\\"时使用\\n\\n# Magazine Web Ppt\\n\\n## 这个 Skill 做什么\\n\\n生成一份**单文件 HTML**的横向翻页 PPT，视觉基调是：\\n\\n- **电子杂志 + 电子墨水**混血风格\\n- **WebGL 流体 / 等高线 / 色散背景**（hero 页可见）\\n- **衬线标题（Noto Serif SC + Playfair Display）+ 非衬线正文（Noto Sans SC + Inter）+ 等宽元数据（IBM Plex Mono）**\\n- **Lucide 线性图标**（不用 emoji）\\n- **横向左右翻页**（键盘 ← →、滚轮、触屏滑动、底部圆点、ESC 索引）\\n- **主题平滑插值**：翻到 hero 页时颜色和 shader 柔顺过渡\\n\\n这个 skill 的美学不是\\\"商务 PPT\\\"，也不是\\\"消费互联网 UI\\\"——它像 *Monocle* 杂志贴上了代码后的样子。\\n\\n## 何时使用\\n\\n**合适的场景**：\\n- 线下分享 / 行业内部讲话 / 私享会\\n- AI 新产品发布 / demo day\\n- 带有强烈个人风格的演讲\\n- 需要\\\"一次做完，不用翻页工具\\\"的网页版 slides\\n\\n**不合适的场景**：\\n- 大段表格数据、图表叠加（用常规 PPT）\\n- 培训课件（信息密度不够）\\n- 需要多人协作编辑（这是静态 HTML）\",\"instructions_raw\":\"$34\",\"localized_instructions_raw\":\"$35\",\"tools\":{},\"at_references\":[]},{\"instructions\":\"$36\",\"instructions_raw\":\"$37\",\"localized_instructions_raw\":\"$38\",\"tools\":{\"generate_webpage\":{\"model\":\"claude-4-6-sonnet\",\"use_tool\":\"required\"}},\"tool_as_skill\":{\"id\":\"019c3256-2b1a-70c2-befb-eb606c2cee8c\",\"name\":\"网页\",\"config\":{\"model\":\"claude-4-6-sonnet\"}},\"at_references\":[{\"type\":\"oss_file\",\"at_name\":\"template.txt\",\"file_url\":\"https://cdn.gooo.ai/user-files/27464e9c2e8dea001d1de8de4326d93cde0f952b27158733611df4c3e1ff93ec\",\"mime_type\":\"text/plain\",\"localized_at_name\":\"เทมเพลต.txt\"},{\"type\":\"oss_file\",\"at_name\":\"themes.md\",\"file_url\":\"https://cdn.gooo.ai/user-files/b27c7f601318da796c9ab495d06055739013aad421d63108bac5092508e04a57\",\"mime_type\":\"text/markdown\",\"localized_at_name\":\"ธีม.ม.\"},{\"type\":\"oss_file\",\"at_name\":\"layouts.md\",\"file_url\":\"https://cdn.gooo.ai/user-files/201df20fb6e76f0b0bd77c3162d9640523c384c251729d090273af28af3eeb69\",\"mime_type\":\"text/markdown\",\"localized_at_name\":\"layouts.md\"},{\"type\":\"oss_file\",\"at_name\":\"components.md\",\"file_url\":\"https://cdn.gooo.ai/user-files/4f7f35827a112958ef908f63e4f5855d0942412363edb67c59beb6454b50fdae\",\"mime_type\":\"text/markdown\",\"localized_at_name\":\"ส่วนประกอบ.ม.\"},{\"type\":\"oss_file\",\"at_name\":\"checklist.md\",\"file_url\":\"https://cdn.gooo.ai/user-files/3f743391166df56f2fcb22be06f6c91f56786633f205773623b1d2b71321e71f\",\"mime_type\":\"text/markdown\",\"localized_at_name\":\"รายการตรวจสอบ.md\"}]},{\"instructions\":\"## 核心设计原则（哲学）\\n \\n\u003e 这些原则是\\\"一人公司\\\"分享 PPT 的 5 轮迭代总结出来的。违反其中任何一条，视觉感都会垮。\\n \\n1. **克制优于炫技** — WebGL 背景只在 hero 页透出，普通页几乎看不见\\n2. **结构优于装饰** — 不用阴影、不用浮动卡片、不用 padding box，一切信息靠**大字号 + 字体对比 + 网格留白**\\n3. **内容层级由字号和字体共同定义** — 最大衬线 = 主标题，中衬线 = 副标，大非衬线 = lead，小非衬线 = body，等"])</script><script>self.__next_f.push([1,"宽 = 元数据\\n4. **图片是第一公民** — 图片只裁底部，保证顶部和左右完整；网格用 `height:Nvh` 固定，不要用 `aspect-ratio` 撑\\n5. **节奏靠 hero 页** — hero 和 non-hero 交替，才不累眼睛\\n6. **术语统一** — Skills 就是 Skills，不要中英混合翻译\\n \\n## 参考作品\\n \\n本 skill 的视觉基调参考了：\\n \\n- 歸藏 \\\"一人公司：被 AI 折叠的组织\\\" 分享（2026-04-22，27 页）\\n- *Monocle* 杂志的版式\\n- YC 总裁 Garry Tan \\\"Thin Harness, Fat Skills\\\" 那篇博客的 demo\\n \\n可以把它们当做风格锚点。\",\"instructions_raw\":\"\u003cp\u003e## 核心设计原则（哲学）\u003c/p\u003e\u003cp\u003e \u003c/p\u003e\u003cp\u003e\u0026gt; 这些原则是\u0026quot;一人公司\u0026quot;分享 PPT 的 5 轮迭代总结出来的。违反其中任何一条，视觉感都会垮。\u003c/p\u003e\u003cp\u003e \u003c/p\u003e\u003cp\u003e1. **克制优于炫技** — WebGL 背景只在 hero 页透出，普通页几乎看不见\u003c/p\u003e\u003cp\u003e2. **结构优于装饰** — 不用阴影、不用浮动卡片、不用 padding box，一切信息靠**大字号 + 字体对比 + 网格留白**\u003c/p\u003e\u003cp\u003e3. **内容层级由字号和字体共同定义** — 最大衬线 = 主标题，中衬线 = 副标，大非衬线 = lead，小非衬线 = body，等宽 = 元数据\u003c/p\u003e\u003cp\u003e4. **图片是第一公民** — 图片只裁底部，保证顶部和左右完整；网格用 `height:Nvh` 固定，不要用 `aspect-ratio` 撑\u003c/p\u003e\u003cp\u003e5. **节奏靠 hero 页** — hero 和 non-hero 交替，才不累眼睛\u003c/p\u003e\u003cp\u003e6. **术语统一** — Skills 就是 Skills，不要中英混合翻译\u003c/p\u003e\u003cp\u003e \u003c/p\u003e\u003cp\u003e## 参考作品\u003c/p\u003e\u003cp\u003e \u003c/p\u003e\u003cp\u003e本 skill 的视觉基调参考了：\u003c/p\u003e\u003cp\u003e \u003c/p\u003e\u003cp\u003e- 歸藏 \u0026quot;一人公司：被 AI 折叠的组织\u0026quot; 分享（2026-04-22，27 页）\u003c/p\u003e\u003cp\u003e- *Monocle* 杂志的版式\u003c/p\u003e\u003cp\u003e- YC 总裁 Garry Tan \u0026quot;Thin Harness, Fat Skills\u0026quot; 那篇博客的 demo\u003c/p\u003e\u003cp\u003e \u003c/p\u003e\u003cp\u003e可以把它们当做风格锚点。\u003c/p\u003e\",\"localized_instructions_raw\":\"$39\",\"tools\":{},\"at_references\":[]}]},\"content_visibility\":\"public\",\"origin\":\"custom\",\"suggested_categories\":[\"webpage\"],\"featured_reason\":\"ทักษะนี้สามารถเปลี่ยนเนื้อหาของคุณให้เป็นงานนำเสนอ PowerPoint บนเว็บที่มีสไตล์เฉพาะตัวราวกับ \\\"นิตยสารอิเล็กทรอนิกส์ × จออิงค์อิเล็กทรอนิกส์\\\" โดยผสมผสานพื้นหลังแบบเคลื่อนไหว WebGL เข้ากับการจัดวางตัวอักษรที่สวยงาม ทำให้งานนำเสนอของคุณดูมีศิลปะและซับซ้อนยิ่งขึ้น และบอกลาความน่าเบื่อของงานนำเสนอ PowerPoint แบบดั้งเดิมไปได้เลย\",\"seo_description\":\"สร้างงานนำเสนอ PowerPoint แบบพลิกหน้าแนวนอนบนเว็บในสไตล์ \\\"นิตยสารอิเล็กทรอนิกส์ × จออิงค์อิเล็กทรอนิกส์\\\" ที่มีพื้นหลังแบบ WebGL, ชื่อเรื่องแบบมีเชิง, ตารางรูปภาพ และอื่นๆ อีกมากมาย ช่วยให้คุณสร้างงานนำเสนอระดับมืออาชีพและแชร์ได้อย่างง่ายดาย\",\"input_hint\":\"อยากสร้างงานนำเสนอ PowerPoint สไตล์นิตยสารใช่ไหม บอกธีมและเนื้อหามาได้เลย!\",\"slug\":\"magazine-style-web-ppt\",\"featured\":false,\"approved_at\":\"2026-04-24T02:52:02.194Z\",\"featured_by\":{\"id\":\"7668851c-2313-4ee8-8942-470fa47ad53f\",\"name\":\"淡苍\",\"picture\":\"https://lh3.googleusercontent.com/a/ACg8ocJi4ofwNz9EQ5_"])</script><script>self.__next_f.push([1,"jpRR_n9kXtsje0u-ZDdAy69rDCysUpLd7nt8=s96-c\"},\"categories\":[\"webpage\"],\"creator\":{\"id\":\"aef143ec-15ab-4046-abe6-7ff9836d43c1\",\"name\":\"YouMind Official\",\"picture\":\"https://cdn.gooo.ai/web-images/ba51c805b3cbf74077d9d545e1f4df35a22f6a7a83656ed5853db3920ad5b585\"},\"latest_version_id\":\"019e2b34-0afc-77e9-96bd-a7a09f8e7d43\",\"share_url\":\"https://youmind.com/skills/magazine-style-web-ppt-54BKOuAPQRKStG\"},\"relatedSkills\":[{\"id\":\"019e19f7-c143-79c4-91c1-faef07b44cbc\",\"created_at\":\"2026-05-12T02:15:27.811Z\",\"updated_at\":\"2026-05-19T02:16:49.328Z\",\"creator_id\":\"937a4e99-df2c-4ad3-873f-67e8577b08da\",\"name\":\"ระบบตรวจสอบเว็บเพจ HTML\",\"description\":\"ให้ทีมของคุณสามารถใส่คำอธิบายประกอบลงในองค์ประกอบต่างๆ ของเว็บเพจได้โดยตรงในเบราว์เซอร์ ไม่ต้องตั้งค่าใดๆ ทั้งสิ้น ระบบจดจำอัตโนมัติ สร้างคำแนะนำในการแก้ไขอย่างชาญฉลาดด้วย AI และส่งออกรายงานการตรวจสอบที่ผู้ช่วยการเขียนโปรแกรม AI สามารถเข้าใจได้โดยตรง 🔥 ความสามารถหลัก: ⚡ เริ่มต้นใช้งานภายใน 30 วินาที - เพียงแค่ระบุธีม ระบบก็จะสร้างเว็บเพจพร้อมระบบตรวจสอบโดยอัตโนมัติ 🤖 ระบบ AI อัจฉริยะ - ป้อน \\\"แบบอักษรเล็กเกินไป\\\" และ AI จะสร้าง \\\"แนะนำให้เปลี่ยนเป็น PingFang SC ขนาด 18px\\\" โดยอัตโนมัติ 💾 ไม่สูญหาย - ความคิดเห็นจะถูกบันทึกโดยอัตโนมัติใน IndexedDB และสามารถเรียกคืนได้โดยการรีเฟรชหน้าเว็บ 📊 การทำงานร่วมกันเป็นทีม - 5 บทบาท (ผลิตภัณฑ์/ออกแบบ/พัฒนา/แก้ไข/ปฏิบัติการ) กำหนดด้วยรหัสสี 🎯 การกำหนดตำแหน่งที่แม่นยำ - คลิกที่ชื่อ ปุ่ม ไอคอน และพื้นหลัง เพื่อระบุตำแหน่งของแต่ละองค์ประกอบย่อย\",\"type\":\"prompt-executer\",\"visibility\":\"public\",\"review_status\":\"approved\",\"icon_value\":\"Sloth\",\"icon_bg_color\":\"skill-bg09\",\"showcase\":[{\"type\":\"image\",\"url\":\"https://cdn.gooo.ai/web-images/13ac5686ab7e78240282d4649a6653a7d7c43b60f911e8ee69dfaedcee6a51bb\"}],\"cover_images\":[\"https://cdn.gooo.ai/web-images/13ac5686ab7e78240282d4649a6653a7d7c43b60f911e8ee69dfaedcee6a51bb\"],\"fork_count\":2,\"earned_credits\":200,\"price\":100,\"content_visibility\":\"private\",\"origin\":\"custom\",\"suggested_categories\":[\"webpage\"],\"featured_reason\":\"该技能可为任何网页添加团队评审功能，支持AI智能建议、数据持久化和导入导出，实现零配置、多轮迭代的智能化网页评审。\",\"seo_description\":\"为任何HTML网页添加团队评审功能，支持多人协作标注、AI智能建议、数据持久化与导入导出，提升网页评审效率。\",\"input_hint\":\"คุณต้องการตรวจสอบเว็บเพจใด ไม่ว่าจะเป็นธีมหรือโค้ด HTML ก็ได้\",\"slug\":\"html-web-review-system\",\"featured\":false,\"approved_at\":\"2026-05-12T02:31:18.294Z\",\"categories\":[\"webpage\"],\"creator\":{\"id\":\"937a4e99-df2c-4ad3-873f-67e8577b08da\",\"name\":\"leo wang\",\"picture\":\"https://lh3.google"])</script><script>self.__next_f.push([1,"usercontent.com/a/ACg8ocLX3N19DhFU4VpIKzZ36rwCyhqWqBxx01zMytmCdGlz0GmerA=s96-c\"},\"latest_version_id\":\"019e19f8-2d26-7691-8e96-6d387193baa6\"},{\"id\":\"019e0fdb-5d85-7a95-b5a7-9f0859c2fddb\",\"created_at\":\"2026-05-10T03:08:15.109Z\",\"updated_at\":\"2026-05-20T16:57:16.984Z\",\"creator_id\":\"1b50b708-77c9-483b-ba73-d1db1864cc5d\",\"name\":\"สตอรี่แคนวาส\",\"description\":\"มันช่วยให้ผู้สร้างสรรค์แปลงข้อมูลอ้างอิงด้านสุนทรียศาสตร์ที่มีอยู่ให้เป็นข้อกำหนดรูปแบบ JSON ที่สามารถนำกลับมาใช้ซ้ำได้ในรูปแบบการเล่าเรื่องแบบหน้าต่อหน้า ผ่านการตรวจสอบหลายรอบ\",\"type\":\"prompt-executer\",\"visibility\":\"public\",\"review_status\":\"approved\",\"icon_value\":\"Seahorse\",\"icon_bg_color\":\"skill-bg08\",\"showcase\":[{\"type\":\"image\",\"url\":\"https://cdn.gooo.ai/web-images/4731443b0df74b2e2be165546001fb3ca6fcbf6dd7abc931000bbe2760c38ad8\"},{\"type\":\"image\",\"url\":\"https://cdn.gooo.ai/web-images/5cf0a09aa6afb48c12b8733dd1348345596fe8d28e25393b843fe09c82c492de\"}],\"cover_images\":[\"https://cdn.gooo.ai/web-images/4731443b0df74b2e2be165546001fb3ca6fcbf6dd7abc931000bbe2760c38ad8\",\"https://cdn.gooo.ai/web-images/5cf0a09aa6afb48c12b8733dd1348345596fe8d28e25393b843fe09c82c492de\"],\"fork_count\":2,\"earned_credits\":402,\"price\":201,\"content\":{\"steps\":[{\"instructions\":\"## 角色与目标\\n你是 StoryCanvas，一名面向创作者的页面化叙事风格规范设计师。你的任务不是直接生成成品 HTML 或图片，而是通过多轮对话，帮助已经有审美参考的用户，把个人审美、文字系统、色彩系统、叙事口吻、精神内核、SVG 视觉符号和后续网页生成规则，整理成一套严格规范、字段清晰、可机器读取和可复用的 JSON 风格提示词。\\n\\n## 适用输入\\n用户可能提供：\\n- 一段审美风格描述；\\n- 一个已有提示词、JSON 或风格规范；\\n- 网页、海报、卡片、社媒内容、品牌视觉或截图的文字描述；\\n- 想要模仿或规避的风格；\\n- 色彩、字体、版式、叙事口吻、主题或内容场景偏好。\\n\\n## 核心原则\\n- 只提炼用户参考中的可复用规则，不照抄用户示例中的具体主题内容。\\n- 不擅自替用户定稿；当信息不足时，通过多轮提问逐步收敛。\\n- 最终产物是严格规范型 JSON 风格提示词，而不是散文化说明。\\n- Skill 本身不直接交付最终 HTML 成品，也不直接导出 PNG；但最终 JSON 必须包含后续分页 HTML、SVG 嵌入和 PNG 下载功能所需的生成规则。\\n- SVG 必须与用户确认过的叙事精神内核和主题隐喻有关，不得作为随机装饰。\\n- 未经用户明确满意确认的 SVG，不得嵌入最终 JSON。\\n\\n## 开始时必须做的事\\n首先向用户说明：你会分模块共创风格规范，每个模块确认后才进入下一步。然后创建一份“StoryCanvas 风格确认清单”文档，作为项目管理辅助输出。清单建议包含：\\n\\n```markdown\\n# StoryCanvas 风格确认清单\\n\\n- [ ] 画幅比例已确认\\n- [ ] 文字系统已确认\\n- [ ] 颜色系统已确认\\n- [ ] 叙事口吻 / 精神内核已确认\\n- [ ] 核心 SVG 已确认\\n- [ ] 辅助 SVG 已确认\\n- [ ] 最终 JSON 已确认\\n```\\n\\n每当用户确认一个模块后，更新该确认清单，把对应任务改为已完成。若当前环境无法创建或编辑文档，则在对话中维护同样格式的清单，并明确告知用户。\",\"instructions_raw\":\"$3a\",\"localized_instructions_raw\":\"$3b\",\"tools\":{},\"at_references\":[]},{\"instructions\":\"## 模块化确认流程\\n按以下顺序推进。每个模块都必须先给出方案，再让用户确认；用户满意后，才写入 JSON 草案并更新确认清单。\\n\\n### 1. 画幅比例确认\\n询问用户希望生成页面化叙事时使用什么比例，"])</script><script>self.__next_f.push([1,"默认推荐 3:5。可选项包括但不限于：3:5、4:5、1:1、9:16、A4、公众号长图、自定义宽高。确认后写入 JSON 草案的 `canvas_system`。\\n\\n### 2. 文字系统确认\\n引导用户确认标题、正文、引语、注释、编号、强调语等文字层级。输出内容应包括：字体角色、字号范围、字重、行高、字距、段落间距、文字密度和禁用规则。必须提供可复制的 HTML/CSS 预览代码，用于让用户查看文字层级效果。\\n\\n### 3. 颜色系统确认\\n引导用户确认背景色、主文字色、辅助文字色、弱化文字色、强调色、边框色、容器色、阴影和禁用色。输出色彩规则时要说明每种颜色的用途。必须提供可复制的 HTML/CSS 色彩预览代码。\\n\\n### 4. 叙事口吻 / 精神内核确认\\n引导用户把风格从“好看”收敛到“如何讲述”。可从以下方向提问：它是冷静纪实、商业洞察、温柔疗愈、锋利批判、哲学旁白、档案感、电影感、实验出版感，还是其他精神内核？确认后写入 `narrative_system`，包括叙事姿态、情绪节奏、语言密度、视角、适合主题和不适合主题。\\n\\n### 5. SVG 视觉系统确认\\n根据已确认的叙事精神内核和视觉方向，设计核心 SVG 与辅助 SVG。每个 SVG 候选都要包含：名称、语义、适用位置、视觉元素、SVG 代码和 HTML 预览代码。先让用户预览，再询问是否满意。只有用户明确满意后，才将 SVG 代码写入 JSON 草案的 `svg_system.svg_assets`。\\n\\n### 6. 最终 JSON 生成\\n只有当关键模块全部确认后，才输出最终 JSON。最终 JSON 必须字段稳定、可解析、可复用，不要夹杂解释性散文。输出后询问用户是否最终确认，并更新确认清单。\",\"instructions_raw\":\"\u003cp\u003e## 模块化确认流程\u003c/p\u003e\u003cp\u003e按以下顺序推进。每个模块都必须先给出方案，再让用户确认；用户满意后，才写入 JSON 草案并更新确认清单。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e### 1. 画幅比例确认\u003c/p\u003e\u003cp\u003e询问用户希望生成页面化叙事时使用什么比例，默认推荐 3:5。可选项包括但不限于：3:5、4:5、1:1、9:16、A4、公众号长图、自定义宽高。确认后写入 JSON 草案的 `canvas_system`。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e### 2. 文字系统确认\u003c/p\u003e\u003cp\u003e引导用户确认标题、正文、引语、注释、编号、强调语等文字层级。输出内容应包括：字体角色、字号范围、字重、行高、字距、段落间距、文字密度和禁用规则。必须提供可复制的 HTML/CSS 预览代码，用于让用户查看文字层级效果。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e### 3. 颜色系统确认\u003c/p\u003e\u003cp\u003e引导用户确认背景色、主文字色、辅助文字色、弱化文字色、强调色、边框色、容器色、阴影和禁用色。输出色彩规则时要说明每种颜色的用途。必须提供可复制的 HTML/CSS 色彩预览代码。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e### 4. 叙事口吻 / 精神内核确认\u003c/p\u003e\u003cp\u003e引导用户把风格从“好看”收敛到“如何讲述”。可从以下方向提问：它是冷静纪实、商业洞察、温柔疗愈、锋利批判、哲学旁白、档案感、电影感、实验出版感，还是其他精神内核？确认后写入 `narrative_system`，包括叙事姿态、情绪节奏、语言密度、视角、适合主题和不适合主题。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e### 5. SVG 视觉系统确认\u003c/p\u003e\u003cp\u003e根据已确认的叙事精神内核和视觉方向，设计核心 SVG 与辅助 SVG。每个 SVG 候选都要包含：名称、语义、适用位置、视觉元素、SVG 代码和 HTML 预览代码。先让用户预览，再询问是否满意。只有用户明确满意后，才将 SVG 代码写入 JSON 草案的 `svg_system.svg_assets`。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e### 6. 最终 JSON 生成\u003c/p\u003e\u003cp\u003e只有当关键模块全部确认后，才输出最终 JSON。最终 JSON 必须字段稳定、可解析、可复用，不要夹杂解释性散文。输出后询问用户是否最终确认，并更新确认清单。\u003c/p\u003e\",\"localized_instructions_raw\":\"$3c\",\"tools\":{},\"at_references\":["])</script><script>self.__next_f.push([1,"]},{\"instructions\":\"## HTML 预览交互规则\\n每当需要用户查看文字、颜色或 SVG 视觉效果时，必须询问用户选择预览方式：\\n\\n“你希望我只生成 HTML 代码，由你自己复制到本地查看，还是希望我直接在 YouMind 的代码预览中打开？如果选择在 YouMind 中直接预览，体验会更直观，但可能会稍慢一点。”\\n\\n如果用户选择只生成代码：\\n- 输出完整、可复制的单文件 HTML 示例；\\n- 代码应包含 `\u003c!DOCTYPE html\u003e`、`\u003chtml\u003e`、`\u003chead\u003e`、`\u003cstyle\u003e`、`\u003cbody\u003e`；\\n- 若涉及 SVG，应直接内嵌 SVG，不依赖外部图片；\\n- 告诉用户保存为 `.html` 后可在浏览器打开查看。\\n\\n如果用户选择在 YouMind 中预览：\\n- 使用可用的网页或代码预览能力生成预览；\\n- 提醒用户该方式可能较慢；\\n- 预览后继续询问是否满意，满意才进入下一模块。\\n\\n无论使用哪种方式，预览代码都只是验证工具，不是最终交付物。最终交付物仍然是 JSON 风格提示词。\",\"instructions_raw\":\"\u003cp\u003e## HTML 预览交互规则\u003c/p\u003e\u003cp\u003e每当需要用户查看文字、颜色或 SVG 视觉效果时，必须询问用户选择预览方式：\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e“你希望我只生成 HTML 代码，由你自己复制到本地查看，还是希望我直接在 YouMind 的代码预览中打开？如果选择在 YouMind 中直接预览，体验会更直观，但可能会稍慢一点。”\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e如果用户选择只生成代码：\u003c/p\u003e\u003cp\u003e- 输出完整、可复制的单文件 HTML 示例；\u003c/p\u003e\u003cp\u003e- 代码应包含 `\u0026lt;!DOCTYPE html\u0026gt;`、`\u0026lt;html\u0026gt;`、`\u0026lt;head\u0026gt;`、`\u0026lt;style\u0026gt;`、`\u0026lt;body\u0026gt;`；\u003c/p\u003e\u003cp\u003e- 若涉及 SVG，应直接内嵌 SVG，不依赖外部图片；\u003c/p\u003e\u003cp\u003e- 告诉用户保存为 `.html` 后可在浏览器打开查看。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e如果用户选择在 YouMind 中预览：\u003c/p\u003e\u003cp\u003e- 使用可用的网页或代码预览能力生成预览；\u003c/p\u003e\u003cp\u003e- 提醒用户该方式可能较慢；\u003c/p\u003e\u003cp\u003e- 预览后继续询问是否满意，满意才进入下一模块。\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e无论使用哪种方式，预览代码都只是验证工具，不是最终交付物。最终交付物仍然是 JSON 风格提示词。\u003c/p\u003e\",\"localized_instructions_raw\":\"$3d\",\"tools\":{},\"at_references\":[]},{\"instructions\":\"$3e\",\"instructions_raw\":\"$3f\",\"localized_instructions_raw\":\"$40\",\"tools\":{},\"at_references\":[]},{\"instructions\":\"## 质量标准与禁止事项\\n\\n### 必须做到\\n- 每轮最多提出 1–2 个关键问题，避免一次性压给用户太多选择。\\n- 对模糊审美参考进行拆解和追问，而不是武断定稿。\\n- 每个模块都先给方案、再给预览、再等用户确认。\\n- 每次用户确认后，更新确认清单。\\n- SVG 代码必须是可直接嵌入 HTML 的静态 SVG。\\n- SVG 应使用基础几何图形、线条、形状、留白和透明度表达语义。\\n- 最终 JSON 应便于后续自动生成分页 HTML 和 PNG 下载功能。\\n\\n### 严禁事项\\n- 不得把某个示例 JSON 的具体主题、内容、SVG 或审美原样内置为默认风格。\\n- 不得在用户未确认时把文字系统、颜色系统或 SVG 写入最终 JSON。\\n- 不得生成不可解析的伪 JSON。\\n- 不得用无意义英文标签、随机装饰文字或伪杂志排版填充画面。\\n- 不得让 SVG 脱离用户叙事精神内核。\\n- 不得默认用户一定要 3:5；3:5 只是默认建议，仍需确认。\\n- 不得直接交付最终 HTML 成品替代 JSON。\\n\\n## 示例交互片段\\n用户：我想做一种冷静、锋利、适合讲商业事件的页面风格。\\n\\n你应回应：\\n“我先为你建立确认清单。我们会按比例、文字、颜色、叙事、SVG、最终 JSON 的顺序推进。第一步先确认画幅：默认我建议 3:5，适合社媒分页阅读。你想使用 3:5，还是改为 4:5、9:16 或自定义比例？”\\n\\n用户确认比例后，你再进入文字系统，而不是直接生成最终 JSON。\\n\\n## 自检清单\\n在输出最终 JSON 前检查：\\n- 画幅比例是否已确认？\\n- 文字系统是否"])</script><script>self.__next_f.push([1,"已确认？\\n- 颜色系统是否已确认？\\n- 叙事口吻 / 精神内核是否已确认？\\n- 所有嵌入 JSON 的 SVG 是否已由用户明确满意？\\n- 确认清单是否已更新？\\n- JSON 是否合法、字段是否稳定、是否便于机器读取？\\n- 是否避免了未经确认的假设和随机装饰？\",\"instructions_raw\":\"$41\",\"localized_instructions_raw\":\"$42\",\"tools\":{},\"at_references\":[]}]},\"content_visibility\":\"public\",\"origin\":\"custom\",\"suggested_categories\":[\"images\"],\"featured_reason\":\"StoryCanvas能将创作者的审美理念转化为机器可读的JSON风格规范，通过模块化流程确保每个细节都符合用户预期，是打造个性化叙事风格的得力助手。\",\"seo_description\":\"StoryCanvas助创作者将审美、文字、色彩等转化为机器可读的JSON风格提示词，定制专属页面叙事规范。\",\"input_hint\":\"อธิบายสไตล์ที่คุณต้องการ หรือให้ตัวอย่างมาด้วย\",\"slug\":\"story-style-json-generator\",\"featured\":false,\"approved_at\":\"2026-05-10T11:31:59.015Z\",\"categories\":[\"webpage\",\"write\"],\"creator\":{\"id\":\"1b50b708-77c9-483b-ba73-d1db1864cc5d\",\"name\":\"MMind\",\"picture\":\"https://cdn.gooo.ai/web-images/46fb75fdcf667240db158268dd13ab9e69f01d9abc77d5fe1b9da8ca805898c9\"},\"latest_version_id\":\"019e0fde-fd3b-732f-9b12-932fb115df87\"},{\"id\":\"019e0d6d-17bb-75cd-a670-94b9a379d6cc\",\"created_at\":\"2026-05-09T15:48:33.851Z\",\"updated_at\":\"2026-05-20T18:20:25.537Z\",\"creator_id\":\"1b50b708-77c9-483b-ba73-d1db1864cc5d\",\"name\":\"จะเป็นไฟล์ PDF\",\"description\":\"ซอฟต์แวร์นี้แปลงเนื้อหาอ้างอิง เช่น บทความ รายงาน บันทึกย่อ Markdown และข้อความที่ดึงมาจากไฟล์ PDF ให้เป็นไฟล์ HTML ไฟล์เดียวคุณภาพระดับพิมพ์ A4 โดยจะเลือกสีเน้นตามธีมของเนื้อหาโดยอัตโนมัติ ฝังภาพวาดเส้นแบบมินิมอลที่วาดด้วยมือในรูปแบบ SVG แก้ไขปัญหาการพิมพ์โดยอัตโนมัติ เช่น หน้าว่าง บรรทัดที่ไม่มีเจ้าของ และองค์ประกอบที่ถูกตัดทอนเมื่อส่งออกไฟล์ PDF และเปิดไฟล์ PDF โดยตรงพร้อมแผงแคนวาสในขั้นตอนสุดท้าย ทำให้ผู้ใช้สามารถดู พิมพ์ หรือส่งออกไฟล์ PDF ได้โดยไม่ต้องคัดลอกและวางโค้ด\",\"type\":\"prompt-executer\",\"visibility\":\"public\",\"review_status\":\"approved\",\"icon_value\":\"SeaShell\",\"icon_bg_color\":\"skill-bg03\",\"showcase\":[{\"type\":\"image\",\"url\":\"https://cdn.gooo.ai/web-images/2001d59579dc38a5dc632880bc66facfc832512ea32e4b7ef04b96fbd4ac9ba5\"},{\"type\":\"image\",\"url\":\"https://cdn.gooo.ai/web-images/389e069941edff84b9be7eb4303aa11e471a321480a1c2aa7297dd49f01b8a4f\"}],\"cover_images\":[\"https://cdn.gooo.ai/web-images/2001d59579dc38a5dc632880bc66facfc832512ea32e4b7ef04b96fbd4ac9ba5\",\"https://cdn.gooo.ai/web-images/389e069941edff84b9be7eb4303aa11e471a321480a1c2aa7297dd49f01b8a4f\"],\"fork_count\":4,\"earned_credits\":800,\"price\":200,\"content_visibility\":\"private\",\"origin\":\"custom\",\"suggested_categories\":[\"learn\"],\"featured_reason\":\"这款技能能将各种内容智能转换为精美的 A4 打印/PDF 导出 HTML 文档，并自动修复打印兼容性问题，确保排版完美。\",\"seo_description\":\"将内容转为精美A4打印与PDF导出的HTML文档，融入语义SVG插画，并优化打印兼容性，提供无缝阅读体验。\",\"input_hint\":\"ส่งเนื้อหา บทความ หรือบันทึกขอ"])</script><script>self.__next_f.push([1,"งคุณมาให้ผม แล้วผมจะช่วยจัดระเบียบให้อยู่ในรูปแบบเว็บเพจขนาด A4 ที่สามารถพิมพ์ได้\",\"slug\":\"convert-to-pdf\",\"featured\":false,\"approved_at\":\"2026-05-10T11:30:27.941Z\",\"categories\":[\"webpage\"],\"creator\":{\"id\":\"1b50b708-77c9-483b-ba73-d1db1864cc5d\",\"name\":\"MMind\",\"picture\":\"https://cdn.gooo.ai/web-images/46fb75fdcf667240db158268dd13ab9e69f01d9abc77d5fe1b9da8ca805898c9\"},\"latest_version_id\":\"019e1615-a655-72be-9e1d-d2c27739250b\"}],\"publicConfig\":{\"PUBLIC_AGENT_MODEL_MAP\":{\"lite\":\"deepseek-v4-pro\",\"pro\":\"claude-4-5-sonnet\",\"max\":\"claude-4-5-sonnet\"},\"PUBLIC_AGENT_MODEL_TIER_OPTIONS\":{\"lite\":[\"deepseek-v4-pro\",\"kimi-k2.6\"],\"pro\":[\"claude-4-5-sonnet\",\"gpt-5-4\"],\"max\":[\"claude-4-6-opus\",\"gpt-5-5\"]},\"PUBLIC_AGENT_MODELS\":[\"claude-4-5-sonnet\",\"claude-4-5-opus\",\"minimax-m2\",\"glm-4.7\",\"kimi-k2.5\"],\"PUBLIC_ANNUAL_REPORT_OPEN\":false,\"PUBLIC_APPLE_ON_DEVICE_MODELS\":[{\"name\":\"base\",\"category\":\"Whisper\",\"url\":\"https://cdn.gooo.ai/assets/on-device-models/apple/ggml-base.aar\",\"size\":172067706,\"checksum\":\"66d482ef02f14abec5fa914aecc345adf465691708ba952876ee60f6d6e72424\"},{\"name\":\"small\",\"category\":\"Whisper\",\"url\":\"https://cdn.gooo.ai/assets/on-device-models/apple/ggml-small.aar\",\"checksum\":\"4ea5041a2a5a42c9e8d95eef1c3e814a0c9d067cf54c44e1fab9baa7303a5961\",\"size\":616449150}],\"PUBLIC_ASK_AI_MODELS\":[\"gpt-4o\",\"gpt-4o-mini\",\"gpt-4.1\",\"gpt-5\",\"gpt-5-mini\",\"claude-4-sonnet\",\"claude-4-5-sonnet\",\"gemini-2.5-flash\",\"deepseek/deepseek-r1\",\"o4-mini\",\"gemini-2.5-pro\"],\"PUBLIC_ASK_AI_MODELS_V2\":[\"gpt-5-5\",\"gpt-4o\",\"claude-4-7-opus\",\"claude-4-6-opus\",\"claude-4-6-sonnet\",\"claude-4-5-sonnet\",\"gemini-3.1-pro-preview\",\"gemini-3.5-flash\",\"gemini-3-flash-preview\",\"deepseek-v4-pro\",\"deepseek-v4-flash\",\"kimi-k2.6\",\"glm-4.7\",\"minimax-m2-5\"],\"PUBLIC_CHAT_ABORT_SWITCH\":true,\"PUBLIC_CRAFT_AI_MODELS\":{\"page\":[\"claude-4-6-sonnet\",\"claude-4-7-opus\",\"gpt-5-5\",\"gemini-3.1-pro-preview\",\"deepseek-v4-pro\"],\"webpage\":[\"claude-4-7-opus\",\"claude-4-6-sonnet\",\"gemini-3.1-pro-preview\",\"deepseek-v4-pro\",\"glm-4.7\"]},\"PUBLIC_DEFAULT_AI_AGENT_MODEL\":\"kimi-k2.5\",\"PUBLIC_DEFAULT_AI_CHAT_MODEL\":\"gemini-3-flash-preview\",\"PUBLIC_DEFAULT_AI_IMAGE_MODEL\":\"gpt-image-2-2026-04-21\",\"PUBLIC_DEFAULT_AI_WEBPAGE_MODEL\":\"claude-4-6-sonnet\",\"PUBLIC_DEFAULT_AI_WORKFLOW_MODEL\":\"claude-4-5-sonnet\",\"PUBLIC_DEFAULT_AI_WRITE_MODEL\":\"gemini-3.1-pro-preview\",\"PUBLIC_DEFAULT_COMPACT_MODEL\":\"gemini-3-flash-preview\",\"PUBLIC_DEFAULT_SPRITE_MODEL\":\"claude-4-5-sonnet\",\"PUBLIC_EXTENSION_ASK_AI_MODELS\":[\"gemini-2.5-flash\"],\"PUBLIC_FF_NEW_BOARD_V2\":true,\"PUBLIC_FF_TURNSTILE_SIGN_IN_ENABLED\":false,\"PUBLIC_IMAGE_MODELS\":[\"gpt-image-2-2026-04-21\",\"gemini-3-pro-image-preview\",\"gemini-3.1-flash-image-preview\",\"seedream-5-0-lite-260128\",\"qwen-image-2.0-pro\",\"qwen-image-2.0\"],\"PUBLIC_LAST_YOUWEB_RELEASE_TIME\":\"2026-05-20T15:51:02Z\",\"PUBLIC_MOBILE_OFFLINE_PACKAGE_ENABLED\":false,\"PUBLIC_MODEL_DEFINITION\":{\"gpt-4o\":{\"title\":\"GPT-4o\",\"type\":\"chat\",\"from\":\"openai\",\"value\":\"gpt-4o\",\"providers\":[\"openai\",\"azure\",\"aihubmix\"],\"input_token_limit\":128000,\"output_token_limit\":16384,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_chatgpt.png\",\"extra\":{\"prediction\":true}},\"gpt-4o-mini\":{\"title\":\"GPT-4o mini\",\"type\":\"chat\",\"from\":\"openai\",\"value\":\"gpt-4o-mini\",\"providers\":[\"openai\",\"aihubmix\"],\"input_token_limit\":128000,\"output_token_limit\":16384,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_chatgpt.png\",\"extra\":{\"prediction\":true}},\"o4-mini\":{\"title\":\"o4-mini\",\"type\":\"reasoning\",\"from\":\"openai\",\"value\":\"o4-mini\",\"providers\":[\"openai\",\"aihubmix\"],\"input_token_limit\":200000,\"output_token_limit\":100000,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_chatgpt.png\",\"extra\":{\"fake_reasoning\":true}},\"gpt-4.1\":{\"title\":\"GPT-4.1\",\"type\":\"chat\",\"from\":\"openai\",\"value\":\"gpt-4.1\",\"providers\":[\"openai\",\"azure\",\"aihubmix\"],\"input_token_limit\":1000000,\"output_token_limit\":32768,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_chatgpt.png\",\"extra\":{\"prediction\":true}},\"gpt-5\":{\"title\":\"GP"])</script><script>self.__next_f.push([1,"T-5\",\"type\":\"reasoning\",\"from\":\"openai\",\"value\":\"gpt-5\",\"providers\":[\"openai\",\"aihubmix\"],\"input_token_limit\":400000,\"output_token_limit\":64000,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_chatgpt.png\",\"extra\":{\"paid_user_only\":false}},\"gpt-5-reasoning\":{\"title\":\"GPT-5\",\"type\":\"reasoning\",\"from\":\"openai\",\"value\":\"gpt-5-reasoning\",\"providers\":[\"openai\",\"aihubmix\"],\"input_token_limit\":400000,\"output_token_limit\":64000,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_chatgpt.png\",\"extra\":{\"display_thinking_tag\":true,\"paid_user_only\":false}},\"gpt-5-1\":{\"title\":\"GPT-5.1\",\"type\":\"chat\",\"from\":\"openai\",\"value\":\"gpt-5-1\",\"providers\":[\"openai\",\"aihubmix\"],\"input_token_limit\":400000,\"output_token_limit\":64000,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_chatgpt.png\",\"extra\":{\"paid_user_only\":false}},\"gpt-5-mini\":{\"title\":\"GPT-5 mini\",\"type\":\"reasoning\",\"from\":\"openai\",\"value\":\"gpt-5-mini\",\"providers\":[\"openai\",\"aihubmix\"],\"input_token_limit\":400000,\"output_token_limit\":64000,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_chatgpt.png\"},\"gpt-5-nano\":{\"title\":\"GPT-5 nano\",\"type\":\"reasoning\",\"from\":\"openai\",\"value\":\"gpt-5-nano\",\"providers\":[\"openai\",\"aihubmix\"],\"input_token_limit\":400000,\"output_token_limit\":64000,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_chatgpt.png\"},\"text-embedding-3-large\":{\"title\":\"embedding\",\"type\":\"embedding\",\"from\":\"openai\",\"value\":\"text-embedding-3-large\",\"providers\":[\"openai\",\"azure\"],\"input_token_limit\":0,\"output_token_limit\":0,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_chatgpt.png\"},\"speech-2.6-hd\":{\"title\":\"MiniMax Speech 2.6 TTS\",\"type\":\"tts\",\"from\":\"minimax\",\"value\":\"speech-2.6-hd\",\"providers\":[\"minimax\"],\"input_token_limit\":128000,\"output_token_limit\":0,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_minimax.png\",\"extra\":{}},\"speech-2.8-hd\":{\"title\":\"MiniMax Speech 2.8 TTS\",\"type\":\"tts\",\"from\":\"minimax\",\"value\":\"speech-2.8-hd\",\"providers\":[\"minimax\"],\"input_token_limit\":128000,\"output_token_limit\":0,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_minimax.png\"},\"gpt-image-1\":{\"title\":\"GPT Image 1\",\"type\":\"image\",\"from\":\"openai\",\"value\":\"gpt-image-1\",\"providers\":[\"openai\",\"aihubmix\"],\"input_token_limit\":128000,\"output_token_limit\":0,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_chatgpt.png\"},\"claude-3-5-haiku\":{\"title\":\"Claude 3.5 Haiku\",\"type\":\"chat\",\"from\":\"anthropic\",\"value\":\"claude-3-5-haiku\",\"providers\":[\"anthropic\",\"bedrock\",\"aihubmix\"],\"input_token_limit\":200000,\"output_token_limit\":8192,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_claude.png\"},\"claude-3-7-sonnet\":{\"title\":\"Claude 3.7 Sonnet\",\"type\":\"chat\",\"from\":\"anthropic\",\"value\":\"claude-3-7-sonnet\",\"providers\":[\"anthropic\",\"bedrock\",\"aihubmix\"],\"input_token_limit\":200000,\"output_token_limit\":64000,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_claude.png\"},\"claude-4-sonnet\":{\"title\":\"Claude Sonnet 4\",\"type\":\"reasoning\",\"from\":\"anthropic\",\"value\":\"claude-4-sonnet\",\"providers\":[\"anthropic\",\"bedrock\",\"aihubmix\"],\"input_token_limit\":1000000,\"output_token_limit\":64000,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_claude.png\"},\"claude-4-sonnet-reasoning\":{\"title\":\"Claude Sonnet 4\",\"type\":\"reasoning\",\"from\":\"anthropic\",\"value\":\"claude-4-sonnet-reasoning\",\"providers\":[\"anthropic\",\"bedrock\",\"aihubmix\"],\"input_token_limit\":200000,\"output_token_limit\":64000,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_claude.png\"},\"claude-4-5-haiku\":{\"title\":\"Claude Haiku 4.5\",\"type\":\"chat\",\"from\":\"anthropic\",\"value\":\"claude-4-5-haiku\",\"providers\":[\"anthropic\",\"bedrock\",\"aihubmix\"],\"input_token_limit\":200000,\"output_token_limit\":64000,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_claude.png\"},\"claude-4-5-sonnet\":{\"title\":\"Claude Sonnet 4.5\",\"type\":\"chat\",\"from\":\"anthropic\",\"value\":\"claude-4-5-sonnet\",\"providers\":[\"anthropic\",\"bedrock\",\"aihubmix\"],\"input_token_limit\":200000,\"output_token_limit\":64000,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_claude.png\",\"extra\":{\"paid_user_only\":true}},\"claude-4-5-sonnet-reasoning\":{\"title\":\"Claude Sonnet 4.5\",\"type\":\"reasoning\",\"from\":\"anthrop"])</script><script>self.__next_f.push([1,"ic\",\"value\":\"claude-4-5-sonnet-reasoning\",\"providers\":[\"anthropic\",\"bedrock\",\"aihubmix\"],\"input_token_limit\":200000,\"output_token_limit\":64000,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_claude.png\",\"extra\":{\"display_thinking_tag\":true}},\"deepseek/deepseek-r1\":{\"title\":\"DeepSeek V3.2\",\"type\":\"reasoning\",\"from\":\"deepseek\",\"value\":\"deepseek/deepseek-r1\",\"providers\":[\"deepseek\",\"openrouter\",\"aihubmix\"],\"input_token_limit\":128000,\"output_token_limit\":64000,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_deepseek.png\",\"extra\":{\"disable_image_input\":true,\"fake_reasoning\":false,\"display_thinking_tag\":true,\"disable_tools\":true}},\"gemini-2.5-pro\":{\"title\":\"Gemini 2.5 Pro\",\"type\":\"reasoning\",\"from\":\"google\",\"value\":\"gemini-2.5-pro\",\"providers\":[\"vertexai\",\"aihubmix\"],\"input_token_limit\":1000000,\"output_token_limit\":65535,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_gemini.png\",\"extra\":{\"fake_reasoning\":true}},\"gemini-2.5-flash\":{\"title\":\"Gemini 2.5 Flash\",\"type\":\"chat\",\"from\":\"google\",\"value\":\"gemini-2.5-flash\",\"providers\":[\"vertexai\",\"aihubmix\"],\"input_token_limit\":1000000,\"output_token_limit\":65535,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_gemini.png\",\"extra\":{\"display_free\":true}},\"qwen-turbo\":{\"title\":\"Qwen Turbo\",\"type\":\"chat\",\"from\":\"qwen\",\"value\":\"qwen-turbo\",\"providers\":[\"aliyun\",\"aihubmix\"],\"input_token_limit\":1000000,\"output_token_limit\":8192,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_qwen.png\"},\"qwen3-tts-flash\":{\"title\":\"Qwen3 TTS Flash\",\"type\":\"tts\",\"from\":\"aliyun\",\"value\":\"qwen3-tts-flash\",\"providers\":[\"aliyun\"],\"input_token_limit\":128000,\"output_token_limit\":0,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_qwen.png\"},\"cosyvoice-v3-flash\":{\"title\":\"CosyVoice v3 Flash\",\"type\":\"tts\",\"from\":\"aliyun\",\"value\":\"cosyvoice-v3-flash\",\"providers\":[\"aliyun\"],\"input_token_limit\":128000,\"output_token_limit\":0,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_qwen.png\"},\"eleven_v3\":{\"title\":\"Eleven Labs V3\",\"type\":\"tts\",\"from\":\"elevenlabs\",\"value\":\"eleven_v3\",\"providers\":[\"elevenlabs\"],\"input_token_limit\":128000,\"output_token_limit\":0,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_chatgpt.png\"},\"eleven_music_v1\":{\"title\":\"Eleven Labs Music V1\",\"type\":\"tts\",\"from\":\"elevenlabs\",\"value\":\"eleven_music_v1\",\"providers\":[\"elevenlabs\"],\"input_token_limit\":128000,\"output_token_limit\":0,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_chatgpt.png\"},\"flowspeech\":{\"title\":\"ListenHub FlowSpeech\",\"type\":\"tts\",\"from\":\"listenhub\",\"value\":\"flowspeech\",\"providers\":[\"listenhub\"],\"input_token_limit\":128000,\"output_token_limit\":0,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_chatgpt.png\"},\"gemini-2.5-flash-tts\":{\"title\":\"Gemini 2.5 Flash TTS\",\"type\":\"tts\",\"from\":\"google\",\"value\":\"gemini-2.5-flash-tts\",\"providers\":[\"google\"],\"input_token_limit\":128000,\"output_token_limit\":0,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_gemini.png\"},\"gemini-2.5-pro-tts\":{\"title\":\"Gemini 2.5 Pro TTS\",\"type\":\"tts\",\"from\":\"google\",\"value\":\"gemini-2.5-pro-tts\",\"providers\":[\"google\"],\"input_token_limit\":128000,\"output_token_limit\":0,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_gemini.png\"},\"gemini-2.5-flash-image-preview\":{\"title\":\"Nano Banana\",\"type\":\"image\",\"from\":\"vertexai\",\"value\":\"gemini-2.5-flash-image-preview\",\"providers\":[\"vertexai\"],\"input_token_limit\":32000,\"output_token_limit\":0,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_nano_banana.png\"},\"jimeng-t2i-v4.0\":{\"title\":\"JiMeng 4.0\",\"type\":\"image\",\"from\":\"volcengine\",\"value\":\"jimeng-t2i-v4.0\",\"providers\":[\"volcengine\"],\"input_token_limit\":0,\"output_token_limit\":0,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_jimeng.png\",\"extra\":{\"display_free\":false}},\"grok-4\":{\"title\":\"Grok 4\",\"type\":\"chat\",\"from\":\"xai\",\"value\":\"grok-4\",\"providers\":[\"xai\"],\"input_token_limit\":128000,\"output_token_limit\":16384,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_grok.png\",\"extra\":{\"paid_user_only\":false}},\"grok-4-fast\":{\"title\":\"Grok 4 Fast\",\"type\":\"chat\",\"from\":\"xai\",\"value\":\"grok-4-fast\",\"providers\":[\"xai\"],\"input_token_limit\":128000,\"output_token_l"])</script><script>self.__next_f.push([1,"imit\":16384,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_grok.png\",\"extra\":{\"paid_user_only\":false}},\"grok-4-fast-reasoning\":{\"title\":\"Grok 4 Fast\",\"type\":\"reasoning\",\"from\":\"xai\",\"value\":\"grok-4-fast-reasoning\",\"providers\":[\"xai\"],\"input_token_limit\":128000,\"output_token_limit\":16384,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_grok.png\",\"extra\":{\"fake_reasoning\":true,\"paid_user_only\":false}},\"kimi-k2\":{\"title\":\"Kimi K2\",\"type\":\"chat\",\"from\":\"moonshot\",\"value\":\"kimi-k2\",\"providers\":[\"moonshot\"],\"input_token_limit\":262144,\"output_token_limit\":30000,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_kimi.png\",\"extra\":{\"disable_image_input\":true}},\"kimi-k2-thinking\":{\"title\":\"Kimi K2 Thinking\",\"type\":\"reasoning\",\"from\":\"moonshot\",\"value\":\"kimi-k2-thinking\",\"providers\":[\"moonshot\"],\"input_token_limit\":262144,\"output_token_limit\":30000,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_kimi.png\",\"extra\":{\"disable_image_input\":true}},\"minimax-m2\":{\"title\":\"MiniMax M2\",\"type\":\"chat\",\"from\":\"minimax\",\"value\":\"minimax-m2\",\"providers\":[\"minimax\"],\"input_token_limit\":160000,\"output_token_limit\":8190,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_minimax.png\",\"extra\":{\"disable_image_input\":true,\"display_thinking_tag\":false,\"display_free\":false}},\"gemini-3-pro-preview\":{\"title\":\"Gemini 3 Pro\",\"type\":\"reasoning\",\"from\":\"google\",\"value\":\"gemini-3-pro-preview\",\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_gemini.png\",\"providers\":[\"vertexai\"],\"input_token_limit\":1000000,\"output_token_limit\":64000,\"extra\":{\"fake_reasoning\":true,\"display_thinking_tag\":false,\"paid_user_only\":true}},\"grok-4-1-fast-reasoning\":{\"title\":\"Grok 4.1 Fast\",\"type\":\"reasoning\",\"from\":\"xai\",\"value\":\"grok-4-1-fast-reasoning\",\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_grok.png\",\"providers\":[\"xai\"],\"input_token_limit\":128000,\"output_token_limit\":16384,\"extra\":{\"fake_reasoning\":true,\"display_thinking_tag\":true,\"paid_user_only\":false}},\"gemini-3-pro-image-preview\":{\"title\":\"Nano Banana Pro\",\"type\":\"image\",\"from\":\"vertexai\",\"value\":\"gemini-3-pro-image-preview\",\"providers\":[\"vertexai\"],\"input_token_limit\":64000,\"output_token_limit\":0,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_nano_banana.png\",\"extra\":{\"display_free\":false}},\"claude-4-5-opus\":{\"title\":\"Claude Opus 4.5\",\"type\":\"reasoning\",\"from\":\"anthropic\",\"value\":\"claude-4-5-opus\",\"providers\":[\"anthropic\",\"bedrock\"],\"input_token_limit\":200000,\"output_token_limit\":64000,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_claude.png\",\"extra\":{\"paid_user_only\":true}},\"deepseek-chat\":{\"title\":\"DeepSeek V3.2\",\"type\":\"chat\",\"from\":\"deepseek\",\"value\":\"deepseek-chat\",\"providers\":[\"deepseek\"],\"input_token_limit\":128000,\"output_token_limit\":8000,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_deepseek.png\",\"extra\":{\"disable_image_input\":true,\"prediction\":false,\"display_thinking_tag\":false}},\"doubao-seedream-4-5-251128\":{\"title\":\"Seedream 4.5\",\"type\":\"image\",\"from\":\"volcengine-fangzhou\",\"value\":\"doubao-seedream-4-5-251128\",\"providers\":[\"byteplus\"],\"input_token_limit\":0,\"output_token_limit\":0,\"icon_url\":\"https://cdn.gooo.ai/assets/seedream.avif\",\"extra\":{\"display_free\":false}},\"gpt-5-2\":{\"title\":\"GPT-5.2\",\"type\":\"reasoning\",\"from\":\"openai\",\"value\":\"gpt-5-2\",\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_chatgpt.png\",\"providers\":[\"openai\",\"aihubmix\"],\"input_token_limit\":400000,\"output_token_limit\":128000,\"extra\":{\"disable_image_input\":false,\"display_thinking_tag\":true,\"paid_user_only\":false}},\"gemini-3-flash-preview\":{\"title\":\"Gemini 3 Flash\",\"type\":\"chat\",\"from\":\"google\",\"value\":\"gemini-3-flash-preview\",\"providers\":[\"vertexai\"],\"input_token_limit\":1048576,\"output_token_limit\":65535,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_gemini.png\",\"extra\":{\"display_free\":true}},\"gpt-image-1.5\":{\"title\":\"GPT Image 1.5\",\"type\":\"image\",\"from\":\"openai\",\"value\":\"gpt-image-1.5\",\"providers\":[\"openai\",\"aihubmix\"],\"input_token_limit\":128000,\"output_token_limit\":0,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_chatgpt.png\",\"extra\":{\"paid_user_only\":false}},\"kling-v2-5-turbo\":{\"title\":\"Kling"])</script><script>self.__next_f.push([1," video 2.5 turbo\",\"type\":\"video\",\"from\":\"kling\",\"value\":\"kling-v2-5-turbo\",\"icon_url\":\"https://cdn.gooo.ai/assets/keling.png\",\"providers\":[\"kling\"],\"input_token_limit\":128000,\"output_token_limit\":0,\"extra\":{}},\"kling-v1-6\":{\"title\":\"Kling video 1.6\",\"type\":\"video\",\"from\":\"kling\",\"value\":\"kling-v1-6\",\"icon_url\":\"https://cdn.gooo.ai/assets/keling.png\",\"providers\":[\"kling\"],\"input_token_limit\":128000,\"output_token_limit\":0,\"extra\":{}},\"seedance-1-5-pro-251215\":{\"title\":\"Seedance 1.5 Pro\",\"type\":\"video\",\"from\":\"byteplus\",\"value\":\"seedance-1-5-pro-251215\",\"icon_url\":\"https://cdn.gooo.ai/assets/seedance.png\",\"providers\":[\"byteplus\"],\"input_token_limit\":128000,\"output_token_limit\":0,\"extra\":{}},\"seedance-1-0-pro-250528\":{\"title\":\"Seedance 1.0 Pro\",\"type\":\"video\",\"from\":\"byteplus\",\"value\":\"seedance-1-0-pro-250528\",\"icon_url\":\"https://cdn.gooo.ai/assets/seedance.png\",\"providers\":[\"byteplus\"],\"input_token_limit\":128000,\"output_token_limit\":0,\"extra\":{}},\"minimax-m2-1\":{\"title\":\"MiniMax M2.1\",\"type\":\"reasoning\",\"from\":\"minimax\",\"value\":\"minimax-m2-1\",\"providers\":[\"minimax\"],\"input_token_limit\":204800,\"output_token_limit\":8190,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_minimax.png\",\"extra\":{\"disable_image_input\":true,\"display_thinking_tag\":false,\"display_free\":false}},\"glm-4.7\":{\"title\":\"GLM 4.7\",\"type\":\"reasoning\",\"from\":\"openrouter\",\"value\":\"glm-4.7\",\"providers\":[\"openrouter\"],\"input_token_limit\":200000,\"output_token_limit\":65536,\"icon_url\":\"https://cdn.gooo.ai/assets/zhipuai.png\",\"extra\":{\"display_free\":false,\"disable_image_input\":true}},\"claude-4-6-opus\":{\"title\":\"Claude Opus 4.6\",\"type\":\"chat\",\"from\":\"anthropic\",\"value\":\"claude-4-6-opus\",\"providers\":[\"anthropic\"],\"input_token_limit\":200000,\"output_token_limit\":64000,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_claude.png\",\"extra\":{\"paid_user_only\":true}},\"gemini-2.5-flash-image\":{\"title\":\"Nano Banana\",\"type\":\"image\",\"from\":\"vertexai\",\"value\":\"gemini-2.5-flash-image\",\"providers\":[\"vertexai\"],\"input_token_limit\":32000,\"output_token_limit\":0,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_nano_banana.png\",\"extra\":{}},\"kimi-k2.5\":{\"title\":\"Kimi K2.5\",\"type\":\"reasoning\",\"from\":\"moonshot\",\"value\":\"kimi-k2.5\",\"providers\":[\"moonshot\"],\"input_token_limit\":262144,\"output_token_limit\":30000,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_kimi.png\",\"extra\":{\"disable_image_input\":false}},\"claude-4-6-sonnet\":{\"title\":\"Claude Sonnet 4.6\",\"type\":\"chat\",\"from\":\"anthropic\",\"value\":\"claude-4-6-sonnet\",\"providers\":[\"anthropic\",\"bedrock\"],\"input_token_limit\":200000,\"output_token_limit\":64000,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_claude.png\",\"extra\":{\"paid_user_only\":true}},\"minimax-m2-5\":{\"title\":\"MiniMax M2.5\",\"type\":\"reasoning\",\"from\":\"minimax\",\"value\":\"minimax-m2-5\",\"providers\":[\"minimax\"],\"input_token_limit\":200000,\"output_token_limit\":8190,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_minimax.png\",\"extra\":{\"disable_image_input\":true,\"display_thinking_tag\":false,\"display_free\":false,\"fake_reasoning\":false}},\"gemini-3.1-pro-preview\":{\"title\":\"Gemini 3.1 Pro\",\"type\":\"reasoning\",\"from\":\"google\",\"value\":\"gemini-3.1-pro-preview\",\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_gemini.png\",\"providers\":[\"vertexai\"],\"input_token_limit\":1048576,\"output_token_limit\":65536,\"extra\":{\"fake_reasoning\":true,\"display_thinking_tag\":false,\"paid_user_only\":false}},\"gemini-3.1-flash-image-preview\":{\"title\":\"Nano Banana 2\",\"type\":\"image\",\"from\":\"vertexai\",\"value\":\"gemini-3.1-flash-image-preview\",\"providers\":[\"vertexai\"],\"input_token_limit\":64000,\"output_token_limit\":0,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_nano_banana.png\",\"extra\":{\"display_free\":false}},\"qwen-image-2.0\":{\"title\":\"Qwen Image 2.0\",\"type\":\"image\",\"from\":\"qwen\",\"value\":\"qwen-image-2.0\",\"providers\":[\"aliyun\"],\"input_token_limit\":1000000,\"output_token_limit\":0,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_qwen.png\",\"extra\":{}},\"qwen-image-2.0-pro\":{\"title\":\"Qwen Image 2.0 Pro\",\"type\":\"image\",\"from\":\"qwen\",\"value\":\"qwen-image-2.0-pro\",\"providers\":[\"aliyun\"],\"input_token_limit\":1000000,\"out"])</script><script>self.__next_f.push([1,"put_token_limit\":0,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_qwen.png\",\"extra\":{}},\"gpt-5.3-chat-latest\":{\"title\":\"GPT-5.3\",\"type\":\"chat\",\"from\":\"openai\",\"value\":\"gpt-5.3-chat-latest\",\"providers\":[\"openai\"],\"input_token_limit\":400000,\"output_token_limit\":128000,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_chatgpt.png\",\"extra\":{\"paid_user_only\":false}},\"gemini-3.1-flash-lite-preview\":{\"title\":\"Gemini 3 Flash Lite\",\"type\":\"reasoning\",\"from\":\"google\",\"value\":\"gemini-3.1-flash-lite-preview\",\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_gemini.png\",\"providers\":[\"vertexai\"],\"input_token_limit\":1000000,\"output_token_limit\":64000,\"extra\":{\"fake_reasoning\":true,\"display_thinking_tag\":false,\"paid_user_only\":false}},\"gpt-5-4\":{\"title\":\"GPT-5.4\",\"type\":\"reasoning\",\"from\":\"openai\",\"value\":\"gpt-5-4\",\"providers\":[\"openai\",\"aihubmix\"],\"input_token_limit\":272000,\"output_token_limit\":16384,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_chatgpt.png\",\"extra\":{\"paid_user_only\":true,\"display_thinking_tag\":true}},\"grok-imagine-video\":{\"title\":\"Grok Imagine Video\",\"type\":\"video\",\"from\":\"xai\",\"value\":\"grok-imagine-video\",\"providers\":[\"xai\"],\"input_token_limit\":128000,\"output_token_limit\":0,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_grok.png\",\"extra\":{\"paid_user_only\":true}},\"seedream-5-0-lite-260128\":{\"title\":\"Seedream 5.0 Lite\",\"type\":\"image\",\"from\":\"volcengine-fangzhou\",\"value\":\"seedream-5-0-lite-260128\",\"providers\":[\"byteplus\"],\"input_token_limit\":0,\"output_token_limit\":0,\"icon_url\":\"https://cdn.gooo.ai/assets/seedream.avif\",\"extra\":{\"display_free\":false}},\"doubao-seedance-2-0-260128\":{\"title\":\"Seedance 2.0\",\"type\":\"video\",\"from\":\"byteplus\",\"value\":\"doubao-seedance-2-0-260128\",\"icon_url\":\"https://cdn.gooo.ai/assets/seedance.png\",\"providers\":[\"byteplus\"],\"input_token_limit\":128000,\"output_token_limit\":0,\"extra\":{}},\"doubao-seedance-2-0-fast-260128\":{\"title\":\"Seedance 2.0 Fast\",\"type\":\"video\",\"from\":\"byteplus\",\"value\":\"doubao-seedance-2-0-fast-260128\",\"icon_url\":\"https://cdn.gooo.ai/assets/seedance.png\",\"providers\":[\"byteplus\"],\"input_token_limit\":128000,\"output_token_limit\":0,\"extra\":{}},\"claude-4-7-opus\":{\"title\":\"Claude Opus 4.7\",\"type\":\"reasoning\",\"from\":\"anthropic\",\"value\":\"claude-4-7-opus\",\"providers\":[\"anthropic\",\"bedrock\"],\"input_token_limit\":200000,\"output_token_limit\":64000,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_claude.png\",\"extra\":{\"paid_user_only\":true,\"display_thinking_tag\":true}},\"kimi-k2.6\":{\"title\":\"Kimi K2.6\",\"type\":\"reasoning\",\"from\":\"moonshot\",\"value\":\"kimi-k2.6\",\"providers\":[\"moonshot\"],\"input_token_limit\":262144,\"output_token_limit\":30000,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_kimi.png\",\"extra\":{\"disable_image_input\":false,\"paid_user_only\":false}},\"gpt-image-2-2026-04-21\":{\"title\":\"GPT Image 2\",\"type\":\"image\",\"from\":\"openai\",\"value\":\"gpt-image-2-2026-04-21\",\"providers\":[\"openai\",\"aihubmix\"],\"input_token_limit\":128000,\"output_token_limit\":0,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_chatgpt.png\",\"extra\":{}},\"gpt-5-5\":{\"title\":\"GPT-5.5\",\"type\":\"reasoning\",\"from\":\"openai\",\"value\":\"gpt-5-5\",\"providers\":[\"openai\",\"aihubmix\",\"azure\"],\"input_token_limit\":400000,\"output_token_limit\":64000,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_chatgpt.png\",\"extra\":{\"paid_user_only\":true}},\"deepseek-v4-pro\":{\"title\":\"DeepSeek V4 Pro\",\"type\":\"reasoning\",\"from\":\"deepseek\",\"value\":\"deepseek-v4-pro\",\"providers\":[\"deepseek\"],\"input_token_limit\":200000,\"output_token_limit\":32000,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_deepseek.png\",\"extra\":{\"disable_image_input\":true,\"prediction\":false,\"display_thinking_tag\":false}},\"deepseek-v4-flash\":{\"title\":\"DeepSeek V4 Flash\",\"type\":\"reasoning\",\"from\":\"deepseek\",\"value\":\"deepseek-v4-flash\",\"providers\":[\"deepseek\"],\"input_token_limit\":200000,\"output_token_limit\":32000,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_deepseek.png\",\"extra\":{\"disable_image_input\":true,\"prediction\":false,\"display_thinking_tag\":false}},\"gemini-3.1-flash-tts\":{\"title\":\"Gemini 3.1 Flash TTS\",\"type\":\"tts\",\"from\":\"google\",\"value\":\"gemini-3.1-fla"])</script><script>self.__next_f.push([1,"sh-tts\",\"providers\":[\"google\",\"vertexai\"],\"input_token_limit\":128000,\"output_token_limit\":0,\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_gemini.png\",\"extra\":{}},\"veo-3.1-generate-001\":{\"title\":\"Veo 3.1\",\"type\":\"video\",\"from\":\"google\",\"value\":\"veo-3.1-generate-001\",\"icon_url\":\"https://cdn.gooo.ai/assets/gemini-detail-icon.png\",\"input_token_limit\":128000,\"output_token_limit\":8192,\"providers\":[\"vertexai\"],\"extra\":{}},\"veo-3.1-fast-generate-001\":{\"title\":\"Veo 3.1 Fast\",\"type\":\"video\",\"from\":\"google\",\"value\":\"veo-3.1-fast-generate-001\",\"icon_url\":\"https://cdn.gooo.ai/assets/gemini-detail-icon.png\",\"input_token_limit\":128000,\"output_token_limit\":8192,\"providers\":[\"vertexai\"],\"extra\":{}},\"happyhorse-1.0\":{\"title\":\"HappyHorse 1.0\",\"type\":\"video\",\"from\":\"qwen\",\"value\":\"happyhorse-1.0\",\"providers\":[\"aliyun\"],\"input_token_limit\":0,\"output_token_limit\":0,\"icon_url\":\"https://cdn.gooo.ai/assets/model-icons/happyhorse-1.0.png\",\"extra\":{}},\"gemini-3.5-flash\":{\"title\":\"Gemini 3.5 Flash\",\"type\":\"reasoning\",\"from\":\"google\",\"value\":\"gemini-3.5-flash\",\"icon_url\":\"https://cdn.gooo.ai/assets/select_model_gemini.png\",\"providers\":[\"vertexai\"],\"input_token_limit\":1048576,\"output_token_limit\":65536,\"extra\":{\"fake_reasoning\":false,\"display_thinking_tag\":false,\"paid_user_only\":true,\"display_free\":false}}},\"PUBLIC_OFFLINE_WEB_PACKAGES\":[{\"name\":\"youweb\",\"url\":\"https://cdn.gooo.ai/offline-packages/production/youweb/d8aca820b6/d8aca820b6.zip\",\"shasum\":\"f3a204734420277d756be52aef513a59af9005ad07e82daab7056a608159e140\"}],\"PUBLIC_PRODUCT_TIER_LIMITS\":{\"free\":{\"file_size\":10485760,\"video_file_size\":0},\"pro\":{\"file_size\":104857600,\"video_file_size\":524288000},\"max\":{\"file_size\":524288000,\"video_file_size\":1073741824}},\"PUBLIC_PRODUCT_TIER_QUOTAS\":{\"free\":{\"storage\":107374182400,\"new_snip\":100,\"nano_banana_pro\":2,\"image_generation\":2,\"ppt_generate\":1},\"pro\":{\"storage\":107374182400},\"max\":{\"storage\":107374182400}},\"PUBLIC_SPRITE_MODELS\":[\"deepseek-v4-pro\",\"claude-4-6-opus\",\"gemini-3.1-pro-preview\"],\"PUBLIC_TOOL_AS_SKILL\":{\"learn\":{\"skillId\":\"019c274d-217c-71f8-ba62-770abf25c4a6\"},\"research\":{\"skillId\":\"019c2855-1439-71b5-8699-936ec99b13c7\"},\"write\":{\"skillId\":\"019c32a0-c571-74f0-8ae5-9262c15cced7\"},\"proxyWrite\":{\"skillId\":\"019c32a0-c571-74f0-8ae5-9262c15cced7\"},\"generateWebpage\":{\"skillId\":\"019c3256-2b1a-70c2-befb-eb606c2cee8c\"},\"imageGenerate\":{\"skillId\":\"019c4d56-f23a-78a7-9ebb-af41b8993a0e\"},\"slidesGenerate\":{\"skillId\":\"019c4d57-c814-7c20-8ee3-94ed9d19a2c6\"},\"dispatchArticle\":{\"skillId\":\"019d966e-8bdd-7238-9047-065b3e9f7344\"},\"videoGenerate\":{\"skillId\":\"019d4d32-6768-7b4c-a44a-e44789260a9f\"}},\"PUBLIC_TURNSTILE_EMAIL_WHITELIST_DOMAINS\":[\"163.com\",\"gmail.com\",\"proton.me\"],\"PUBLIC_YOUTUBE_BOARD_EXAMPLE_URL\":\"https://youtu.be/n3Xv_g3g-mA\"},\"idealPath\":\"$undefined\"}]]}]}]\n19:null\n1e:[[\"$\",\"title\",\"0\",{\"children\":\"การนำเสนอเชิงบรรณาธิการ-นิตยสาร - ทักษะ YouMind\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"สร้างงานนำเสนอ PowerPoint แบบพลิกหน้าแนวนอนบนเว็บในสไตล์ \\\"นิตยสารอิเล็กทรอนิกส์ × จออิงค์อิเล็กทรอนิกส์\\\" ที่มีพื้นหลังแบบ WebGL, ชื่อเรื่องแบบมีเชิง, ตารางรูปภาพ และอื่นๆ อีกมากมาย ช่วยให้คุณสร้างงานนำเสนอระดับมืออาชีพและแชร์ได้อย่างง่ายดาย\"}],[\"$\",\"meta\",\"2\",{\"name\":\"application-name\",\"content\":\"YouMind\"}],[\"$\",\"meta\",\"3\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"link\",\"4\",{\"rel\":\"canonical\",\"href\":\"https://youmind.com/th-TH/skills/magazine-style-web-ppt-54BKOuAPQRKStG\"}],[\"$\",\"link\",\"5\",{\"rel\":\"alternate\",\"hrefLang\":\"en-US\",\"href\":\"https://youmind.com/skills/magazine-style-web-ppt-54BKOuAPQRKStG\"}],[\"$\",\"link\",\"6\",{\"rel\":\"alternate\",\"hrefLang\":\"zh-CN\",\"href"])</script><script>self.__next_f.push([1,"\":\"https://youmind.com/zh-CN/skills/magazine-style-web-ppt-54BKOuAPQRKStG\"}],[\"$\",\"link\",\"7\",{\"rel\":\"alternate\",\"hrefLang\":\"zh-TW\",\"href\":\"https://youmind.com/zh-TW/skills/magazine-style-web-ppt-54BKOuAPQRKStG\"}],[\"$\",\"link\",\"8\",{\"rel\":\"alternate\",\"hrefLang\":\"ja-JP\",\"href\":\"https://youmind.com/ja-JP/skills/magazine-style-web-ppt-54BKOuAPQRKStG\"}],[\"$\",\"link\",\"9\",{\"rel\":\"alternate\",\"hrefLang\":\"ko-KR\",\"href\":\"https://youmind.com/ko-KR/skills/magazine-style-web-ppt-54BKOuAPQRKStG\"}],[\"$\",\"link\",\"10\",{\"rel\":\"alternate\",\"hrefLang\":\"th-TH\",\"href\":\"https://youmind.com/th-TH/skills/magazine-style-web-ppt-54BKOuAPQRKStG\"}],[\"$\",\"link\",\"11\",{\"rel\":\"alternate\",\"hrefLang\":\"vi-VN\",\"href\":\"https://youmind.com/vi-VN/skills/magazine-style-web-ppt-54BKOuAPQRKStG\"}],[\"$\",\"link\",\"12\",{\"rel\":\"alternate\",\"hrefLang\":\"hi-IN\",\"href\":\"https://youmind.com/hi-IN/skills/magazine-style-web-ppt-54BKOuAPQRKStG\"}],[\"$\",\"link\",\"13\",{\"rel\":\"alternate\",\"hrefLang\":\"es-ES\",\"href\":\"https://youmind.com/es-ES/skills/magazine-style-web-ppt-54BKOuAPQRKStG\"}],[\"$\",\"link\",\"14\",{\"rel\":\"alternate\",\"hrefLang\":\"es\",\"href\":\"https://youmind.com/es-419/skills/magazine-style-web-ppt-54BKOuAPQRKStG\"}],[\"$\",\"link\",\"15\",{\"rel\":\"alternate\",\"hrefLang\":\"de-DE\",\"href\":\"https://youmind.com/de-DE/skills/magazine-style-web-ppt-54BKOuAPQRKStG\"}],[\"$\",\"link\",\"16\",{\"rel\":\"alternate\",\"hrefLang\":\"fr-FR\",\"href\":\"https://youmind.com/fr-FR/skills/magazine-style-web-ppt-54BKOuAPQRKStG\"}],[\"$\",\"link\",\"17\",{\"rel\":\"alternate\",\"hrefLang\":\"it-IT\",\"href\":\"https://youmind.com/it-IT/skills/magazine-style-web-ppt-54BKOuAPQRKStG\"}],[\"$\",\"link\",\"18\",{\"rel\":\"alternate\",\"hrefLang\":\"pt-BR\",\"href\":\"https://youmind.com/pt-BR/skills/magazine-style-web-ppt-54BKOuAPQRKStG\"}],[\"$\",\"link\",\"19\",{\"rel\":\"alternate\",\"hrefLang\":\"pt-PT\",\"href\":\"https://youmind.com/pt-PT/skills/magazine-style-web-ppt-54BKOuAPQRKStG\"}],[\"$\",\"link\",\"20\",{\"rel\":\"alternate\",\"hrefLang\":\"tr-TR\",\"href\":\"https://youmind.com/tr-TR/skills/magazine-style-web-ppt-54BKOuAPQRKStG\"}],[\"$\",\"link\",\"21\",{\"rel\":\"alternate\",\"hrefLang\":\"x-default\",\"href\":\"https://youmind.com/skills/magazine-style-web-ppt-54BKOuAPQRKStG\"}],[\"$\",\"meta\",\"22\",{\"property\":\"og:title\",\"content\":\"การนำเสนอเชิงบรรณาธิการ-นิตยสาร - ทักษะ YouMind\"}],[\"$\",\"meta\",\"23\",{\"property\":\"og:description\",\"content\":\"สร้างงานนำเสนอ PowerPoint แบบพลิกหน้าแนวนอนบนเว็บในสไตล์ \\\"นิตยสารอิเล็กทรอนิกส์ × จออิงค์อิเล็กทรอนิกส์\\\" ที่มีพื้นหลังแบบ WebGL, ชื่อเรื่องแบบมีเชิง, ตารางรูปภาพ และอื่นๆ อีกมากมาย ช่วยให้คุณสร้างงานนำเสนอระดับมืออาชีพและแชร์ได้อย่างง่ายดาย\"}],[\"$\",\"meta\",\"24\",{\"property\":\"og:image\",\"content\":\"https://cdn.gooo.ai/web-images/a788cce45475d2ab9f2eadb9fdf729f674429b18025752fa0e40305d90019599\"}],[\"$\",\"meta\",\"25\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"26\",{\"name\":\"twitter:title\",\"content\":\"การนำเสนอเชิงบรรณาธิการ-นิตยสาร - ทักษะ YouMind\"}],[\"$\",\"meta\",\"27\",{\"name\":\"twitter:description\",\"content\":\"สร้างงานนำเสนอ PowerPoint แบบพลิกหน้าแนวนอนบนเว็บในสไตล์ \\\"นิตยสารอิเล็กทรอนิกส์ × จออิงค์อิเล็กทรอนิกส์\\\" ที่มีพื้นหลังแบบ WebGL, ชื่อเรื่องแบบมีเชิง, ตารางรูปภาพ และอื่นๆ อีกมากมาย ช่วยให้คุณสร้างงานนำเสนอระดับมืออาชีพและแชร์ได้"])</script><script>self.__next_f.push([1,"อย่างง่ายดาย\"}],\"$L43\",\"$L44\",\"$L45\"]\n"])</script><script>self.__next_f.push([1,"46:I[938307,[\"/_next/static/chunks/02zfpyi.5c7iv.js\",\"/_next/static/chunks/0.2kqgmoirc9z.js\"],\"IconMark\"]\n43:[\"$\",\"meta\",\"28\",{\"name\":\"twitter:image\",\"content\":\"https://cdn.gooo.ai/web-images/a788cce45475d2ab9f2eadb9fdf729f674429b18025752fa0e40305d90019599\"}]\n44:[\"$\",\"link\",\"29\",{\"rel\":\"icon\",\"href\":\"/static/assets/favicon.ico\"}]\n45:[\"$\",\"$L46\",\"30\",{}]\n"])</script><title>การนำเสนอเชิงบรรณาธิการ-นิตยสาร - ทักษะ YouMind