ข้ามไปยังเนื้อหาหลัก
กลับไปหน้า ArtifactsAI Skill Builder

CI Skill Studio

เปลี่ยน CI ขององค์กร — สี ฟอนต์ สไตล์ดีไซน์ น้ำเสียง และโลโก้ — ให้เป็นสกิลที่ Claude ใช้สร้างเอกสาร สไลด์ อีเมล และโพสต์ได้ตรงแบรนด์ เริ่มจากเทมเพลต 12 แบบ ปรับแล้วเห็นตัวอย่างงานจริงทันที แล้วดาวน์โหลดเป็นไฟล์ .zip ไปติดตั้งใน Claude

เปิด CI Skill Studioดูเทมเพลตทั้ง 12 แบบ

ฟรี ไม่ต้องสมัคร · ทำงานในเบราว์เซอร์ทั้งหมด — ข้อมูลและโลโก้ที่ใส่เก็บในเบราว์เซอร์เครื่องนี้เท่านั้น ไม่ส่งขึ้นเซิร์ฟเวอร์ · บันทึกโปรเจกต์เป็นไฟล์ .json ไว้เปิดแก้ต่อได้

ตัวอย่างจากเทมเพลต 9Expert Training — หน้าเว็บและโพสต์โซเชียลนี้วาดจากค่าสี ฟอนต์ และสไตล์ในเทมเพลต ด้วยโค้ดเดียวกับในแอป โลโก้ในภาพเป็นไฟล์โลโก้ทางการของ 9Expert (ในแอปอัปโหลดโลโก้ขององค์กรคุณได้) ข้อความประกอบและตัวเลขในภาพเป็นข้อมูลตัวอย่าง ไม่ใช่ข้อมูลจริงขององค์กร

ทำอะไรได้บ้าง

เทมเพลตพร้อมใช้ 12 แบบ

CI ทางการของ 9Expert Training และแบรนด์ตัวอย่างอีก 11 อุตสาหกรรม ครบทั้งสี ฟอนต์ สไตล์ น้ำเสียง และแนวทางโลโก้ — เลือกแล้วแก้เป็นข้อมูลขององค์กรคุณ

ชุดสี 32 ชุด พร้อมตรวจคอนทราสต์

เลือกตามอารมณ์ 8 แบบ สร้างชุดสีจากสีหลัก หรือกำหนดเองทีละสี เห็นสเกล 50–950 และผลตรวจคอนทราสต์ระดับ AA / AAA ทันที

ฟอนต์ไทย–อังกฤษ 30 แบบ

ฟอนต์ไทย 14 แบบ อังกฤษ 16 แบบ แยกฟอนต์หัวข้อได้ ตั้งขนาดฐานและอัตราส่วน แล้วได้ตารางขนาดตัวอักษรทั้ง px และ pt

ดีไซน์ 10 สไตล์

ตั้งแต่มินิมอลถึงแข็งแรงแบบงานวิศวกรรม ปรับต่อได้ทั้งความมนของมุม เงา ความหนาแน่น การไล่สี ตัวพิมพ์หัวข้อ พื้นเริ่มต้น และลวดลายประกอบ

พรีวิวงานจริง 8 แบบ

บอร์ดแบรนด์ สไลด์นำเสนอ เอกสาร A4 โพสต์โซเชียล หน้าเว็บไซต์ อีเมลจดหมายข่าว แดชบอร์ด และนามบัตร เปลี่ยนตามทุกค่าที่ปรับทันที

ได้ไฟล์สกิลพร้อมติดตั้ง

ดาวน์โหลด .zip ที่มี SKILL.md ไฟล์อ้างอิง และชุดเทมเพลตงานสูงสุด 6 ชุด เขียนสกิลเป็นภาษาไทยหรืออังกฤษก็ได้

มีคู่มือ CI อยู่แล้ว? ใส่ค่าทางการได้ตรงตัว ทั้งสีปุ่มและลิงก์ ลำดับสีกราฟ สีเสริม และกฎเฉพาะขององค์กร — สกิลที่ได้ยึดค่าเหล่านี้ก่อนค่าที่สร้างให้อัตโนมัติ

เทมเพลตเริ่มต้น 12 แบบ

ทุกเทมเพลตมีชุดสี ฟอนต์ไทย–อังกฤษ สไตล์ดีไซน์ น้ำเสียง และแนวทางโลโก้/ภาพครบ เลือกแบบที่ใกล้กับองค์กรที่สุด แล้วแก้ชื่อและรายละเอียดเป็นของคุณ — ชื่อแบรนด์ในเทมเพลตเป็นชื่อสมมติ ยกเว้น 9Expert Training ที่เป็น CI ทางการ

  • สถาบันอบรมเทคโนโลยีCI ทางการ

    9Expert Training

    CI ทางการของ 9Expert — Brand Blue, Deep Navy และ Lime ฟอนต์ LINE Seed Sans TH น้ำเสียง “รู้ลึก พูดง่าย ไม่ขายฝัน” ตาม 9Expert brand skill v1.4.1

    สไตล์
    มินิมอล
    ฟอนต์
    LINE Seed Sans TH + Google Sans
    • สว่าง
    • โทนเย็น
  • การเงิน / ประกัน

    การเงินที่ไว้ใจได้

    แบรนด์ตัวอย่าง: ธาราดี แคปปิตอล

    ไพลิน เขียวหัวเป็ด และทอง ภาษาสุภาพที่ชัดเรื่องเงื่อนไขและความเสี่ยง สำหรับธนาคาร ประกัน หลักทรัพย์ และฟินเทค (แบรนด์ตัวอย่างสมมติ)

    สไตล์
    องค์กรมืออาชีพ
    ฟอนต์
    IBM Plex Sans Thai + Inter
    • สว่าง
    • โทนเย็น
  • สตาร์ตอัป / SaaS

    สตาร์ตอัปเทคโนโลยี

    แบรนด์ตัวอย่าง: เพลินโฟลว์

    พื้นเข้ม ม่วงไฟฟ้ากับฟ้าอะควา ภาษากระชับแบบทีมผลิตภัณฑ์ สำหรับ SaaS แอป และบริการดิจิทัล (แบรนด์ตัวอย่างสมมติ)

    สไตล์
    เทคโนโลยี
    ฟอนต์หัวข้อ
    Anuphan + Space Grotesk
    ฟอนต์เนื้อหา
    Anuphan + DM Sans
    • มืด
    • สีสด
    • โทนเย็น
  • โรงพยาบาล / คลินิก

    โรงพยาบาลและคลินิก

    แบรนด์ตัวอย่าง: โรงพยาบาลเมตตาเวช

    เขียวหัวเป็ดอ่อนโยนกับมิ้นต์และพีช ฟอนต์ไทยมีหัวที่ผู้สูงอายุอ่านง่าย ภาษาชัดเจนและเห็นอกเห็นใจ (แบรนด์ตัวอย่างสมมติ)

    สไตล์
    อบอุ่นเป็นมิตร
    ฟอนต์
    Noto Sans Thai Looped + Nunito Sans
    • สว่าง
    • พาสเทล
    • โทนเย็น
  • การศึกษา

    สถาบันการศึกษา

    แบรนด์ตัวอย่าง: วิทยาลัยวรศึกษา

    แดงเลือดหมู กรมท่า และทอง หัวข้อตัวมีเชิง จัดหน้าแบบวิชาการ สำหรับโรงเรียน วิทยาลัย และศูนย์ฝึกอบรม (แบรนด์ตัวอย่างสมมติ)

    สไตล์
    คลาสสิก/วิชาการ
    ฟอนต์หัวข้อ
    Trirong + Merriweather
    ฟอนต์เนื้อหา
    Noto Sans Thai + Lato
    • สว่าง
    • โทนอุ่น
  • หน่วยงานภาครัฐ

    หน่วยงานรัฐ

    แบรนด์ตัวอย่าง: เทศบาลนครธารทิพย์

    น้ำเงินคราม เขียวหัวเป็ด และเหลืองดาวเรือง ภาษาทางการที่อ่านง่าย เน้นขั้นตอนบริการประชาชนให้ชัด (หน่วยงานตัวอย่างสมมติ)

    สไตล์
    องค์กรมืออาชีพ
    ฟอนต์
    Sarabun + Open Sans
    • สว่าง
    • โทนเย็น
  • ค้าปลีก / ไลฟ์สไตล์

    ค้าปลีกและไลฟ์สไตล์

    แบรนด์ตัวอย่าง: ปลายฟ้า ไลฟ์สไตล์

    ชมพูราสเบอร์รี เหลืองแดด และกรมท่า ปุ่มทรงแคปซูล ลายจุด ภาษาสนุกแต่ชัดเรื่องราคาและโปรโมชัน (แบรนด์ตัวอย่างสมมติ)

    สไตล์
    สนุกสดใส
    ฟอนต์
    Prompt + Poppins
    • สว่าง
    • สีสด
    • โทนอุ่น
  • อาหาร / เครื่องดื่ม

    อาหารและเครื่องดื่ม

    แบรนด์ตัวอย่าง: อิ่มอุ่น คิทเช่น

    ดินเผา เขียวสมุนไพร และสีน้ำผึ้งบนพื้นครีม ภาพวัตถุดิบจริง ภาษาอบอุ่นแบบเจ้าของร้าน สำหรับร้านอาหาร คาเฟ่ และเบเกอรี (แบรนด์ตัวอย่างสมมติ)

    สไตล์
    ธรรมชาติ
    ฟอนต์หัวข้อ
    Mitr + Lora
    ฟอนต์เนื้อหา
    Sarabun + Plus Jakarta Sans
    • สว่าง
    • โทนดิน
    • โทนอุ่น
  • โรงแรม / สินค้าหรู

    โรงแรมและสินค้าหรู

    แบรนด์ตัวอย่าง: วนาเวลา โฮเทลส์แอนด์รีสอร์ตส์

    มรกตเข้มกับทองแชมเปญบนพื้นเข้ม หัวข้อตัวมีเชิง พื้นที่ว่างมาก ภาษาประณีตและสุภาพ (แบรนด์ตัวอย่างสมมติ)

    สไตล์
    หรูหรา
    ฟอนต์หัวข้อ
    Noto Serif Thai + Playfair Display
    ฟอนต์เนื้อหา
    Noto Sans Thai + Montserrat
    • มืด
    • โทนอุ่น
  • เกษตร / พลังงานสะอาด

    เกษตรและพลังงานสะอาด

    แบรนด์ตัวอย่าง: แสงนา กรีนเอนเนอร์ยี

    เขียวใบไม้ น้ำเงินน้ำลึก และเหลืองแดด ภาพพื้นที่จริงและข้อมูลที่ตรวจสอบได้ สำหรับเกษตร พลังงานหมุนเวียน และธุรกิจด้านความยั่งยืน (แบรนด์ตัวอย่างสมมติ)

    สไตล์
    ธรรมชาติ
    ฟอนต์
    Bai Jamjuree + Manrope
    • สว่าง
    • โทนดิน
  • เอเจนซี่ / สื่อ

    เอเจนซี่และสื่อสร้างสรรค์

    แบรนด์ตัวอย่าง: ขีด สตูดิโอ

    ดำกับครีม ส้มสัญญาณ และน้ำเงินโคบอลต์ หัวข้อตัวใหญ่แบบนิตยสาร ภาษามั่นใจและคม สำหรับเอเจนซี่ สตูดิโอ และสื่อออนไลน์ (แบรนด์ตัวอย่างสมมติ)

    สไตล์
    สร้างสรรค์/นิตยสาร
    ฟอนต์หัวข้อ
    Kanit + Space Grotesk
    ฟอนต์เนื้อหา
    IBM Plex Sans Thai + Work Sans
    • มืด
    • โมโนโทน
    • สีสด
  • อุตสาหกรรม / โลจิสติกส์

    โรงงานและโลจิสติกส์

    แบรนด์ตัวอย่าง: แกร่งกิจ อินดัสเทรียล

    เหลืองความปลอดภัย กราไฟต์ และน้ำเงินเหล็ก เหลี่ยมคม ตัวเลขเทคนิคชัด สำหรับโรงงาน วิศวกรรม และขนส่ง (แบรนด์ตัวอย่างสมมติ)

    สไตล์
    แข็งแรง/วิศวกรรม
    ฟอนต์หัวข้อ
    Chakra Petch + Montserrat
    ฟอนต์เนื้อหา
    Noto Sans Thai + Roboto
    • มืด
    • โมโนโทน

ดีไซน์ 10 สไตล์

ภาพด้านล่างคือแบรนด์ 9Expert ชุดเดียวกันทั้ง 10 ภาพ — สีและฟอนต์คงเดิม เปลี่ยนแค่สไตล์ เลือกสไตล์แล้วยังปรับรายละเอียดต่อได้ทุกค่า และสไตล์ที่เลือกจะเขียนลงในสกิลเป็นแนวทางการจัดหน้า ภาพ และไอคอน

  • มินิมอล

    พื้นที่ว่างมาก องค์ประกอบน้อย ให้ข้อความและตัวเลขสำคัญเป็นพระเอก

    พื้นสว่าง · มุมมนเล็กน้อย · ไม่มีเงา · ไม่ไล่สี · ไม่มีลาย

    ใช้ในเทมเพลต: 9Expert Training

  • องค์กรมืออาชีพ

    โครงสร้างชัด น่าเชื่อถือ เหมาะกับรายงาน ข้อเสนอ และงานที่ต้องอ่านละเอียด

    พื้นสว่าง · มุมมนเล็กน้อย · เงาบาง · ไล่สีอ่อน · ลายเส้น

    ใช้ในเทมเพลต: การเงินที่ไว้ใจได้ · หน่วยงานรัฐ

  • เทคโนโลยี

    พื้นเข้ม คอนทราสต์สูง กริดและตัวเลขคมชัด เหมาะกับซอฟต์แวร์ ข้อมูล และผลิตภัณฑ์ดิจิทัล

    พื้นมืด · มุมมนปานกลาง · เงาเข้ม · ไล่สีชัด · ลายกริด

    ใช้ในเทมเพลต: สตาร์ตอัปเทคโนโลยี

  • อบอุ่นเป็นมิตร

    มุมมนมาก เงาบาง การไล่สีอ่อน และรูปทรงอิสระ ภาพเป็นกันเอง เหมาะกับบริการที่ต้องสร้างความไว้ใจและความใส่ใจ

    พื้นสว่าง · มุมมนมาก · เงาบาง · ไล่สีอ่อน · รูปทรงอิสระ

    ใช้ในเทมเพลต: โรงพยาบาลและคลินิก

  • คลาสสิก/วิชาการ

    มุมเหลี่ยม ไม่มีเงา เส้นคั่นบาง จัดหน้าแบบเอกสารวิชาการ ให้ความรู้สึกมั่นคงและมีรากฐาน — จับคู่กับฟอนต์หัวข้อแบบมีเชิงในขั้นตัวอักษรจะได้ผลดีที่สุด

    พื้นสว่าง · มุมเหลี่ยม · ไม่มีเงา · ไม่ไล่สี · ลายเส้น

    ใช้ในเทมเพลต: สถาบันการศึกษา

  • หรูหรา

    พื้นเข้ม มุมเหลี่ยม พื้นที่ว่างมาก หัวข้อภาษาอังกฤษตัวพิมพ์ใหญ่เว้นระยะ และสีเน้นเพียงจุดเดียว สื่อถึงความประณีต

    พื้นมืด · มุมเหลี่ยม · ไม่มีเงา · ไม่ไล่สี · ลายวงโคจร · หัวข้อตัวพิมพ์ใหญ่ (อังกฤษ)

    ใช้ในเทมเพลต: โรงแรมและสินค้าหรู

  • สนุกสดใส

    มุมแคปซูล การไล่สีชัด และลายจุด ใช้สีของแบรนด์เต็มพื้นเป็นจังหวะ เหมาะกับสินค้าผู้บริโภค แคมเปญ และกลุ่มคนรุ่นใหม่

    พื้นสว่าง · มุมแคปซูล · เงาบาง · ไล่สีชัด · ลายจุด

    ใช้ในเทมเพลต: ค้าปลีกและไลฟ์สไตล์

  • ธรรมชาติ

    มุมมนมาก ไม่มีเงา พื้นที่โปร่ง รูปทรงอิสระ และภาพวัสดุจริง สื่อถึงธรรมชาติ วัตถุดิบ และชุมชน (ได้ผลดีที่สุดกับชุดสีโทนดิน)

    พื้นสว่าง · มุมมนมาก · ไม่มีเงา · ไล่สีอ่อน · รูปทรงอิสระ

    ใช้ในเทมเพลต: อาหารและเครื่องดื่ม · เกษตรและพลังงานสะอาด

  • สร้างสรรค์/นิตยสาร

    กริดแบบนิตยสาร มุมเหลี่ยม ไม่มีเงา หัวข้อภาษาอังกฤษตัวพิมพ์ใหญ่ เหมาะกับงานสร้างสรรค์และสื่อ — ตั้งอัตราส่วนขนาดตัวอักษร 1.414–1.5 ในขั้นตัวอักษรเพื่อให้หัวข้อใหญ่ต่างจากเนื้อความชัด

    พื้นสว่าง · มุมเหลี่ยม · ไม่มีเงา · ไม่ไล่สี · ลายกริด · หัวข้อตัวพิมพ์ใหญ่ (อังกฤษ)

    ใช้ในเทมเพลต: เอเจนซี่และสื่อสร้างสรรค์

  • แข็งแรง/วิศวกรรม

    เหลี่ยมคม คอนทราสต์สูง ข้อมูลเทคนิคชัด เหมาะกับโรงงาน วิศวกรรม และโลจิสติกส์

    พื้นมืด · มุมเหลี่ยม · ไม่มีเงา · ไม่ไล่สี · ลายกริด · หัวข้อตัวพิมพ์ใหญ่ (อังกฤษ)

    ใช้ในเทมเพลต: โรงงานและโลจิสติกส์

ในไฟล์สกิลมีอะไร

ตัวอย่างจริงจากเทมเพลต 9Expert Training เมื่อเลือกชุดเทมเพลตงานครบ 6 ชุด — ไฟล์ .zip มีโฟลเดอร์เดียวชื่อเดียวกับชื่อสกิล และมี SKILL.md อยู่ในโฟลเดอร์นั้น ตามรูปแบบที่ claude.ai รับอัปโหลด

ผังไฟล์

11 ไฟล์ รวม 275.4 KB

9expert-training-brand/
  • SKILL.md36.8 KBคำสั่งหลักของสกิล (Claude อ่านไฟล์นี้ก่อน)
  • references/รายละเอียดที่ SKILL.md ชี้ไป — SKILL.md สั่งให้เปิดเฉพาะไฟล์ที่งานนั้นต้องใช้
    • brand-tokens.json13.9 KBค่าสี สเกล ตัวอักษร และสไตล์ทั้งหมด (JSON)
    • brand.css7.5 KBตัวแปร CSS โหมดสว่าง/มืด และคอมโพเนนต์พื้นฐาน
    • brand-board.html144.2 KBคู่มือภาพรวมแบรนด์พร้อมตัวอย่างงาน (เปิดในเบราว์เซอร์)
    • voice-and-tone.md13.1 KBข้อมูลแบรนด์ น้ำเสียง และตัวอย่างการเขียน
    • templates/ชุดเทมเพลตงานที่เลือก (มีให้เลือก 6 ชุด)
      • documents.md15.8 KBเอกสารและรายงาน
      • presentations.md12.9 KBงานนำเสนอ
      • email.md7.7 KBอีเมล
      • social-media.md6.9 KBโซเชียลมีเดีย
      • web-dashboards.md9.9 KBเว็บและแดชบอร์ด
      • customer-messages.md6.9 KBข้อความตอบผู้ติดต่อ

assets/logo.png (หรือ .jpg .svg .webp) — มีเมื่ออัปโหลดโลโก้ ไม่เกิน 400 KB

ส่วนหัวของ SKILL.md

มีแค่ name กับ description — Claude ใช้คำอธิบายนี้ตัดสินว่าจะเรียกใช้สกิลเมื่อไร แอปตรวจชื่อตามกติกาและนับความยาวคำอธิบายให้ (claude.ai รับไม่เกิน 200 ตัวอักษร ตัวอย่างนี้ 171 ตัวอักษร)

---
name: "9expert-training-brand"
description: "ปรับงานให้ตรง CI ของ 9Expert Training ทั้งสี ฟอนต์ น้ำเสียง และโลโก้ ใช้ทุกครั้งที่สร้างงานให้ 9Expert Training หรือเมื่อผู้ใช้พูดถึง นายน์เอ็กซ์เพิร์ท / 9Expert Co., Ltd."
---

หัวข้อใน SKILL.md

เนื้อหา 232 บรรทัด (แนวปฏิบัติของ Claude Skills แนะนำให้ต่ำกว่า 500 บรรทัด) รายละเอียดที่ยาวแยกไว้ในโฟลเดอร์ references

  1. เมื่อไรควรใช้
  2. กฎหลัก 7 ข้อ
  3. กฎเฉพาะขององค์กร
  4. สี
  5. ตัวอักษร
  6. สไตล์ดีไซน์ — มินิมอล
  7. น้ำเสียง
  8. โลโก้และภาพ
  9. งานแต่ละประเภท
  10. ตรวจก่อนส่งงาน
  11. ไฟล์อ้างอิง

ติดตั้งใน Claude

ดาวน์โหลดไฟล์ <ชื่อสกิล>.zip จากขั้นตอนส่งออกในแอป แล้วติดตั้งตามที่ใช้งาน

claude.ai

  1. ไปที่ Customize › Skills (claude.ai/customize/skills)
  2. กดปุ่ม + แล้วเลือก Create skill › Upload a skill
  3. เลือกไฟล์ .zip ที่ดาวน์โหลดไว้ (อัปโหลดทั้งไฟล์ ไม่ต้องแตก)

claude.ai รับ .zip ที่มีโฟลเดอร์สกิลเป็นรากและชื่อโฟลเดอร์ตรงกับชื่อสกิล — แอปจัดให้แบบนี้อยู่แล้ว

9expert-training-brand.zip
└── 9expert-training-brand/
    ├── SKILL.md
    └── references/

ต้องเปิด “Code execution and file creation” ก่อน

แพ็กเกจ Free / Pro / Max เปิดที่ Settings › Capabilities · แพ็กเกจ Team / Enterprise เจ้าขององค์กร (owner) เป็นผู้เปิดใน Organization settings

Claude Code

แตกไฟล์ .zip แล้ววางโฟลเดอร์สกิลไว้ที่ ~/.claude/skills/ (ใช้ส่วนตัว) หรือ .claude/skills/ ในโปรเจกต์ (ใช้เฉพาะโปรเจกต์นั้น)

ตัวอย่าง: ~/.claude/skills/9expert-training-brand/SKILL.md

Claude API

อัปโหลดสกิลผ่าน Skills API (/v1/skills) — วิธีเรียกใช้อยู่ในเอกสาร Agent Skills

อ้างอิง: Agent Skills overview · Use Skills in Claude · How to create custom skills

เริ่มจากเทมเพลตที่ใกล้องค์กรคุณที่สุด

เลือกเทมเพลต ปรับสี ฟอนต์ สไตล์ และน้ำเสียงจนตรงแบรนด์ แล้วดาวน์โหลดสกิลไปใช้ได้เลย

เปิด CI Skill Studio

ฟอนต์ที่เลือกได้ในแอปเป็นฟอนต์สัญญาอนุญาต SIL Open Font License ที่ host บนเว็บนี้ ยกเว้น LINE Seed Sans TH ซึ่งเป็นฟอนต์แบรนด์ที่ต้องติดตั้งในเครื่องเอง — เครื่องที่ไม่มีจะเห็น LINE Seed + Noto Sans Thai แทนในภาพตัวอย่างของแอป