メニュー
Figma design → React/HTML 1:1 | สำหรับ designer, UX/UI หรือคนที่ต้อง . Triggers when user says (Thai/EN): 'figma to code', 'figma code'
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
Turn a talking-head clip (a single person to camera, usually shot on a phone) into a finished vertical 9:16 Thai-subtitled Instagram Reel that is built to go viral: word-by-word Thai captions with green keyword highlights, a 3-second hook, optional on-screen demo cards (SKILL.md editor, Claude Code chat, Excel, etc.), a follow + link-in-bio CTA, sound-effect accents, and a matching Reel cover. Use this whenever you have an .mp4 of a single person talking and want subtitles, a reel, "ตัดคลิป", "ทำ reel", "ใส่ซับ", "subtitle", captions, or a viral IG/TikTok video — even if the ask is just "ทำให้ หน่อย" with a clip attached. Also use it when editing or re-rendering a reel already made with this pipeline (color, captions, CTA, cover tweaks). Do NOT use it for building a video from scratch with no footage (that is HyperFrames), for non-Thai narration, or for multi-person edits.
caption IG/FB หลาย tone + CTA | สำหรับ นักเขียน คอนเทนต์ครีเอเตอร์ หร. Triggers when user says (Thai/EN): 'caption', 'แคปชั่น'
line-by-line edit + ปรับ tone | สำหรับ นักเขียน คอนเทนต์ครีเอเตอร์ หร. Triggers when user says (Thai/EN): 'copy edit', 'ขัดเกลา copy'
copy การตลาดสำหรับทุก page type | สำหรับ นักเขียน คอนเทนต์ครีเอเตอร์ หร. Triggers when user says (Thai/EN): 'copywriting', 'เขียน copy'
hooks 10 รูปแบบให้เลือกใช้ | สำหรับ นักเขียน คอนเทนต์ครีเอเตอร์ หร. Triggers when user says (Thai/EN): 'hook', 'ปัง 3 วิ'
LinkedIn posts + carousel + strategy | สำหรับ นักเขียน คอนเทนต์ครีเอเตอร์ หร. Triggers when user says (Thai/EN): 'LinkedIn post'
| name | figma-to-code-th |
| description | Figma design → React/HTML 1:1 | สำหรับ designer, UX/UI หรือคนที่ต้อง . Triggers when user says (Thai/EN): 'figma to code', 'figma code' |
🇹🇭 ดัดแปลงเป็นภาษาไทยจาก openai/skills · License: MIT
Figma design → React/HTML 1:1
designer, UX/UI หรือคนที่ต้อง review งานออกแบบ
ใช้ตอน:
แค่พิมพ์เป็นภาษาไทยปกติ ไม่ต้องจำชื่อ skill เพราะ Claude จะหยิบใช้เองตาม trigger ที่กำหนดไว้
ตัวอย่าง:
"ช่วยแปลง Figma เป็นโค้ด ให้หน่อย บริบทคือ [อธิบายสถานการณ์ของคุณ]"
"figma to code สำหรับ [กลุ่มเป้าหมาย], อยากได้แบบ [น้ำเสียง/สไตล์]"
Claude จะถามข้อมูลที่ยังขาด (เช่น กลุ่มเป้าหมาย น้ำเสียง บริบทธุรกิจ) ก่อนเริ่มทำงาน
AI ไม่เห็นรูปจริง, ใช้สำหรับ structure/heuristics ได้ แต่ visual judgment ยังต้องคน
🔙 กลับไปดู skill ทั้งหมด · 🐛 แจ้ง bug / ขอแก้ · 📜 License เต็ม