จัดการ Research Management

จัดการ Data Pipeline

จัดการ Progressive Web App

จับเวลาข้อสอบมาตรฐาน

จัดการการวิเคราะห์

จัดการ Master Data Management

จัดการ CI/CD

เริ่ม/หยุด

ใช้ตัวจับเวลาหลายตัวสำหรับเวิร์กโฟลว์ที่ซับซ้อน

การจัดกลุ่ม

จัดการการอัปเกรดฐานข้อมูล

ขจัดสิ่งรบกวนทั้งหมดในช่วงโฟกัส

จัดการ Access Management

จัดการ Cohort Analysis

ผู้ช่วยแชท

ขับเคลื่อนด้วยเหตุการณ์

การจัดกลุ่มและการจับคู่

จัดการ Board Management

การเพิ่มประสิทธิภาพ

เมื่อเป็นไปได้ ใช้ความคิดเห็นและโหมดระยะห่างอิสระเพื่อทำให้ Regular Expression อ่านง่ายขึ้น

จัดการการจัดเก็บข้อมูล

# Install Claude Code
npm install -g @anthropic-ai/claude-code

# Install Codex CLI
npm install -g @openai/codex

201 Created

# For Claude Code
export ANTHROPIC_API_KEY="sk-ant-xxxxxxxxxxxxx"

# For Codex CLI
export OPENAI_API_KEY="sk-xxxxxxxxxxxxx"

แทนที่ช่องว่างส่วนเกิน

หลักการทำงานของเครื่องคิดเลขดอกเบี้ย

จัดการ Survey Management

คำอธิบายฟีเจอร์นาฬิกาจับเวลา

การถอดรหัส

การประมวลผลแบบกลุ่ม

• ความเป็นโมดูล
• ใช้คีย์เฉพาะสำหรับแต่ละสภาพแวดล้อม แยกคีย์ API สำหรับการพัฒนา, staging และการผลิต
• จับคู่ที่อยู่อีเมล
• ทรัพยากรถูกย้ายไปยัง URL ใหม่อย่างถาวร
• จัดการ Serverless

จัดการ Static Site Generation

จัดการการโฮสต์แบบ Static

# CLAUDE.md - Instructions for Claude Code
# Project: SaaS Dashboard
# Stack: React 19, TypeScript, Tailwind CSS, Next.js 15

- Use functional components with hooks only
- Follow the App Router pattern in Next.js
- All API calls go through src/lib/api.ts
- Use TanStack Query for server state management
- Write tests with Vitest and Testing Library
- Use Zod for runtime type validation
- Never use any type in TypeScript
- Follow conventional commits for git messages

# .cursorrules - Instructions for Cursor
You are an expert React and TypeScript developer.
- Always use const assertions where possible
- Prefer named exports over default exports
- Use CSS modules or Tailwind, never inline styles
- Follow the existing file naming convention: kebab-case for files, PascalCase for components
- Add error boundaries around major feature sections
- Include loading states for all async operations

# .github/copilot-instructions.md - Instructions for GitHub Copilot
This project uses:
- React 19 with TypeScript strict mode
- Tailwind CSS for styling (avoid custom CSS)
- Vitest for testing
- Follow existing patterns in the codebase
- Use descriptive variable names, avoid abbreviations
- All components must have proper TypeScript interfaces

ประสิทธิภาพ

การแสดงผลหน้าจอขนาดใหญ่

Meta Keywords

จัดการ Appointment Management

# Example planning prompt for a chat assistant
"I need to implement a user notification system for our SaaS app.
Requirements:
- Users can receive in-app notifications and email notifications
- Notifications can be triggered by: new comments, task assignments, 
  system alerts, and mentions
- Users can configure notification preferences per category
- The notification bell icon shows unread count
- Notifications are marked as read when clicked
- We use React + Next.js with PostgreSQL

Please break this down into implementation steps, identify 
potential edge cases, and suggest the database schema."

201 Created

ระยะเวลา (ปี)

เมื่อคุณมีแผนแล้ว ใช้เทอร์มินัลเอเจนต์เพื่อสร้างนั่งร้านฟีเจอร์ เริ่มจากส่วนพื้นฐาน — โมเดลฐานข้อมูล, API routes และตรรกะทางธุรกิจหลัก — จากนั้นสร้างชั้น UI ด้านบน ส่งแผนของคุณเป็นบริบทให้กับเอเจนต์:

# In Claude Code
"I'm implementing a notification system. Here's the plan:

1. Create Notification model with Prisma (id, userId, type, title, 
   body, read, createdAt)
2. Create NotificationPreference model (userId, category, 
   inApp, email)
3. Build API routes: GET /notifications, POST /notifications/read, 
   PUT /notifications/preferences
4. Create notification service with methods for creating, 
   listing, and managing notifications
5. Build React components: NotificationBell, NotificationList, 
   NotificationPreferences

Start with steps 1-4 (backend). Use our existing Prisma setup 
and follow the patterns in src/services/ and src/pages/api/."

จัดการ Safety Management

จับคู่ที่อยู่ IP

• หยุดชั่วคราว/ดำเนินการต่อ
• จัดการ Customer Acquisition
• Meta Robots
• จัดการ Fundraising Management

ใช้ระยะเวลาที่ตั้งไว้ล่วงหน้าหรือป้อนเอง

จัดการ Process Management

# In Claude Code
"Review the changes in my current git diff. Check for:
1. Security vulnerabilities (SQL injection, XSS, etc.)
2. Missing error handling
3. Inconsistencies with our existing code patterns
4. Performance concerns
5. Missing or insufficient test coverage"

คุณภาพ

จัดการ Development Management

# In Claude Code
"Write comprehensive tests for the notification system:
- Unit tests for NotificationService (all methods, edge cases)
- Integration tests for API routes (auth, validation, responses)
- Component tests for NotificationBell and NotificationList
Use our existing test setup with Vitest and Testing Library.
Follow the patterns in the __tests__/ directories."

จัดการ Corporate Social Responsibility

การจับคู่

การทำให้เป็นบรรทัดฐาน

การเพิ่มเติม

จัดการ Revenue Management

# Effective bug description template
"Bug: Users are seeing duplicate notifications in their feed

Symptoms:
- When a user receives a notification, it appears twice
- The duplicate has the same ID and timestamp
- Happens intermittently, roughly 30% of the time

Context:
- This started after we deployed the WebSocket notification 
  delivery feature last week
- The notification creation happens in 
  src/services/notification.ts (createNotification method)
- WebSocket delivery is in src/websocket/handlers.ts

Error logs from production:
[attach relevant log snippets]

Expected behavior: Each notification should appear exactly once."

เปิดเครื่องมือนาฬิกาจับเวลา

การตรวจสอบลายเซ็น

จัดการ Philanthropy Management

1. ตรวจสอบความแข็งแรงของรหัสผ่าน
2. จัดการ Compliance Audit
3. จัดการ Sustainability Reporting
4. เสนอสาเหตุรากและอธิบายว่าทำไมบั๊กจึงเกิดขึ้น
5. นวัตกรรม

จัดการความเข้ากันได้ข้ามอุปกรณ์

จัดการ Knowledge Base

เปิดเครื่องมือตัวจับเวลา

# In Claude Code
"I've identified the duplicate notification bug. It's a race 
condition between the WebSocket handler and the HTTP polling 
endpoint. Both call createNotification without checking if a 
notification with the same deduplication key already exists.

Fix approach:
1. Add a deduplication key to the Notification model 
   (userId + type + sourceId hash)
2. Add a unique constraint on the deduplication key
3. Use upsert in createNotification instead of create
4. Add retry logic for constraint violation errors

Please implement this fix across all affected files."

การตรวจสอบและการทดสอบการถดถอย

หลังจากใช้การแก้ไขบั๊กแล้ว ตรวจสอบด้วยการทดสอบที่ตรงเป้าหมาย:

# In Claude Code
"Write regression tests for the duplicate notification bug:
1. Test that concurrent notification creation with the same 
   deduplication key results in only one notification
2. Test the upsert behavior in createNotification
3. Test the WebSocket + HTTP polling scenario specifically
4. Add a test that verifies the unique constraint works

Run all tests after writing them and fix any failures."

ความเสถียร

การเผยแพร่

การอนุญาต

500 Internal Server Error

จัดการ Session Management

# In Claude Code
"Analyze the src/ directory and identify refactoring targets:
1. Find duplicated code that could be extracted into shared utilities
2. Identify functions over 50 lines that should be broken down
3. Find class components that should be converted to hooks
4. Identify any use of deprecated APIs or patterns
5. Find missing error handling or type safety issues

Provide a prioritized list with estimated effort for each."

จัดการ Net Promoter Score

การประสานงาน

# Planning prompt
"I want to refactor our authentication system from class-based 
middleware to functional middleware using Express 5 patterns.

Current state:
- src/middleware/auth.ts uses a class-based AuthMiddleware
- 15 route files import and use this middleware
- Tests are in src/middleware/__tests__/auth.test.ts

Please create a step-by-step refactoring plan that:
1. Allows incremental migration (not a big-bang rewrite)
2. Keeps all existing tests passing at each step
3. Introduces the new functional middleware alongside the old one
4. Migrates routes one at a time
5. Removes the old middleware only after full migration"

ดำเนินการเปลี่ยนแปลงขนาดใหญ่

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

# In Claude Code
"Execute step 2 of the refactoring plan: Create the new 
functional middleware in src/middleware/authFunctional.ts

Requirements:
- Implement the same interface as the class-based middleware
- Use Express 5 middleware patterns
- Support the same authentication strategies (JWT, API key, session)
- Include proper TypeScript types
- Add JSDoc documentation
- Write tests that mirror the existing auth.test.ts

After creating the file, run the tests to verify everything works."

การประมวลผลแบบซิงโครนัส

การแปลง

โหมดมืด

จัดการ Customer Feedback

เอกสารมักเป็นด้านที่ถูกมองข้ามมากที่สุดในการพัฒนาซอฟต์แวร์ แต่มันสำคัญต่อประสิทธิภาพของทีมและความสามารถในการบำรุงรักษาโค้ด ผู้ช่วย AI สามารถลดความพยายามในการสร้างและบำรุงรักษาเอกสารคุณภาพสูงได้อย่างมาก

จัดการ Waste Management

จัดการ Customer Engagement

# In Claude Code
"Generate JSDoc documentation for all public methods in 
src/services/userService.ts. Include:
- Description of what each method does
- @param tags with types and descriptions
- @returns tag with return type and description
- @throws tag for methods that can throw errors
- @example tag with usage examples

Follow the existing documentation style in 
src/services/authService.ts."

กลยุทธ์ตัวจับเวลาขั้นสูง

แคช

# ADR template that AI can fill in
"Create an Architecture Decision Record for our choice to use 
TanStack Query instead of Redux for server state management.

Context: We're building a SaaS dashboard that fetches data 
from multiple API endpoints. Our current Redux setup requires 
significant boilerplate for API calls and cache management.

Include:
1. Title and status
2. Context and problem statement
3. Decision drivers
4. Considered options (at least 3)
5. Decision outcome with rationale
6. Consequences (positive and negative)"

จัดการ Resource Management

จัดการการกลายพันธุ์ข้อมูล

# In Claude Code
"Generate a comprehensive README.md for this project. Include:
1. Project name and description
2. Tech stack overview
3. Prerequisites and system requirements
4. Step-by-step installation guide
5. Environment variable configuration
6. Available npm scripts with descriptions
7. Project structure overview
8. Development workflow (branching, PRs, CI/CD)
9. Testing instructions
10. Deployment process
11. Contributing guidelines
12. License information

Read package.json, tsconfig.json, and the project structure 
to understand the tech stack and available scripts."

สร้างเอกสาร API

สำหรับ API endpoints AI สามารถสร้างเอกสารโดยละเอียดรวมถึง request/response schema ข้อกำหนดการรับรองความถูกต้อง และตัวอย่าง payload:

# In Claude Code
"Generate API documentation for all endpoints in 
src/pages/api/notifications/. For each endpoint include:
- HTTP method and path
- Description
- Authentication requirements
- Request body schema (with types and validation rules)
- Response schema (success and error cases)
- Example request and response
- Rate limiting information

Format as Markdown suitable for our developer portal."

ลายเซ็น

สมาชิกทีมใหม่ได้รับประโยชน์จากเอกสารการเริ่มงานที่มีโครงสร้าง AI สามารถวิเคราะห์โปรเจกต์ของคุณและสร้างคู่มือที่ครอบคลุมความรู้พื้นฐานที่นักพัฒนาใหม่ต้องการ:

# In Claude Code
"Create an onboarding guide for new developers joining this 
project. Include:
1. Development environment setup (step by step)
2. Project architecture overview with diagrams (ASCII)
3. Key concepts and domain terminology
4. Codebase navigation guide (where to find what)
5. Common development tasks and how to do them
6. Testing strategy and how to run tests
7. Debugging tips and common gotchas
8. Links to important documentation and resources
9. First-week suggested tasks for getting familiar with the code

Read the project structure, CLAUDE.md, and key config files 
to understand the project."

หลักการทำงานของเทคนิค Pomodoro

การสร้าง

จัดการ Data Deletion

นี่คือแนวทางปฏิบัติที่สำคัญที่สุด โค้ดที่สร้างโดย AI อาจมีบั๊ก ช่องโหว่ความปลอดภัย ข้อผิดพลาดทางตรรกะ และปัญหาที่สังเกตได้ยาก ปฏิบัติต่อผลลัพธ์ของ AI เหมือนที่คุณปฏิบัติต่อโค้ดของนักพัฒนามือใหม่ — มีประโยชน์และมักถูกต้อง แต่ต้องตรวจสอบอย่างรอบคอบก่อนรวมเข้าด้วยกัน ให้ความสนใจเป็นพิเศษกับ:

• การจับคู่
• จัดการ Personalization
• จัดการ Appointment Management
• ใช้ตัวจับเวลาในชื่อแท็บเพื่อตรวจสอบเวลาที่เหลือในพื้นหลัง
• จัดการ Transportation Management

การแสดงผลหน้าจอขนาดใหญ่

ปรับระยะเวลา Pomodoro ตามความซับซ้อนของงาน

• จัดการการส่งออกข้อมูล
• อย่ารวม API keys, รหัสผ่าน หรือความลับในพรอมต์หรือไฟล์ที่เครื่องมือ AI อ่าน
• จัดการ Nonprofit Management
• Open Graph Tags
• ตัวระบุปริมาณ

การประมวลผลพร้อมกัน

จัดการ Performance Management

• ความพร้อมใช้งาน
• ตรวจสอบความแตกต่างอย่างรอบคอบก่อน commit การเปลี่ยนแปลงที่สร้างโดย AI
• จับคู่ที่ไม่ใช่อักขระคำ
• กระแสควบคุม
• ความคิดเห็นจากการตรวจสอบโค้ด: จำนวนความคิดเห็นในการตรวจสอบสำหรับโค้ดที่ใช้ AI ช่วยเทียบกับโค้ดที่เขียนด้วยมือ

หน้าจอไม่ดับ

คลิกปุ่มหยุดเพื่อสิ้นสุดการจับเวลา

จัดการ Search Engine

จัดการ Net Promoter Score

• ปฏิบัติตามข้อตกลงการตั้งชื่อที่สอดคล้องกัน — เครื่องมือ AI เรียนรู้รูปแบบจากโค้ดของคุณ
• รักษาโครงสร้างโปรเจกต์ที่ชัดเจน — ตำแหน่งไฟล์ที่คาดเดาได้ช่วยให้ AI นำทาง
• จับคู่หมายเลขโทรศัพท์มือถือ
• จัดการ Data Lineage
• จัดการ Net Promoter Score
• จัดการการตอบสนอง

จัดการ Deadlock

หน้าจอไม่ดับ

• ใช้ /compact เป็นประจำใน Claude Code เพื่อบีบอัดประวัติการสนทนา
• การประสานงาน
• จัดการ Encryption Key Management
• จับคู่ที่อยู่อีเมล
• จัดการ Authentication

เซิร์ฟเวอร์ไม่สามารถเข้าใจคำขอ

การติดตั้ง

การกำหนดค่า

จัดการ Sustainability Reporting

# Example tracking spreadsheet columns
| Task Type          | Without AI | With AI | Improvement |
|--------------------|-----------|---------|-------------|
| Feature (small)    | 4 hours   | 2.5 hrs | 37.5%       |
| Feature (medium)   | 2 days    | 1.2 days| 40%         |
| Bug fix            | 3 hours   | 1.5 hrs | 50%         |
| Test writing       | 2 hours   | 45 min  | 62.5%       |
| Documentation      | 3 hours   | 1 hour  | 66.7%       |
| Refactoring        | 1 day     | 0.6 days| 40%         |

การแก้ไข

การยกเลิก

ความเร็วไม่ใช่ทุกอย่าง — คุณภาพโค้ดต้องรักษาหรือปรับปรุง ติดตามตัวชี้วัดคุณภาพเหล่านี้ควบคู่กับประสิทธิภาพ:

• Twitter Card Tags
• ความคิดเห็นจากการตรวจสอบโค้ด: จำนวนความคิดเห็นในการตรวจสอบสำหรับโค้ดที่ใช้ AI ช่วยเทียบกับโค้ดที่เขียนด้วยมือ
• จัดการ Customer Engagement
• จัดการ Compliance Audit
• ตรรกะทางธุรกิจ

รักษาความยาวคำอธิบายที่ 150-160 ตัวอักษร

จัดการการปรับขนาดฐานข้อมูล

• กระแสควบคุม
• จัดการ Access Management
• ความยืดหยุ่น
• ประสิทธิภาพบริบท: แต่ละงานที่เสร็จสมบูรณ์ใช้ token เท่าไหร่?
• ใช้ช่วงพักเพื่อออกห่างจากหน้าจอ

จัดการการปรับขนาดฐานข้อมูล

ความสามารถในการพกพา

1. จัดการการโหลดแบบ Lazy Loading
2. จัดให้มีการฝึกอบรม: เสนอหลักสูตรฝึกอบรมที่มีโครงสร้างครอบคลุมการตั้งค่าเครื่องมือ การพรอมต์ที่มีประสิทธิภาพ และแนวทางปฏิบัติที่ดีที่สุด
3. แบ่งปันกรณีความสำเร็จ: บันทึกและแบ่งปันตัวอย่างที่เป็นรูปธรรมของการประหยัดเวลาและการปรับปรุงคุณภาพ
4. จัดการการโหลดแบบ Lazy Loading
5. ใช้ตัวจับเวลาในชื่อแท็บเพื่อตรวจสอบเวลาที่เหลือในพื้นหลัง
6. ตั้งชั่วโมง นาที และวินาที