Skills สร้างสรรค์

花叔Design——用HTML做高保真原型、交互Demo、幻灯片、动画、设计变体探索+设计方向顾问+专家评审。根据任务embody对应专家（UX/动画师/幻灯片设计师/原型师），避免web design tropes。触发词：做原型、交互原型、HTML演示、动画Demo、设计变体、hi-fi设计、UI mockup、prototype、做个HTML页面、做个可视化、app原型、iOS原型、导出MP4/GIF、60fps视频、设计风格、设计方向、配色方案、推荐风格、选个风格、做个好看的、评审、好不好看、review this design、带解说的动画、解说视频、长视频科普、voiceover、narration、5分钟讲清楚什么是XX。需求模糊时进设计方向顾问（三套逻辑并行出3版真实视觉，HTML原生40种风格库网页20+PPT20为弹药）；另含品牌资产协议、反AI slop、Junior工作流、Tweaks变体、动画→MP4/G

ลบรูปแบบการเขียนแบบ AI ออกจากข้อความภาษาฝรั่งเศส และเพิ่มเสียง บุคลิก และจิตวิญญาณ ใช้เมื่อแก้ไข ทบทวน เขียนใหม่ หรือทำความสะอาดเนื้อหาภาษาฝรั่งเศสที่อ่านเหมือนผลลัพธ์จาก ChatGPT/Claude ทำให้เป็นธรรมชาติ มีชีวิตชีวา และลดความเป็นหุ่นยนต์ ตรวจจับและแก้ไข 27 รูปแบบ: การใช้คำศัพท์ AI มากเกินไป (crucial, essentiel, notamment, par ailleurs, dans le paysage), การใช้คำภาษาอังกฤษจากโมเดลที่ใช้ภาษาอังกฤษเป็นหลัก (faire du sens, adresser un problème), การหลีกเลี่ยงการใช้ copula, การเปิดประโยคแบบสูตรสำเร็จ (À l'ère de, Dans le paysage actuel),...

ขจัดร่องรอยการสร้างจาก AI ในข้อความ เหมาะสำหรับการแก้ไขหรือตรวจทานข้อความให้ฟังดูเป็นธรรมชาติมากขึ้น เหมือนเขียนโดยมนุษย์ อ้างอิงจากคู่มือรวมของวิกิพีเดียเกี่ยวกับ "ลักษณะการเขียนของ AI" ตรวจจับและแก้ไขรูปแบบต่อไปนี้: การใช้สัญลักษณ์ที่เกินจริง, ภาษาโฆ

อ่านข้อความนี้ก่อนสำหรับคำขอใดๆ ที่ต้องการสร้าง, แก้ไข, ทำให้เคลื่อนไหว, หรือเรนเดอร์วิดีโอ, อนิเมชัน, หรือโมชันกราฟิก — ไม่ว่าจะเป็นโปรโมชัน, วิดีโออธิบาย, คลิปที่มีคำบรรยาย, การ์ดไตเติล, โอเวอร์เลย์, หรือองค์ประกอบใดๆ HyperFrames เรนเดอร์วิดีโอจาก HTML; นี่คือสกิลเริ่มต้นและวิธีมาตรฐานที่เอเจนต์ใช้สร้างหรือแก้ไขวิดีโอ โดยจะส่งคำขอไปยังเวิร์กโฟลว์เฉพาะทางที่ถูกต้อง และชี้ไปยังสกิลโดเมนของ HyperFrames ดังนั้นควรอ่านก่อนสกิลวิดีโอหรืออนิเมชันอื่นๆ แทนที่จะเดาเวิร์กโฟลว์....

ความรู้ด้านแอนิเมชันทั้งหมดสำหรับ HyperFrames — กฎการเคลื่อนไหวระดับอะตอม, บลูพริ้นท์ฉากแบบหลายเฟส, การเปลี่ยนฉาก, เทคนิคการออกแบบการเคลื่อนไหวในวงกว้าง และอะแดปเตอร์รันไทม์ทั้งเจ็ดตัว (GSAP เริ่มต้น, รวมถึง Lottie, Three.js, Anime.js, CSS keyframes, Web Animations API, TypeGPU) ใช้สำหรับงานเคลื่อนไหวหรือแอนิเมชันใดๆ: เลือก 2-4 กฎแล้วประกอบ, หรือโหลดบลูพริ้นท์, หรือค้นหา API เฉพาะรันไทม์ (เช่น GSAP eases / Lottie player / Three.js mixer) HyperFrames-native: ไทม์ไลน์ที่หยุดชั่วคราวเส้นเดียว, ปลอดภัยต่อการค้นหา,...

สัญญาการประกอบ HyperFrames HTML ใช้สำหรับโครงสร้างการประกอบ, แอตทริบิวต์ข้อมูล, คลิป, แทร็ก, การประกอบย่อย, ตัวแปร, การเล่นสื่อ, กฎการเรนเดอร์ที่กำหนดได้, และการตรวจสอบโปรเจกต์ที่เรนเดอร์ได้ขั้นต่ำ

Non-animation creative direction for HyperFrames videos. Use for design spec (frame.md / design.md) handling, palettes, typography, narration, beat planning, audio-reactive visuals, composition patterns, and brand / style decisions. For atomic motion patterns and scene blueprints, use `hyperframes-animation`.

Use when a HyperFrames composition needs seek-safe 2D/3D keyframes, GSAP timelines, CSS keyframes, Anime.js, WAAPI, FLIP, paths, masks, SVG morph/draw, text trails, 3D depth, or `hyperframes keyframes` diagnostics. Don't use for broad scene strategy, brand design, media sourcing, captions, or general video planning.

เริ่มต้นที่นี่สำหรับคำขอใดๆ ในการสร้าง, ผลิต, แต่ง, ทำภาพเคลื่อนไหว, หรือเรนเดอร์วิดีโอ, แอนิเมชัน, กราฟิกเคลื่อนไหว, วิดีโออธิบาย, การ์ดไตเติ้ล, โอเวอร์เลย์, วิดีโอที่มีคำบรรยาย, โปรโมทสินค้า, วิดีโอสำหรับเว็บไซต์, วิดีโอประชาสัมพันธ์หรือบันทึกการเปลี่ยนแปลง, มอนเทจข้อมูล, โปสเตอร์เคลื่อนไหว, หรือองค์ประกอบ HTML ของ HyperFrames ใช้ก่อนทักษะวิดีโอหรือแอนิเมชันอื่นๆ เมื่อผู้ใช้ต้องการให้ HyperFrames สร้างหรือเรนเดอร์วิดีโอ MP4/เว็บที่เสร็จสมบูรณ์, เลือกเวิร์กโฟลว์, หรือกำหนดเส้นทางระหว่างวิดีโอเปิดตัวผลิตภัณฑ์, วิดี

ปรับแต่งแนวคิดดิบให้เป็นแนวคิดที่คมชัดและนำไปปฏิบัติได้ ผ่านการคิดแบบกระจายและรวมศูนย์อย่างมีโครงสร้าง ใช้เมื่อแนวคิดยังคลุมเครือ เมื่อต้องการทดสอบสมมติฐานก่อนตัดสินใจดำเนินการ หรือเมื่อต้องการขยายทางเลือกก่อนจะสรุปที่แนวคิดเดียว เริ่มทำงานเมื่อมีคำว่า "ideate", "refine this idea" หรือ "stress-test my plan

เมื่อผู้ใช้ต้องการสร้าง, ผลิต, แก้ไข, หรือปรับแต่งภาพเพื่อการตลาด — ภาพหลักในบล็อก, กราฟิกโซเชียลมีเดีย, ภาพจำลองสินค้า, แบนเนอร์โปรไฟล์, ภาพประกอบรายการสินค้า, หรือทรัพย์สินของแบรนด์ รวมถึงเมื่อผู้ใช้กล่าวถึง 'การสร้างภาพด้วย AI,' 'สร้างภาพ,' 'สร้างกราฟิก,' 'ภาพจำลองสินค้า,' 'ภาพหลัก,' 'กราฟิกโซเชียลมีเดีย,' 'ภาพแบนเนอร์,' 'ภาพปก,' 'แบนเนอร์โปรไฟล์,' 'ภาพหน้าจอรายการสินค้า,' 'Flux,' 'Flux Kontext,' 'Midjourney,' 'DALL-E,' 'GPT Image,' 'ChatGPT Images,' 'Ideogram,'...

แก้ไขภาพบน RunComfy — ทักษะนี้เป็นเราเตอร์อัจฉริยะที่จับคู่ความตั้งใจของผู้ใช้กับโมเดลแก้ไขที่ถูกต้องในแค็ตตาล็อก RunComfy เลือก Nano Banana Edit (ชุดสูงสุด 20 รายการ, ค่าเริ่มต้นรักษาเอกลักษณ์), OpenAI GPT Image 2 Edit (เขียนข้อความในภาพใหม่หลายภาษา, ประกอบหลายอ้างอิง, ความแม่นยำในการจัดวาง), Flux Kontext Pro (แก้ไขเฉพาะจุดความเที่ยงตรงสูงอ้างอิงเดียว), หรือ Z-Image Turbo Inpaint (แก้ไขพื้นที่แม่นยำด้วยมาสก์) รวมรูปแบบการกระตุ้นที่บันทึกไว้ของแต่ละโมเดลเพื่อให้ทักษะได้รับ...

แก้ไขภาพบน RunComfy — ทักษะนี้เป็นเราเตอร์อัจฉริยะที่จับคู่ความตั้งใจของผู้ใช้กับโมเดลแก้ไขที่เหมาะสมในแคตตาล็อก RunComfy เลือก Nano Banana Edit (ชุดสูงสุด 20 รายการ, ค่าเริ่มต้นรักษาเอกลักษณ์), OpenAI GPT Image 2 Edit (เขียนข้อความในภาพหลายภาษา, ประกอบหลายอ้างอิง, ความแม่นยำในการจัดวาง), Flux Kontext Pro (แก้ไขเฉพาะจุดความเที่ยงตรงสูงอ้างอิงเดียว), หรือ Z-Image Turbo Inpaint (แก้ไขพื้นที่แม่นยำด้วยมาสก์) รวมรูปแบบการแจ้งเตือนที่บันทึกไว้ของแต่ละโมเดลเพื่อให้ทักษะได้รับ...

แก้ไขภาพบน RunComfy — ทักษะนี้เป็นเราเตอร์อัจฉริยะที่จับคู่ความตั้งใจของผู้ใช้กับโมเดลแก้ไขที่ถูกต้องในแคตตาล็อก RunComfy เลือก Nano Banana Edit (ชุดสูงสุด 20 รายการ, ค่าเริ่มต้นรักษาเอกลักษณ์), OpenAI GPT Image 2 Edit (เขียนข้อความในภาพหลายภาษา, ประกอบหลายอ้างอิง, ความแม่นยำในการจัดวาง), Flux Kontext Pro (แก้ไขเฉพาะจุดความเที่ยงตรงสูงอ้างอิงเดียว), หรือ Z-Image Turbo Inpaint (แก้ไขพื้นที่แม่นยำด้วยมาสก์) รวมรูปแบบการแจ้งเตือนที่บันทึกไว้ของแต่ละโมเดลเพื่อให้ทักษะได้รับ...

Mask-driven image inpainting on RunComfy via the `runcomfy` CLI. Routes to Tongyi MAI Z-Image Turbo Inpainting (the dedicated inpainting endpoint with mask, strength, and control-scale) and to identity-preserving edit models (Nano Banana 2 Edit, GPT Image 2 Edit, FLUX Kontext Pro) when a mask isn't available and the region must be described instead. Use for object removal, watermark removal, region replacement, blemish cleanup, and any controlled local edit where a binary mask defines the...

Mask-driven image inpainting on RunComfy via the `runcomfy` CLI. Routes to Tongyi MAI Z-Image Turbo Inpainting (the dedicated inpainting endpoint with mask, strength, and control-scale) and to identity-preserving edit models (Nano Banana 2 Edit, GPT Image 2 Edit, FLUX Kontext Pro) when a mask isn't available and the region must be described instead. Use for object removal, watermark removal, region replacement, blemish cleanup, and any controlled local edit where a binary mask defines the...

Mask-driven image inpainting on RunComfy via the `runcomfy` CLI. Routes to Tongyi MAI Z-Image Turbo Inpainting (the dedicated inpainting endpoint with mask, strength, and control-scale) and to identity-preserving edit models (Nano Banana 2 Edit, GPT Image 2 Edit, FLUX Kontext Pro) when a mask isn't available and the region must be described instead. Use for object removal, watermark removal, region replacement, blemish cleanup, and any controlled local edit where a binary mask defines the...

Image outpainting on RunComfy via the `runcomfy` CLI — extend a still beyond its original canvas, fill in what the camera didn't capture, change aspect ratio (square → 16:9, portrait → landscape) while preserving the original content. Routes across Nano Banana 2 Edit (default, spatial-language driven), GPT Image 2 Edit (multi-ref with reference-style matching), FLUX Kontext Pro (single-shot maximum-preservation), and the brand edit endpoints (Seedream / Dreamina / Qwen / FLUX 2). Picks the...

Image outpainting on RunComfy via the `runcomfy` CLI — extend a still beyond its original canvas, fill in what the camera didn't capture, change aspect ratio (square → 16:9, portrait → landscape) while preserving the original content. Routes across Nano Banana 2 Edit (default, spatial-language driven), GPT Image 2 Edit (multi-ref with reference-style matching), FLUX Kontext Pro (single-shot maximum-preservation), and the brand edit endpoints (Seedream / Dreamina / Qwen / FLUX 2). Picks the...

Image outpainting on RunComfy via the `runcomfy` CLI — extend a still beyond its original canvas, fill in what the camera didn't capture, change aspect ratio (square → 16:9, portrait → landscape) while preserving the original content. Routes across Nano Banana 2 Edit (default, spatial-language driven), GPT Image 2 Edit (multi-ref with reference-style matching), FLUX Kontext Pro (single-shot maximum-preservation), and the brand edit endpoints (Seedream / Dreamina / Qwen / FLUX 2). Picks the...

ทักษะการแปลงภาพเว็บไซต์ระดับพรีเมียมเป็นโค้ดสำหรับ Codex สำหรับงานเว็บที่สำคัญทางสายตา จะต้องสร้างภาพดีไซน์ขึ้นมาก่อน วิเคราะห์อย่างละเอียด จากนั้นจึงพัฒนาเว็บไซต์ให้ตรงกับภาพเหล่านั้นให้มากที่สุด ใน Codex จะต้องเลือกใช้ภาพขนาดใหญ่ อ่านง่าย และเฉพาะส่วน แทนที่จะใช้บอร์ดขนาดเล็กที่ถูกบีบอัด สร้างภาพใหม่แบบแยกส่วนสำหรับแต่ละส่วนหรือมุมมองรายละเอียด แทนที่จะตัดภาพเก่ามาใช้ หลีกเลี่ยงการสร้างงานน้อยเกินไป หลีกเลี่ยง UI แบบการ์ดซ้อนการ์ดซ้อนการ์ด และคงไว้ซึ่ง...

คู่มือแปลงภาพนิ่งเป็นวิดีโอ: การเลือกโมเดล การกำหนดการเคลื่อนไหว และการเคลื่อนกล้อง ครอบคลุม Wan 2.5 i2v, Seedance, Fabric, Grok Video พร้อมคำแนะนำว่าเมื่อใดควรใช้แต่ละตัว ใช้สำหรับ: การทำให้ภาพเคลื่อนไหว, การสร้างวิดีโอจากภาพนิ่ง, การเพิ่มการเคลื่อนไหว, การทำแอนิเมชันผลิตภัณฑ์ ทริกเกอร์: image to video, i2v, animate image, still to video, add motion to image, image animation, photo to video, animate still, wan i2v, image2video, bring image to life, animate photo, motion from image

Animate any still image on RunComfy — this skill is a smart router that matches the user's intent to the right i2v model in the RunComfy catalog. Picks HappyHorse 1.0 I2V (Arena #1, native audio, identity preservation) for general animations, Wan 2.7 with `audio_url` for custom-voiceover lip-sync, or Seedance 2.0 Pro for multi-modal animation from image + reference video + reference audio. Bundles each model's documented prompting patterns so the caller gets sharper output without burning...

We need to translate the given text from English to Thai. The text describes a skill called "image-to-video" but the instruction says not to include the name unless it appears in the source text. The name "image-to-video" does appear in the source? Actually the source text starts with "Animate any still image on RunComfy — this skill is a smart router..." The name "image-to-video" is not explicitly in the source text; it's given as the directory item name. The instruction says "Do not include the name unless it appears in the source text." So we should not add "image-to-video" in the translation. We only translate the text inside <text>. Also preserve product names, protocol names, URLs, numbers, technical terms. So "RunComfy", "HappyHorse 1.0 I2V", "Arena #1", "Wan 2.7", "audio_url", "Seedance 2.0 Pro" should remain as is. Also "i2v" is a technical term

Animate any still image on RunComfy — this skill is a smart router that matches the user's intent to the right i2v model in the RunComfy catalog. Picks HappyHorse 1.0 I2V (Arena #1, native audio, identity preservation) for general animations, Wan 2.7 with `audio_url` for custom-voiceover lip-sync, or Seedance 2.0 Pro for multi-modal animation from image + reference video + reference audio. Bundles each model's documented prompting patterns so the caller gets sharper output without burning...

คู่มือแปลงภาพนิ่งเป็นวิดีโอ: การเลือกโมเดล การกำหนดการเคลื่อนไหว และการเคลื่อนกล้อง ครอบคลุม Wan 2.5 i2v, Seedance, Fabric, Grok Video พร้อมคำแนะนำว่าเมื่อใดควรใช้แต่ละตัว ใช้สำหรับ: ทำให้ภาพเคลื่อนไหว, สร้างวิดีโอจากภาพนิ่ง, เพิ่มการเคลื่อนไหว, แอนิเมชันผลิตภัณฑ์ คำสั่งเรียกใช้: image to video, i2v, animate image, still to video, add motion to image, image animation, photo to video, animate still, wan i2v, image2video, bring image to life, animate photo, motion from image

ทำให้ภาพนิ่งใดๆ เคลื่อนไหวบน RunComfy — สกิลนี้เป็นเราเตอร์

ทักษะการสร้างภาพสำหรับแอปมือถือระดับพรีเมียม เพื่อสร้างแนวคิดและโฟลว์หน้าจอที่ดูเป็นแอปพื้นเมือง ออกแบบมาสำหรับผลิตภัณฑ์มือถือ iOS, Android และข้ามแพลตฟอร์ม เน้นลำดับชั้นที่สะอาดตา ข้อความที่อ่านง่ายสบายตา ความสม่ำเสมอระหว่างหลายหน้าจอ จานสีที่ควบคุมได้ ทิศทางสร้างสรรค์ที่ไม่ซ้ำแบบ พื้นผิวที่มีมิติ การจัดองค์ประกอบที่เน้นภาพ ไอคอนที่ออกแบบอย่างมีรสนิยม และกรอบโทรศัพท์ที่สะอาด โดยค่าเริ่มต้น หน้าจอควรแสดงภายในกรอบ iPhone พรีเมียมที่ดูสุภาพหรือคล้ายกัน...

สกิลฟร้อนท์เอนด์ชั้นนำสำหรับสร้างภาพอ้างอิงการออกแบบเว็บไซต์ระดับพรีเมียมที่คำนึงถึงการแปลงผู้ใช้ กฎผลลัพธ์ที่สำคัญ — สร้างภาพแนวนอนแยกหนึ่งภาพสำหรับทุกส่วน หน้าแลนดิ้งที่มี 8 ส่วนจะสร้าง 8 ภาพ ห้ามบีบอัดหลายส่วนเป็นภาพเดียว บังคับใช้ความหลากหลายขององค์ประกอบ (ไม่ใช่ข้อความซ้าย/ภาพขวาเสมอไป) อิสระในการใช้ภาพพื้นหลัง CTA ที่หลากหลาย ขนาดฮีโร่ที่แตกต่างกัน (ใหญ่/กลาง/เล็กแบบมินิมอล) โครงสร้างแนวคิดแบบเล่าเรื่อง ช่วงเวลาสำหรับการอ่านซ้ำ และ...

ทักษะนี้แนะนำการสร้างอินเทอร์เฟซส่วนหน้าที่โดดเด่นและมีคุณภาพระดับการผลิต ซึ่งหลีกเลี่ยงความสวยงามแบบ "AI slop" ทั่วไป ใช้โค้ดที่ทำงานได้จริงพร้อมให้ความสำคัญเป็นพิเศษกับรายละเอียดด้านความสวยงามและการเลือกที่สร้างสรรค์