รีวิว Taste Skill — ให้ coding agent ออกแบบเว็บมีรสนิยม ใช้รูปจริง และตรวจงานตัวเองในเบราว์เซอร์
ข้อมูล Repo
Leonxlnx/taste-skill- ภาษา
- JavaScript
- ดาว
- 104,457
- สร้างเมื่อ
- แก้ไขล่าสุด
เปลี่ยนสถานะผ่าน API: PATCH /api/reports/efe7c314-a6b7-4d88-a451-5f580c26010e
แคปชันสำหรับ Facebook
เว็บที่ AI ทำออกมาหน้าตาเหมือนกันไปหมด? ลอง Taste Skill ให้ agent ของคุณมีรสนิยมขึ้นมาทันที 🎨 Taste Skill เป็น Agent Skill ที่สอน coding agent ให้ออกแบบจริง ไม่ใช่แค่ต่อบล็อก landing page แบบเดิม ๆ ✅ เลือกแนวทางดีไซน์จากที่ศึกษาเว็บคัดสรรมา 247 เว็บ ✅ ใช้รูปภาพจริงจากคลังเปิดอย่าง Wikimedia Commons พร้อมใส่เครดิตให้ ✅ เปิดเบราว์เซอร์จริงตรวจหน้าเว็บ 3 ขนาด แล้วแก้จุดที่ดูไม่ดีเอง ✅ ทำ dashboard และหน้าแอปได้ด้วย ✅ ไม่ต้องใช้ API key ใช้ได้กับ React, Vue, Svelte หรือ HTML ติดตั้งด้วย npx skills คำสั่งเดียว หรือเป็น plugin ใน Claude Code และ Codex ข้อควรรู้: งานหนึ่งใช้เวลาราว 30 ถึง 45 นาทีและกิน token เยอะพอสมควร 🔗 https://github.com/Leonxlnx/taste-skill #WebDesign #AgentSkills #ClaudeCode #VibeCoding
ภาพปกแบบ HTML สด
แสดงจาก HTML ต้นฉบับที่ใช้สร้างภาพ ดาวน์โหลดเป็น PNG 1080×1350 ได้ทันที
สไตล์ Easy AI
1080×1350แก้ไข 2026-10-29
สไตล์ easy-app
1080×1350แก้ไข 2026-10-29
สรุป
Taste Skill เป็น Agent Skill ที่ทำให้ AI ออกแบบเว็บและหน้าจอแอปแทนการประกอบ landing page ซ้ำ ๆ สร้างจากการศึกษา 247 เว็บ เลือก art direction ใช้รูปจากคลังเปิดพร้อมเครดิต และเปิดเบราว์เซอร์ตรวจงานเอง ติดตั้งผ่าน npx skills หรือ plugin ของ Claude Code และ Codex ใช้ MIT license
คืออะไร
Taste Skill เป็น Agent Skill ที่ทำให้ coding agent "ออกแบบ" เว็บไซต์และหน้าจอแอปจริง ๆ แทนที่จะประกอบ landing page หน้าตาธรรมดาแบบที่ AI ชอบทำ มันให้ agent มี art direction ใช้รูปภาพจริง และตรวจงานตัวเองในเบราว์เซอร์จริง ปัจจุบัน repo นี้เหลือ skill หลักตัวเดียวคือ design-taste-frontend
จุดเด่น
- 🎨 สร้างจากการศึกษาเว็บที่คัดมาแล้ว 247 เว็บ มีแนวทางออกแบบที่ค้นคว้าไว้ 20 แบบ สคริปต์จะสุ่มมาให้ 3 แบบแล้วให้ agent เลือกหนึ่ง
- 🖼️ ใช้รูปภาพและฟุตเทจจริงจากคลังเปิดอย่าง Wikimedia Commons, Openverse และ the Met ใช้เฉพาะไฟล์ public domain, CC0, CC BY และ CC BY-SA พร้อมใส่เครดิตบนหน้าให้
- 🔍 เปิดหน้าเว็บในเบราว์เซอร์จริงที่ 3 ความกว้าง และตีตกงานที่ดู "slop"
- 🔁 ดู screenshot ของตัวเองแล้วแก้ 3 ปัญหาใหญ่สุด ทำได้สูงสุด 3 รอบ
- 📊 ตั้งแต่ v2.1 ทำ dashboard และหน้าจอแอปได้ด้วย มีสไตล์แอปที่สรุปจากหน้าจอโปรดักต์จริง และมีชุดตรวจของตัวเอง
- 🧩 ใช้ได้กับ React, Vue, Svelte หรือ HTML ธรรมดา เพราะกฎเป็นเรื่องดีไซน์ ไม่ผูกกับ framework
เหมาะกับใคร
- dev และ vibe coder ที่ให้ AI ทำหน้าเว็บแล้วได้หน้าตาเหมือนกันไปหมด
- ฟรีแลนซ์หรือเอเจนซีที่อยากได้หน้าเว็บที่มีเอกลักษณ์ตามแบรนด์ลูกค้าเร็วขึ้น
- คนทำ dashboard หรือหน้าแอดมินที่อยากให้ดูเป็นโปรดักต์จริง
เริ่มต้นใช้งาน
ติดตั้งด้วย skills CLI:
npx skills add https://github.com/Leonxlnx/taste-skill --skill "design-taste-frontend"
หรือใน Claude Code ติดตั้งเป็น plugin:
/plugin marketplace add Leonxlnx/taste-skill
/plugin install taste-skill@taste-skill
ใน Codex ใช้ codex plugin marketplace add Leonxlnx/taste-skill แล้ว codex plugin add taste-skill@taste-skill จากนั้นเปิด session ใหม่
ข้อควรรู้
- ต้องมี Node 22 ขึ้นไป และติดตั้ง Chrome, Edge หรือ Chromium ไว้ ไม่ต้องใช้ API key แต่ต้องต่อเน็ตเพื่อหารูป
- งานหนึ่งใช้เวลาประมาณ 30 ถึง 45 นาที และใช้ token หลายแสน ควรเช็กโควตาโมเดลก่อน
- skill เก่าอย่าง
high-end-visual-designหรือminimalist-uiย้ายไปอยู่ repoLeonxlnx/taste-skill-classicsแล้ว - ผู้พัฒนาประกาศว่าไม่มีเหรียญหรือ token คริปโตใด ๆ ที่เป็นทางการ ระวังของปลอมที่อ้างชื่อ
- ใช้ MIT license
🔗 https://github.com/Leonxlnx/taste-skill
ข้อมูลจาก GitHub ณ 29 ต.ค. 2026: ⭐ 104,457 | ภาษา JavaScript | license MIT