ฉันต้องการทำ Retake Board แบบ localhost (HTML ธรรมดา + เสิร์ฟด้วย Node.js + เก็บข้อมูลเป็น JSON ไม่ต้องมี DB)

1. ชุดแรกบนบอร์ด
   - ถ้าเป็นวิดีโอ: ตัดเป็นช็อตอัตโนมัติ (scene detection) การ์ดละ 1 ช็อต พร้อมแคปเฟรมแรก (Shot Start) ไว้ใช้เป็น ref
   - มี option "แคป Shot Start": หลัง Split Scene ให้แคปภาพเฟรมแรกของแต่ละ Shot ในวิดีโอขึ้นโชว์บนการ์ด
     (เปิด/ปิดได้ · กดแคปใหม่ได้ถ้าเฟรมแรกไม่ชัด · เลือกเวลาเฟรมที่จะแคปเองได้)
     ภาพ Shot Start นี้ใช้เป็น ref ตอนแก้ภาพ/แก้วิดีโอของช็อตนั้น

2. ระบบรอบ (1 คำสั่งเจน = 1 รอบบนบอร์ด แม้อยู่ session เดียวกัน)
   - ส่งขึ้นบอร์ดเฉพาะงานของคำสั่งล่าสุด ไม่ต้องส่งงานเก่ามา
   - ถ้าสั่งแก้/ทำใหม่บางช็อต รอบใหม่ต้องมีครบทุกช็อตของรอบนั้น
     (ช็อตที่ผ่านแล้วยกมาเหมือนเดิม + ช็อตที่แก้แล้วมาแทนที่ตำแหน่งเดิม)
   - เลข Take นับแยกต่อช็อต ไล่ไปตามจำนวนครั้งที่แก้:
     ต้นฉบับ = Take 1 → แก้รอบที่ 1 = Take 2 → แก้รอบที่ 2 = Take 3 … (แก้ n ครั้ง = Take n+1)
     ช็อตไหนไม่ได้แก้ Take ไม่ขยับ · แก้ภาพหรือแก้วิดีโอก็นับเป็น 1 ครั้งเท่ากัน
   - ติดป้าย Take บนการ์ด และขึ้นชื่อไฟล์ตามเลข Take (เช่น shot-03-take-2)
     Take เก่าเก็บไว้ใน JSON ไม่ลบทิ้ง · มีแถบ Take 1 / Take 2 / Take 3 … ให้กดดูย้อนหลังและเทียบกันได้

3. การ์ด (template เดียว ใช้ได้ทั้งภาพและวิดีโอ)
   - การ์ดละ 1 media: รอบภาพ → โชว์ภาพ, รอบวิดีโอ → โชว์วิดีโอเล่นได้ (ดูจากชนิดงานของรอบนั้น)
   - เรียงตามลำดับที่สั่งเจน พร้อมชื่อกำกับทุกช็อต · แถวละ 1 การ์ด เรียงการ์ดเป็นแต่ละบรรทัด (การ์ด ปุ่มหรือ option ต่าง ๆ จะเป็นแนวนอน)
   - ภาพแสดงตามสัดส่วนจริง · คลิกภาพ/วิดีโอแล้วเปิดเป็น layer เต็มจอในหน้าเดิม (ไม่เปิดแท็บใหม่)
     กดพื้นที่ว่างเพื่อกลับบอร์ด
   - Prompt พร้อมปุ่ม copy
   - Settings แยกช่อง ป้ายภาษาอังกฤษ ห้ามโชว์ JSON ดิบ:
     Model · Mode (text-to-image / image-to-image / text-to-video / image-to-video) · Aspect Ratio ·
     Resolution (1K/2K/4K/8K · 480p/720p/1080p) · File Type · Duration (เฉพาะวิดีโอ) · Cost (เครดิต)
   - Cost อ่านจาก creditsUsed ใน manifest.json ของแต่ละไฟล์ (เครดิตจริงที่ถูกหัก ห้าม hardcode ตารางราคา)
     งานที่ยิงจากบอร์ดต้องบันทึก creditsUsed ลง manifest.json ด้วย

4. รีวิวต่อช็อต: ผ่าน / ไม่ผ่าน / ทำใหม่ / แก้ไขเดิม (เปลี่ยนสถานะได้ตลอด ไม่ล็อก)
   - ทุกการ์ดมีช่องคอมเมนต์ "แก้งาน" 1 ช่อง
   - เลือก "ทำใหม่" หรือ "แก้ไขเดิม" แล้วโชว์สวิตช์ แก้ภาพ / แก้วิดีโอ
     - แก้ภาพ: เลือกโมเดล (Nano Banana 2 Lite / Nano Banana Pro / Nano Banana 2.1 / GPT Image 2) + ความละเอียด
     - แก้วิดีโอ: เลือกโมเดล (Grok Imagine Video 1.5 เป็นค่าเริ่มต้น / Seedance 2.5) + ความละเอียด (480p/720p) + วินาที (1–30)
       ใช้เฟรมแรกของช็อตเป็น ref เสมอ ถ้ามีภาพที่แก้แล้วให้ใช้ Take ภาพล่าสุดแทน

5. ปุ่ม "+ เพิ่มเข้าคิว Retake" บนการ์ด: กดแล้วบอร์ดยิงสร้างบน ZenityX Studio ให้อัตโนมัติ ไม่ต้องคัดลอกกลับมาวางในแชท
   - แปลคอมเมนต์ "แก้งาน" ภาษาไทยเป็น prompt อังกฤษ แก้เฉพาะที่สั่ง คงตัวละคร ฉาก สินค้า แสงเดิม
   - สถานะบนการ์ด: รอคิว → กำลังสร้าง… → เสร็จแล้ว

6. [copy as path] api key เป็นไฟล์ .env ของทาง https://studio.zenityx.com/app เพื่อเชื่อมต่อกับบอร์ดได้โดยตรง

เสร็จแล้วเปิด preview บอร์ดให้ฉันดูได้เลย

ทำ Prop / Product Sheet ให้หน่อย ผ่าน ZenityX MCP (สรุปโมเดล + เครดิตให้ดูก่อนยิง)
สินค้า/สิ่งของ: [ชื่อ] · แบรนด์: [ชื่อแบรนด์ ตัวสะกดที่ถูกต้อง] · รูปอ้างอิง: [path รูปสินค้า]
โมเดล nano-banana-pro · 4K · 16:9
ช่วยเติมช่อง [ ] ใน prompt จากรูปจริงให้ครบก่อนยิง

CREATE A PREMIUM 16:9 PRODUCT PROP SHEET / ORTHOGRAPHIC TURNAROUND FOR ONE ORIGINAL PRODUCT: [PRODUCT NAME] BY [BRAND NAME].
REFERENCE: PRESERVE THE EXACT PRODUCT IDENTITY FROM THE ATTACHED REFERENCE: SILHOUETTE, PROPORTIONS, MATERIALS, COLORS, LOGO PLACEMENT, LABEL ARTWORK, AND SIGNATURE DETAILS. DO NOT REDESIGN THE PRODUCT UNLESS EXPLICITLY REQUESTED.
LAYOUT: A CLEAN HORIZONTAL 16:9 PRESENTATION BOARD IN AN EVEN 3-COLUMN × 2-ROW GRID, WITH THIN WHITE GUTTERS, CONSISTENT SCALE, BALANCED SPACING, AND A FLAT NEUTRAL LIGHT-GRAY SEAMLESS STUDIO BACKGROUND.
VIEWS:
1. FRONT STRAIGHT-ON FULL PRODUCT
2. FRONT THREE-QUARTER HERO VIEW
3. [SPECIAL TECHNICAL VIEW: BOTTOM / TOP / OUTSOLE / BASE]
4. REAR FULL PRODUCT
5. FRONT-DETAIL MACRO CLOSE-UP
6. [SECONDARY MACRO CLOSE-UP: MATERIAL / LABEL / LOGO / MECHANISM]
PRODUCT DESIGN: [DESCRIBE THE PRODUCT'S FORM, FUNCTION, DIMENSIONS, CONSTRUCTION, AND SIGNATURE MOTIF.]
BRANDING: SHOW THE EXACT WORDMARK "[BRAND NAME]" ONLY WHERE SPECIFIED: [PLACEMENT]. DO NOT ADD OTHER BRAND NAMES, LOGOS, SLOGANS, RANDOM COPY, OR WATERMARK.
COLOR PALETTE: [PRIMARY COLOR] DOMINANT, WITH [ACCENT COLOR] USED SELECTIVELY. [OPTIONAL ADDITIONAL COLOR] ONLY FOR FUNCTIONAL CONTRAST.
MATERIALS: [LIST EXACT MATERIALS AND FINISHES.] RENDER ACCURATE TEXTURE, THICKNESS, EDGES, REFLECTIONS, AND CONSTRUCTION DETAILS.
DETAIL PRIORITY: MAKE [KEY DETAIL] CLEARLY VISIBLE IN MACRO PANELS. KEEP [OTHER IMPORTANT DETAIL] CONSISTENT ACROSS EVERY ANGLE.
STYLE: ULTRA-SHARP PHOTOREALISTIC HIGH-END 3D PRODUCT RENDER, CRISP ANTIALIASED EDGES, REALISTIC MATERIALS, CONTROLLED REFLECTIONS, SOFT EVEN STUDIO LIGHTING, SUBTLE CONTACT SHADOWS, PREMIUM INDUSTRIAL-DESIGN PRESENTATION BOARD.
CONSTRAINTS: ONE IDENTICAL PRODUCT ACROSS ALL PANELS; FULL OBJECT VISIBLE WHEN APPLICABLE; CLEAN NON-PIXELATED QUALITY; PRECISE GEOMETRY; NO DISTORTION.
AVOID: UNRELATED PROPS, PEOPLE, HANDS, TABLE SCENES, EXTRA PRODUCTS, DUPLICATE VIEWS, WARPED GEOMETRY, ILLEGIBLE FAKE TEXT, EXISTING THIRD-PARTY BRANDS, TRADEMARKS, LOGOS, WATERMARKS, CLUTTERED BACKGROUNDS.

สร้าง skill ชื่อ CinematicAgent
รวมทุกขั้นที่เราทำมาตั้งแต่แรก ให้เป็นผู้ช่วยแบบ "คุณถาม ฉันตอบ" ตั้งแต่ต้นจนจบ:
ใส่บทหนัง → สร้างตัวละคร / สถานที่ / สิ่งของ → ทำภาพสตอรี่บอร์ด → คิด prompt สำหรับโมเดล Seedance 2.5 → สร้างวิดีโอ → Retake บน Retake Board

- รูปแบบการถาม: ถามเป็นตัวเลือกให้กดเลือก หรือให้ตอบสั้น ๆ ทีละชุด แล้วรอคำตอบ ครั้งละไม่เกิน 4 ข้อ ใส่ค่าที่แนะนำเป็นตัวเลือกแรก ให้กรอกง่าย ๆ
- ขั้น 0 เตรียมพร้อม: check_credits · เช็คว่ามี Retake Board (localhost) ในโปรเจกต์แล้ว ถ้ายังไม่มีให้สร้างตามสเปก Setup 4 ก่อน แล้วเปิด preview ให้ฉันดู
- ขั้น 1 บทหนัง: ให้ฉันวางบทหนัง (ที่เขียนไว้แล้ว) หรือถามข้อมูล 7 ข้อ (จะทำอะไร · สไตล์ภาพ · เนื้อเรื่องสำคัญ · ความยาว · aspect ratio · ไม่เอาตัวหนังสือ/ซับไตเติ้ล · คิด transition + มุมกล้อง) แล้วช่วยเขียนบทแบ่งช็อต
- ขั้น 2 Materials: ตัวละครใช้สกิล CharacterSheetForCinematic ทีละตัว · Props ใช้สกิล PropsSheetForCinematic · Product ใช้สกิล ProductsSheetForCinematic · สถานที่ใช้สกิล LocationSheetForCinematic (nano-banana · 4K · 16:9)
- ขั้น 3 Storyboard: nano banana 2.1 · 4K · 1 ภาพ 6 ช็อต · ทุกช่องตรงขนาดที่กำหนด ห้าม crop · ห้ามใส่เลขช็อตในภาพ · สรุปก่อนเจน
  เจนทีละภาพตามลำดับเรื่อง · ครบแล้วสรุปภาพทั้งหมดให้ฉันดูในแชทก่อนไปขั้น 4
- ขั้น 4 Prompt Seedance 2.5: คิดความยาวแต่ละภาพให้เหมาะ (สูงสุด 30 วิ/คลิป) สรุปเป็นตาราง · ไม่มีเพลง มีแค่เสียงเอฟเฟกต์ + บทพูด · บทพูดไทยเติม "พูดภาษาไทย"
- ขั้น 5 สร้างวิดีโอ: เริ่มภาพที่ 1 ก่อน · ยาวตามที่กำหนดใน prompt · 480p · แนบ storyboard + ตัวละคร + สถานที่ + props · สรุปก่อนเจน
  เจนเสร็จแต่ละคลิปให้ส่งขึ้นบอร์ด (1 คำสั่งเจน = 1 รอบ) และบันทึก creditsUsed ลง manifest.json
- ขั้น 6 Retake: ส่งวิดีโอขึ้น Retake Board → ตัดเป็นช็อต (scene detection) → ฉันรีวิว ผ่าน / ไม่ผ่าน / ทำใหม่ / แก้ไขเดิม
  เลือกแก้ภาพหรือแก้วิดีโอ แล้วกดยิงสร้างบน ZenityX Studio ได้จากบนบอร์ดเลย (Take 2, 3 …) · รอบใหม่ต้องมีครบทุกช็อต
- ใช้ Retake Board เฉพาะขั้นวิดีโอ (ขั้น 5–6) ผ่านสกิล EditAndRetakeBoard · ภาพทุกชนิดไม่ต้องขึ้นบอร์ด · ไปขั้นถัดไปได้เมื่อทุกช็อตในรอบล่าสุดเป็น "ผ่าน" หรือฉันสั่งให้ไปต่อ
- จบแต่ละขั้นให้บอกเสมอว่า "ขั้นต่อไปคือ …" แล้วรอฉันพิมพ์ไปต่อ
- ก่อนเจนทุกครั้ง แจ้งเครดิตโดยประมาณ + check_credits
- เก็บสถานะงานไว้ใน project.json เพื่อเปิด session ใหม่แล้วทำต่อได้ และอัปเดตไฟล์บันทึกโปรเจกต์ (CLAUDE.md / AGENTS.md) ตอนจบ
วางแผนให้ดูก่อน แล้วค่อยเขียนไฟล์สกิล