ใช้ chrome-devtools MCP สร้างและรัน test case (E2E/manual UI test) กับ Jewelry UI — ใช้เมื่อต้องทดสอบ flow บนหน้าจอจริง, verify feature, เขียน test case, หรือ reproduce bug ผ่าน browser…
EnglishGuidelines for organizing React components in Shadow Master. Use when creating new components, deciding between single-file vs subfolder structure, or understanding the component architecture.
EnglishResponsive design สําหรับ Web (Tablet & Desktop) — ใช้เมื่อสร้าง web component ใหม่, จัด layout, หรือเลือก responsive…
Englishมาตรฐาน layout ของหน้าและ form — page header bar, search bar 4-section, card section, form row 2/4-col, input padding sync, button spacing — ใช้เมื่อสร้าง/ปรับ UI หน้า list/search/create/edit, form layout, section card, page…
Englishระบบปุ่มและ color theme ของโปรเจกต์ — ใช้เมื่อเพิ่มปุ่ม, เลือก class ปุ่ม, หรือกําหนดสีใน…
Thaiคู่มือการ export Excel (.xlsx) ในโปรเจกต์นี้ — ใช้เมื่อต้องสร้าง excel, xlsx, export excel, ExcelHelper, รายงาน, document builder, ตาราง Excel ที่มี header…
UncertainGeneric PrimeVue wrapper components — ตรวจสอบก่อนใช้ PrimeVue ตรงๆ และสร้าง generic wrapper…
Uncertainคู่มือการเขียนและปรับปรุงไฟล์ .md ในโปรเจกต์นี้ — ใช้เมื่อต้องสร้างหรือแก้ไข CLAUDE.md, SKILL.md, หรือ documentation…
Thai
AGENT SKILLS ATLASIncludes Chrome MCP Testing, Component Patterns, Responsive Web, and other workflows.
Claude Code
Codex
Cursor
GitHub Copilot
Gemini CLISupported by the Atlas install prompt. Skill-specific requirements vary.
Pack stats
What’s included
Chrome MCP Testing
ใช้ chrome-devtools MCP สร้างและรัน test case (E2E/manual UI test) กับ Jewelry UI — ใช้เมื่อต้องทดสอบ flow บนหน้าจอจริง, verify feature, เขียน test case, หรือ reproduce bug ผ่าน browser อัตโนมัติ
Component Patterns
Guidelines for organizing React components in Shadow Master. Use when creating new components, deciding between single-file vs subfolder structure, or understanding the component architecture.
Responsive Web
Responsive design สําหรับ Web (Tablet & Desktop) — ใช้เมื่อสร้าง web component ใหม่, จัด layout, หรือเลือก responsive class
UI Layout
มาตรฐาน layout ของหน้าและ form — page header bar, search bar 4-section, card section, form row 2/4-col, input padding sync, button spacing — ใช้เมื่อสร้าง/ปรับ UI หน้า list/search/create/edit, form layout, section card, page title
Button System
ระบบปุ่มและ color theme ของโปรเจกต์ — ใช้เมื่อเพิ่มปุ่ม, เลือก class ปุ่ม, หรือกําหนดสีใน component
Excel System
คู่มือการ export Excel (.xlsx) ในโปรเจกต์นี้ — ใช้เมื่อต้องสร้าง excel, xlsx, export excel, ExcelHelper, รายงาน, document builder, ตาราง Excel ที่มี header หรือรูปภาพ
Generic Components
Generic PrimeVue wrapper components — ตรวจสอบก่อนใช้ PrimeVue ตรงๆ และสร้าง generic wrapper ถ้ายังไม่มี
Markdown Instruction
คู่มือการเขียนและปรับปรุงไฟล์ .md ในโปรเจกต์นี้ — ใช้เมื่อต้องสร้างหรือแก้ไข CLAUDE.md, SKILL.md, หรือ documentation ใดๆ
Modal System
การสร้าง Modal dialog — ใช้เมื่อสร้าง modal, popup form, dialog แสดงรายละเอียด
Quick start
- Choose your skills. Select individual skills above, or choose the entire pack.
- Copy the install prompt. Use Copy install prompt above the list.
- Send it to your agent. Paste into your coding agent’s chat. Your agent reviews the source and guides the setup.
Try it with your agent
After installation, start with a request like:
Use the Chrome MCP Testing skill to help with my task.
Ask me for the context you need before getting started.Requirements & license
- A coding agent that can access your project files and install skills.
- Your agent checks each skill’s instructions, dependencies, and permissions during setup.
- License details are not provided in these listings. Check the author’s terms before using the skills.