📦 SKILL🛠 DevMONTHLY+⭐ 4.8 · ใช้แล้ว 2,320 ครั้ง

React Component Builder

สร้าง React + Tailwind component จาก wireframe

⚡ พร้อมใช้งาน?

💡 ดู preview ฟรี 100% — สมัครเพื่อ download / copy / install

SKILL.md · ดูฟรี · ~6 KB✓ Preview

---
name: react-component-builder
description: สร้าง React + Tailwind component จาก wireframe
allowed-tools: Read, Bash, WebFetch
---

# React Component Builder

สร้าง React + Tailwind component จาก wireframe

## Workflow
1. รับ input จากผู้ใช้
2. ประมวลผลตาม context
3. Return output ที่เกี่ยวข้อง

## Use cases
- rapid prototype
- design system
- landing page

วิธีใช้งาน

1. ดาวน์โหลด SKILL.md → วางใน ~/.claude/skills/
2. Restart Claude Code (หรือเปิด session ใหม่)
3. เรียกใช้ด้วย /react-component-builder ใน Claude Code

ใช้ได้กับ

rapid prototype
design system
landing page