หลายคนใช้ Claude ทุกวัน แต่ใช้อยู่แค่ช่องแชทช่องเดียว พิมพ์ถาม รอคำตอบ ปิดแท็บ วนแบบนี้ไปเรื่อยๆ ทั้งที่ของที่มีให้ใช้มันเยอะกว่านั้นมาก และส่วนใหญ่เซ็ตอัพแค่ไม่กี่นาที แต่ได้คืนกลับมาทุกวันหลังจากนั้น รอบนี้ผมใส่ prompt ตัวอย่างไว้ให้ด้วย ก็อปไปวางแล้วแก้ตรงวงเล็บให้เป็นข้อมูลของเราได้เลย
.
เริ่มจากของพื้นฐานที่สุดคือ Projects ปกติเปิดแชทใหม่ทีไร Claude เริ่มจากศูนย์ทุกครั้ง ไม่รู้ว่าเราทำงานอะไร ลูกค้าเป็นใคร ชอบให้ตอบแบบไหน เราก็ต้องเล่าใหม่ตลอด Projects แก้ตรงนี้ได้หมด สร้างโปรเจกต์ขึ้นมา อัปโหลดเอกสารที่ใช้ประจำ แล้วเขียน instructions ไว้ครั้งเดียว use case ที่ผมใช้จริงคือแยกโปรเจกต์ตามลูกค้า หนึ่งลูกค้าหนึ่งโปรเจกต์ ใส่ brand guideline กับ design system เข้าไป แล้วทุกงานที่ทำให้ลูกค้าเจ้านั้นก็คุยในนั้นอย่างเดียว
.
1. Projects
พื้นที่ที่ Claude จำบริบทของเราไว้ถาวร หนึ่งลูกค้าหรือหนึ่งโปรดักต์ต่อหนึ่งโปรเจกต์ อัปโหลด brand guideline กับ design system เข้าไป แล้วทุกงานคุยในนั้นอย่างเดียว ไม่ต้องเล่าใหม่
----------------------
You are my design system assistant for [Client Name].

Context: I'm the UX lead on this account. The team ships with
[framework] and our tokens follow a 3-tier DTCG structure.

Standing rules for every response:
1. Check the uploaded design system doc before proposing anything new
2. Flag it explicitly if my request conflicts with an existing token
or component, and name the conflict
3. Return token names, never raw hex values
4. If I ask for a new component, tell me first whether an existing
one can be composed to do the same job

Tone: direct. No opening pleasantries. No "Great question".
----------------------
2. Artifacts
ของที่ใช้งานได้จริงในแชท ไม่ใช่โค้ดที่ต้องก็อปไปวางที่อื่น ใช้ทำ prototype ให้ลูกค้ากดดูสด ๆ ในที่ประชุม หรือทำเครื่องมือเล็ก ๆ ไว้ใช้เอง
----------------------
Build me a working web app: a WCAG contrast auditor for a token set.

- Let me paste a JSON object of color tokens
- Compute contrast for every foreground/background pair
- Show a matrix: rows = text tokens, columns = surface tokens
- Each cell shows the ratio and AA / AAA pass state at 14px and 18px
- Failing cells are clickable and suggest the nearest passing shade
- Add an "export failing pairs as CSV" button

Design: light, minimal, generous whitespace, monospace for numbers.
Pass/fail state must be readable at a glance without reading numbers.
----------------------
3. Extended Thinking
เปิดตอนตัดสินใจจริงจัง คำถามง่าย ๆ ไม่ต้องใช้ แต่พอเป็นเรื่องที่มีต้นทุนสูง ความต่างของคำตอบชัดมาก
----------------------
I'm deciding between two options. Think this through fully before
you answer.

Option A: [option A]
Option B: [option B]
My situation: [context, constraints, what matters most]
My deadline: [when I must decide]

Work through:
- Second and third-order consequences of each path
- What I'm overweighting emotionally, and what I'm underweighting
- What information I'm missing that would flip the decision
- Which option has better downside protection if things go wrong
- What the reversible version of each option looks like

Then commit to a recommendation. Don't hedge.
----------------------
4. Memory
ให้มันจำว่าเราคือใคร ทำงานอะไร ชอบให้ตอบยังไง เปิดแชทใหม่แล้วรู้บริบทเลย
----------------------
Remember the following so I never repeat it:

Role: [role] at [company]. Current focus: [project].
My audience: [who they are].
Communication style I want: [direct / detailed / casual].
Things I don't want: [long intros, excessive caveats, filler].
Recurring formats I use: [e.g. always give me the token name].

Apply this in every conversation unless I override it.
----------------------
5. Claude in Chrome
มองเห็นแท็บที่เราเปิดอยู่และลงมือทำแทนได้ อ่านหน้า กดลิงก์ กรอกฟอร์ม ไล่หน้าต่อไปเรื่อย ๆ
----------------------
I'm on this listings page.

Extract from every visible item: title, company, price or salary
range if shown, location, and the top 3 requirements.

Then click through every remaining page and keep collecting until
there are no more results.

Output a single comparison table sorted by price descending, and
flag any row where a required skill is missing from this list:
[skill 1], [skill 2], [skill 3].
----------------------
6. Role prompting
ตัวนี้ไม่ต้องเปิดฟีเจอร์อะไรเลย แต่เปลี่ยนผลลัพธ์มากที่สุด กำหนดบทบาทตั้งแต่ประโยคแรกแล้วมันจะเปลี่ยนทั้งวิธีถามกลับและสิ่งที่มันไม่ยอมปล่อยผ่าน
----------------------
You are a brutally honest mentor. You've built and failed at multiple
companies and watched a hundred people make the same mistakes with
complete confidence.

Your job is not to encourage me. It's to protect me from my blind
spots before I spend money I can't get back.

Rules:
- Disagree when you think I'm wrong, and be specific about why
- Name what I'm avoiding because I want my plan to work
- Ask the hard questions I haven't asked myself
- If it's a bad idea, say so. No "on the other hand"
- End with the single most important thing to resolve before I move

Here's the idea. Do not be kind about it: [idea]
----------------------
7. Scheduled Tasks (Cowork)
ตั้งครั้งเดียว ให้มันรันเองตามเวลา แล้วเซฟผลลัพธ์ไว้ให้ ไม่ต้องรอเราเปิดแชท
----------------------
Every weekday at 7:30am:

1. Search for news from the last 24 hours in AI tooling, design
systems, and frontend
2. Pick the 5 most consequential. Prioritize anything surprising or
with direct implications for practitioners. Skip funding rounds
unless the product changes
3. For each: headline, 2-sentence summary, why it matters to me
specifically, and one link
4. Save as "brief-[YYYY-MM-DD].md" in my /briefs folder

Direct and analytical. No fluff. Readable in 3 minutes.
----------------------
8. Skills
ชุดความสามารถที่ติดตั้งเพิ่มได้ เหมือนลงแอปในมือถือ ติดตั้งครั้งเดียวแล้วมันรู้วิธีทำงานประเภทนั้นเอง ไม่ต้องอธิบายซ้ำทุกครั้ง และเขียน skill ของตัวเองได้ด้วย
----------------------
Create a reusable skill for my design system audits.

The skill should trigger whenever I ask to audit, review, or check a
component or a token set.

Its workflow:
1. Read the token source files and the component in question
2. Check for hardcoded values that should be tokens
3. Check accessibility: contrast, focus states, target size, ARIA
4. Check naming against our convention: category.property.variant
5. Output a table: file, line, issue, severity, suggested fix

Write the SKILL.md with a description precise enough that it fires on
audit requests but not on general code questions.
----------------------
9. CLAUDE.md และงานไฟล์
ไฟล์กฎที่มันอ่านเองทุกครั้งที่เริ่มงานใหม่ในโฟลเดอร์นั้น เขียนครั้งเดียวใช้ตลอด
----------------------
# Project: [Project Name]

## About
Design system for [product]. Users are internal product teams.
Tokens follow DTCG. Components built on shadcn/ui.

## Naming rules
- Tokens: category.property.variant (color.bg.subtle)
- No raw hex in components. Tokens only.
- Components PascalCase, utilities camelCase

## Writing rules
- Short paragraphs, max 3 sentences
- No em dashes
- Numbers beat adjectives: "cuts 3 clicks" not "improves usability"

## Definition of done
- Passes the a11y audit skill
- Has a usage doc in /docs with a do and a don't example
- No new token introduced without a comment explaining why
----------------------
10. Claude Code
สายโค้ดที่ทำงานอยู่ในสภาพแวดล้อมจริงของเรา อ่าน codebase ได้ เขียนโค้ดใหม่ได้ รันเทสต์ อ่าน error แล้ววนแก้จนกว่าจะเสร็จ ต่อกับ VS Code หรือ JetBrains ได้ และเอาไปวางใน CI ให้ช่วยรีวิว pull request ก็ได้ ตัวอย่างการสั่งที่ได้ผลคือสั่งเป็นเป้าหมาย ไม่ใช่สั่งเป็นขั้นตอน
----------------------
Audit every component in /components for accessibility.

For each issue: file, line, the WCAG criterion violated, and the fix.
Then apply the fixes and run the test suite. If a test breaks, fix it
and run again until everything passes.

Constraints:
- Don't refactor anything unrelated to accessibility
- Don't add dependencies
- Don't change public props without telling me first

When done, give me a summary grouped by criterion, and a list of
anything you chose not to fix and why.
----------------------
11. Claude Design
งาน visual design อย่าง one pager, pitch deck, prototype, layout หน้าเว็บ export เป็น PPTX, PDF หรือ HTML ได้ ย่นเวลาจากนั่งจัดหน้าเป็นชั่วโมงเหลือคุยกันสิบนาที
----------------------
Create a one-page deck slide for a design system proposal.

Audience: engineering leads who think this is overhead.
Goal: get budget approval for one quarter of work.

Content to include:
- The cost of the current state in concrete numbers: [numbers]
- What we ship in 12 weeks
- What stops being a problem afterward
- What we are explicitly not doing

Style: restrained, high contrast, one accent color, plenty of white
space, no stock illustration. Numbers should be the largest elements
on the slide.
----------------------
12. Prompt Caching
สำหรับสาย API ถ้าทุก request มีก้อน context เดิมซ้ำ ๆ อย่าง system prompt ยาว ๆ เอกสารอ้างอิง หรือชุด tool definitions เราจ่ายค่าประมวลผลก้อนนั้นใหม่ทุกครั้งโดยไม่จำเป็น
----------------------
{
"model": "claude-sonnet-5",
"system": [
{
"type": "text",
"text": "[your design system doc or large reference context]",
"cache_control": {"type": "ephemeral"}
}
],
"messages": [
{ "role": "user", "content": "[user message, changes each call]" }
]
}
----------------------
ผมเชื่อว่าหลายคนใช้ Claude อยู่แล้วแต่ยังไม่เคยแตะสามในสิบสองข้อนี้ ลองบอกหน่อยว่าข้อไหนที่คุณจะไปเซ็ตเป็นอันแรก เดี๋ยวผมช่วยแนะนำต่อให้
.
#DesignLazyyy #แอดแมว #Claude #ClaudeAI #Anthropic #AItools #AIforDesigners #DesignSystem #UXUI #PromptEngineering