Figma design → React/HTML 1:1 | สำหรับ designer, UX/UI หรือคนที่ต้อง . Triggers when user says (Thai/EN): 'figma to code', 'figma code'
Scanned 9/6/2026
Install to Claude Code
Skills Directorynpx -y skills add PiNocPie/thai-claude-skills --skill figma-to-code-th --agent claude-codeInstalls into .claude/skills of the current project.
Are you the author of Figma To Code Th?
Add the live security badge to your README — it updates automatically with every re-scan.
[](https://www.skillsdirectory.com/skills/pinocpie-figma-to-code-th)More formats (shields.io, HTML) on the badges page.
---
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'
---
# แปลง Figma เป็นโค้ด
> 🇹🇭 ดัดแปลงเป็นภาษาไทยจาก [openai/skills](https://github.com/openai/skills/tree/main/skills/figma-implement-design) · License: MIT
## ทำอะไรได้
Figma design → React/HTML 1:1
## เหมาะกับใคร
designer, UX/UI หรือคนที่ต้อง review งานออกแบบ
ใช้ตอน:
- มีไฟล์ Figma แต่ไม่มีเวลา review ทีละหน้า
- อยากได้ feedback แบบ structured ไม่ใช่ "สวยดี/ไม่สวย"
- ต้องส่งให้ stakeholder แต่อยากรอบคอบก่อน
## บอก Claude ยังไง
แค่พิมพ์เป็นภาษาไทยปกติ ไม่ต้องจำชื่อ skill เพราะ Claude จะหยิบใช้เองตาม trigger ที่กำหนดไว้
ตัวอย่าง:
```
"ช่วยแปลง Figma เป็นโค้ด ให้หน่อย บริบทคือ [อธิบายสถานการณ์ของคุณ]"
```
```
"figma to code สำหรับ [กลุ่มเป้าหมาย], อยากได้แบบ [น้ำเสียง/สไตล์]"
```
Claude จะถามข้อมูลที่ยังขาด (เช่น กลุ่มเป้าหมาย น้ำเสียง บริบทธุรกิจ) ก่อนเริ่มทำงาน
## ที่ต้องระวัง
AI ไม่เห็นรูปจริง, ใช้สำหรับ structure/heuristics ได้ แต่ visual judgment ยังต้องคน
---
🔙 [กลับไปดู skill ทั้งหมด](../../../README.md) · 🐛 [แจ้ง bug / ขอแก้](https://github.com/PiNocPie/thai-claude-skills/issues) · 📜 [License เต็ม](../../../CREDITS.md)
Is this your skill, or is something wrong with this listing? Request removal or report an issue. Author removals are honored within 72 hours.
No comments yet. Be the first to comment!
Ultra-compressed communication mode. Cuts token usage ~75% by speaking like caveman while keeping full technical accuracy. Supports intensity levels: lite, full (default), ultra, wenyan-lite, wenyan-full, wenyan-ultra. Use when user says "caveman mode", "talk like caveman", "use caveman", "less tokens", "be brief", or invokes /caveman. Also auto-triggers when token efficiency is requested.
Adversarial multi-agent planning skill. Self-orchestrates 5 hostile category members (unspecified-low, unspecified-high, deep, ultrabrain, artistry) via team-mode for ruthless cross-critique debate, distills only the defensible insights, then MANDATORILY hands the distilled insight bundle to the `plan` agent for executable plan formalization. Use when planning needs maximum rigor and surfacing of weak assumptions, blind spots, and over-engineering. Triggers: 'hyperplan', 'hpp', '/hyperplan', ...
Routes multi-tool workflows through MCP servers for large datasets and pipelines. Use when Bash tool overhead is limiting throughput on data-heavy tasks.
**Complete production-ready guide for Google Gemini embeddings API** This skill provides comprehensive coverage of the `gemini-embedding-001` model for generating text embeddings, including SDK usage, REST API patterns, batch processing, RAG integration with Cloudflare Vectorize, and advanced use cases like semantic search and document clustering. ---
Recovers prior coding-agent session context by running `catchup <agent> --since-compact`, which extracts a clean summary of a previous Codex, Claude Code, Antigravity, OpenCode, or Pi Agent session. Use when the user says "catch up", "what did the last session do", "get me up to speed", "I switched agents", or asks to recover/summarize a previous session before continuing. Do NOT use for the current conversation, git history, or any non-agent log.
