UI Design & Frontend Skills

Skill pack

AGENT SKILLS ATLAS

UI Design & Frontend Skills

Includes Abstract Writer Th, Brand Guidelines Th, Business Case Th, and other workflows.

Install with

Claude Code

Codex

Cursor

GitHub Copilot

Gemini CLI

Supported by the Atlas install prompt. Skill-specific requirements vary.

Pack stats

Skills65CategorygeneralStars0

What’s included

Abstract Writer Th

abstract วิจัย 200-300 คํา | สําหรับ นักศึกษา. Triggers when user says (Thai/EN): 'abstract

Brand Guidelines Th

brand book ครบทุก section | สําหรับ designer, UX/UI หรือคนที่ต้อง . Triggers when user says (Thai/EN): 'brand guidelines', 'brand book

Business Case Th

business case โน้มน้าวให้อนุมัติ | สําหรับ HR ธุรการ หรือผู้จัดการที่ต้อง. Triggers when user says (Thai/EN): 'business case

Caption Writer Th

caption IG/FB หลาย tone + CTA | สําหรับ นักเขียน คอนเทนต์ครีเอเตอร์ หร. Triggers when user says (Thai/EN): 'caption', 'แคปชั่น

Citation Formatter Th

แปลง reference ทุก format | สําหรับ นักศึกษา. Triggers when user says (Thai/EN): 'citation', 'อ้างอิง', 'APA

Color Palette Th

palette + rationale + accessibility | สําหรับ designer, UX/UI หรือคนที่ต้อง . Triggers when user says (Thai/EN): 'color palette', 'จัด color

Competitor Analysis Th

breakdown คู่แข่ง SEO, content, positioning, pricing | สําหรับ นักการตลาด ครีเอเตอร์ฟรีแลนซ์ . Triggers when user says (Thai/EN): 'วิเคราะห์คู่แข่ง', 'competitor analysis

Copy Editing Th

line-by-line edit + ปรับ tone | สําหรับ นักเขียน คอนเทนต์ครีเอเตอร์ หร. Triggers when user says (Thai/EN): 'copy edit', 'ขัดเกลา copy

Cover Letter Th

cover letter ตามตําแหน่ง | สําหรับ นักศึกษา. Triggers when user says (Thai/EN): 'cover letter', 'จดหมายสมัครงาน

Daily Standup Th

format yesterday/today/blocker | สําหรับ พนักงานออฟฟิศที่อยากทํางานเร็วข. Triggers when user says (Thai/EN): 'standup', 'daily update

Design Audit Th

ตรวจตาม 19 professional design rules | สําหรับ designer, UX/UI หรือคนที่ต้อง . Triggers when user says (Thai/EN): 'design audit', 'ตรวจดีไซน์

Design Brief Th

brief สําหรับ designer/agency | สําหรับ designer, UX/UI หรือคนที่ต้อง . Triggers when user says (Thai/EN): 'design brief

Docx Th

สร้าง .docx + heading, TOC, table | สําหรับ HR ธุรการ หรือผู้จัดการที่ต้อง. Triggers when user says (Thai/EN): 'word doc', 'docx', 'เอกสารเวิร์ด

Email Sequence Th

email sequence 5-7 ฉบับ onboarding/lead nurture | สําหรับ นักการตลาด ครีเอเตอร์ฟรีแลนซ์ . Triggers when user says (Thai/EN): 'email sequence', 'drip campaign

Email Subject Th

email subject lines + A/B test variants | สําหรับ นักการตลาด ครีเอเตอร์ฟรีแลนซ์ . Triggers when user says (Thai/EN): 'subject line', 'หัวข้ออีเมล

Employee Handbook Th

employee handbook ทุก section | สําหรับ HR ธุรการ หรือผู้จัดการที่ต้อง. Triggers when user says (Thai/EN): 'คู่มือพนักงาน', 'employee handbook

Essay Writer Th

essay 5 paragraph + argument | สําหรับ นักศึกษา. Triggers when user says (Thai/EN): 'essay', 'เรียงความ

Exam Prep Th

study plan + practice question | สําหรับ นักศึกษา. Triggers when user says (Thai/EN): 'เตรียมสอบ', 'exam prep

Facebook Ads Th

สร้าง ad copy + creative brief สําหรับ Meta Ads | สําหรับ นักการตลาด ครีเอเตอร์ฟรีแลนซ์ . Triggers when user says (Thai/EN): 'FB ads', 'Facebook ads', 'โฆษณาเฟส

Figma Review Th

review Figma + post comment อัตโนมัติ | สําหรับ designer, UX/UI หรือคนที่ต้อง . Triggers when user says (Thai/EN): 'figma review', 'ตรวจดีไซน์

Figma to Code Th

Figma design → React/HTML 1:1 | สําหรับ designer, UX/UI หรือคนที่ต้อง . Triggers when user says (Thai/EN): 'figma to code', 'figma code

Google Ads Th

Google Ads copy ทั้ง headline + description | สําหรับ นักการตลาด ครีเอเตอร์ฟรีแลนซ์ . Triggers when user says (Thai/EN): 'Google ads', 'search ads

Interview Kit Th

interview kit ตามตําแหน่ง + rubric | สําหรับ HR ธุรการ หรือผู้จัดการที่ต้อง. Triggers when user says (Thai/EN): 'interview kit', 'คําถามสัมภาษณ์

Interview Prep Th

คําถาม + คําตอบ STAR method | สําหรับ นักศึกษา. Triggers when user says (Thai/EN): 'เตรียมสัมภาษณ์', 'interview prep

Showing 24 of 65 skills. Use the list’s page controls above to explore the rest.

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:

Example request

Use the Abstract Writer Th 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.

Installation guide →Skill review & security →