Skill Claude CodeCodex
กัน UI/หน้าเว็บ/แอป/แดชบอร์ด/สไลด์ ออกมาหน้า "AI ปั่น" (ม่วง-คราม gradient, ฟอนต์ Inter/system, การ์ดมนเหมือนกันหมด, กริดฟีเจอร์ 3 ไอคอน, อีโมจิเป็นไอคอน, kicker ทุกสไลด์, ก็อปปี้ขายของ) อ่านก่อนเขียนมาร์กอัปบรรทัดแรก เลือกสี เลือกฟอนต์ หรือวางสไลด์ บังคับให้ตัดสินใจดีไซน์แบบตั้งใจ เจาะจง มีแบรนด์.
Skill Claude CodeCodex
อ่านระบบที่มีอยู่จริงแล้วกางออกมาเป็นเอกสารสถาปัตยกรรม - เดินเก้าขั้นจากรับโจทย์ ไปสำรวจของจริง ถามสิ่งที่ยังไม่รู้ วาดแผนที่โมดูลกับการไหลของข้อมูล ประเมินหนี้ทางเทคนิคกับความเสี่ยง แล้วเขียนเป็นแม่แบบเอกสาร ใช้ตอนต้องเข้าใจโค้ดเบสก่อนลงมือ ตรวจระบบปัจจุบัน ส่งงานต่อให้คนอื่น หรือทานแผนที่เสนอมากับหลักฐานในระบบจริง.
Skill Claude CodeCodex
อัตลักษณ์แบรนด์ฝั่งถ้อยคำและการกำกับ - กรอบเสียงและน้ำเสียง โครงข้อความที่ใช้ซ้ำได้ กฎการใช้โลโก้ สเปกตัวอักษร การจัดระเบียบและตั้งชื่อไฟล์งาน กับเช็กลิสต์ก่อนปล่อยงานออก ใช้ตอนเขียนงานในนามแบรนด์ ตรวจว่างานที่ทำมาตรงแนวทางไหม หรือร่างคู่มือแบรนด์ให้ลูกค้า.
Skill Claude CodeCodex
รีวิวโค้ดที่เปลี่ยน หา bug จริงก่อน merge, ความปลอดภัย (injection, auth, path traversal), ประสิทธิภาพ (N+1, ความซับซ้อน, index), ความถูกต้อง, edge case, concurrency, error handling รับ PR/diff/ไฟล์ ทริกด้วย "รีวิวก่อนเมิร์จ" หรือ "โค้ดนี้ปลอดภัยไหม".
Skill Claude CodeCodex
วินัยแก้บั๊กที่ห้ามแก้จนกว่าจะรู้ต้นเหตุจริง - อ่าน error เต็ม ยืนยันซ้ำได้ ตั้งสมมติฐานเป็นประโยค ทดสอบทีละตัวแปร พลาดครบ 3 ครั้งแล้วให้หยุดถามสถาปัตยกรรมแทนแก้ต่อ อ่านตัวนี้ก่อนแก้บั๊ก/test ล้ม/พฤติกรรมที่ไม่คาดคิด ก่อนเสนอทางแก้ใดๆ.
Skill Claude CodeCodex
ก่อนปล่อยของและตอนเกิดเหตุ, checklist ก่อน deploy (migration, feature flag, rollback trigger, ยืนยัน CI), incident response (เกณฑ์ SEV1-4, สื่อสารระหว่างเหตุ, เขียน postmortem) และ git workflow ปลอดภัย (แยกงานด้วย worktree, ปิด branch ให้จบสะอาด) ทริกด้วย "จะ deploy", "production ล่ม", "ปิดงานยังไง".
Skill Claude CodeCodex
ระบบดีไซน์โทเคนสามชั้น (primitive → semantic → component) และตารางตัดสินใจของสไลด์ - สเกลระยะห่างกับตัวอักษร สเปกคอมโพเนนต์และสถานะของมัน การต่อกับ Tailwind และตาราง CSV ที่บอกว่าโครงเด็คแบบไหน เลย์เอาต์ไหน กราฟไหน คำโปรยแบบไหน เข้ากับงานตรงหน้า ใช้ตอนอยากให้งานทุกชิ้นหน้าตาเป็นชุดเดียวกันแทนที่จะสวยทีละใบ.
Skill Claude CodeCodex
งานออกแบบภาพในแอตทอกซ์ - โลโก้ ไอคอน แบนเนอร์ ภาพโซเชียล และชุดอัตลักษณ์องค์กร (CIP) พร้อมแคตตาล็อกสไตล์ สีตามอุตสาหกรรม ขนาดมาตรฐานของทุกแพลตฟอร์ม และวิธีเขียนพรอมต์ภาพ อ่านตัวนี้ก่อนรับงานภาพเสมอ เพราะแอตทอกซ์ไม่ได้เจนรูปเอง มันหารูปจริงจากเน็ตมาใช้ หรือวาดเองด้วย SVG กับ HTML…
Skill Claude CodeCodex
แทรกคำถามทวนสอบสั้นๆ ท้ายคำตอบที่มีผลจริง - ประมาณการ คำแนะนำเรื่องเดิมพันสูง (ธุรกิจ สุขภาพ กฎหมาย การเงิน) ข้อเท็จจริงที่จะถูกเอาไปใช้จริง งานร่างที่มีสมมติฐานของตัวเอง ให้สูงสุดครั้งเดียวต่อบทสนทนา อ่านตัวนี้ก่อนปิดคำตอบที่เข้าเงื่อนไขพวกนี้.
Skill Claude CodeCodex
เขียนและดูแลเอกสารเทคนิค, README, API docs, runbook, คู่มือ onboarding, architecture doc เขียนจากมุมคนอ่านไม่ใช่มุมระบบ ทริกด้วย "เขียน docs ให้", "ทำ README", "เขียน runbook".
Skill Claude CodeCodex
ออกแบบ UI และหน้าเว็บให้มีเอกลักษณ์ ไม่ออกมาหน้าเทมเพลต, ทิศทางภาพ การจับคู่ตัวอักษร เลย์เอาต์ และกระบวนการ วางแผน→วิจารณ์→สร้าง→วิจารณ์ซ้ำ แบบดีไซน์ลีดที่ทำให้ทุกงานมีตัวตนของมันเอง ใช้ตอนสร้าง UI ใหม่หรือรื้อของเดิม.
Skill Claude CodeCodex
หาเซิร์ฟเวอร์ MCP มาต่อให้ผู้ใช้, ถามก่อนว่าต้องการต่อกับอะไร, คัดตัวที่ Aetox ทำเองได้อยู่แล้วออก, ตัดตัวที่ต้อง OAuth ทิ้ง (ยังไม่รองรับ), แล้วยื่นค่าที่ต้องกรอกให้ผู้ใช้เติมเอง เพราะไฟล์ตั้งค่า MCP ปิดจากเครื่องมือไฟล์ทุกตัว.
Skill Claude CodeCodex
เขียนชุดคำสั่ง (/ชื่อ) ให้ผู้ใช้, คำสั่งที่เขาพิมพ์ซ้ำ ๆ เก็บเป็นไฟล์เรียกด้วยสแลช, กติกาชื่อ, $ARGUMENTS, และโครงที่ชุดคำสั่งที่แถมมาใช้จริง. อ่านตัวนี้เมื่อผู้ใช้ขอให้ทำชุดคำสั่ง หรือเมื่อเห็นว่าเขาพิมพ์คำขอแบบเดิมซ้ำ.
Skill Claude CodeCodex
ย้ายโปรเจกต์จาก Radix UI ไป Base UI, ตาราง class-mapping และรูปแบบรายคอมโพเนนต์ (form controls, overlays, menus, disclosure, wrapper shapes ฯลฯ) ใช้ตอนจะ migrate Radix→Base จริง ไม่ใช่งานทั่วไป.
Skill Claude CodeCodex
ทำงานกับ shadcn/ui, เพิ่ม ค้น แก้ ดีบัก สไตล์ และประกอบคอมโพเนนต์/ดีไซน์ซิสเทม ผ่าน registry และ CLI พร้อมกฎที่บังคับเสมอ (className สำหรับ layout ไม่ใช่สไตล์, ใช้ gap ไม่ใช่ space-x/y, size- เมื่อกว้างเท่าสูง, semantic colors, cn()) ใช้ตอนโปรเจกต์มี components.json หรือทำงานกับ shadcn/Tailwind/Base UI, "shadcn init"…
Skill Claude CodeCodex
หาสกิลมาเพิ่มให้ผู้ใช้, ถามก่อนว่าเขาทำงานอะไรซ้ำ ๆ, คัดของที่เครื่องมือในมือทำได้อยู่แล้วออก, ไปหาบนเน็ต, อ่าน SKILL.md จริงก่อนติดตั้ง, แล้วติดด้วย plugininstall. อ่านตัวนี้เมื่อผู้ใช้ขอให้หาสกิลมาเพิ่ม หรือถามว่าจะทำให้คุณเก่งขึ้นได้ยังไง.
Skill Claude CodeCodex
เทมเพลตจริงที่ก๊อปไปใช้ได้เลย ไม่ใช่คำอธิบายว่าควรหน้าตาแบบไหน เริ่มที่เลย์เอาต์สไลด์ 14 แบบ กล่อง 1280x720 ไฟล์เดียวจบ ไม่มี CSS ภายนอก ไม่มีสคริปต์ ไม่มีกราฟจาก CDN ใช้ตอนกำลังจะเขียนสไลด์หรือหน้าจอแล้วไม่อยากประดิษฐ์องค์ประกอบขึ้นใหม่ทุกครั้ง.
Skill Claude CodeCodex
สไลด์และงานนำเสนอในแอตทอกซ์, เด็คคือไฟล์ .html เดียวที่เปิดในห้องสไลด์ แล้วเปิดหน้า นำเสนอเต็มจอ ส่งออก .pptx .pdf รูป ได้จากตรงนั้น. อ่านตัวนี้ก่อนเขียนเด็คเสมอ ถึงจะมีสกิลสไลด์ตัวอื่นติดตั้งอยู่ก็ตาม เพราะพวกนั้นเขียนไว้สำหรับไฟล์ที่เปิดเดี่ยว ๆ ในเบราว์เซอร์ ส่วนนี่คือข้อเท็จจริงของห้องนี้ที่อ่านจากไฟล์เองไม่ได้.…
Skill Claude CodeCodex
ออกแบบกลยุทธ์และแผนทดสอบ, testing pyramid, กลยุทธ์รายชั้น (API, data pipeline, frontend, infra), จัดลำดับ critical path/edge/security บวกวินัย TDD (red-green-refactor) และกับดักเทสต์ที่ควรเลี่ยง ทริกด้วย "ควรเทสต์ยังไง", "test plan", "เขียนเทสต์ให้".
Skill Claude CodeCodex
จุดที่งานภาษาไทยพังบ่อยแต่อ่านดูเหมือนถูก - วันที่ พ.ศ./ค.ศ., เลขบัตรประชาชน/พร้อมเพย์, ที่อยู่และรหัสไปรษณีย์ ๗๗ จังหวัด, VAT/WHT, ข้อมูลส่วนบุคคลตาม PDPA อ่านไฟล์ที่เกี่ยวเมื่องานมีตัวเลข วันที่ หรือข้อมูลส่วนบุคคลของคนไทยอยู่ในนั้น ไม่ต้องรอให้ผู้ใช้พิมพ์คำเฉพาะทาง.
Skill Claude CodeCodex
แปลเอกสารที่พลาดแล้วแพง - สัญญา งานราชการ เอกสารเผยแพร่ต่อสาธารณะ ศัพท์เฉพาะทาง ชื่อคน/องค์กร อ่านตัวนี้เมื่องานแปลมีอะไรมากกว่า "อ่านรู้เรื่องพอ" และความผิดพลาดจะไปโผล่ต่อหน้าคนอื่น ไม่ใช่กฎเรื่องความยาวเอกสาร.
Skill Claude CodeCodex
ลงมือ implement UI ระดับ production, design tokens/theming, responsive (container queries, fluid type, CSS grid), interaction/microinteraction/motion, คอมโพเนนต์เว็บ (React/Vue/Svelte), การเข้าถึง WCAG 2.2 และ native (iOS HIG/SwiftUI, Material 3/Compose, React Native) รวมเป็นประตูเดียว ใช้ตอนลงมือเขียนจริง…
Skill Claude CodeCodex
ตรวจและวิจารณ์ UX ของ UI ที่ทำไปแล้ว ด้วยกรอบมาตรฐาน, Nielsen 10 heuristics, Don Norman 7 หลัก, WCAG POUR, UX audit (IxDF 7 ปัจจัย), รีวิวงานภาพ และ cognitive walkthrough รายทาสก์ ใช้ตอนอยากประเมินของที่มีอยู่ ไม่ใช่ตอนสร้างใหม่ (สร้างใหม่ดู aetox-frontend-design).
Skill Claude CodeCodex
เทมเพลตหน้าเว็บจริงที่ก๊อปไปใช้ได้เลย 18 ส่วน ตั้งแต่ nav hero ราคา FAQ ไปจนถึงแดชบอร์ด ตาราง ฟอร์ม หน้า 404 บทความ และหน้าเอกสาร ไฟล์เดียวจบ responsive ไม่มี framework ไม่มี CDN ไม่ต้อง build ใช้ตอนกำลังจะสร้างหน้าเว็บหรือหน้าจอแล้วไม่อยากประดิษฐ์โครงขึ้นใหม่ทุกครั้ง.