# AILoadout manifest — full-stack-dev
id: full-stack-dev
title: Full-Stack Dev (React + TypeScript)
version: 1.0.0
category: Coding
purpose: ชุดทำงานครบสำหรับสร้างฟีเจอร์เว็บ React + TypeScript กับ AI — ตั้งแต่วางแผน เขียน รีวิว ยันเปิด PR
supported_ai:
  - claude-code
  - cursor
  - windsurf
  - cline
  - vscode
  - codex
  - claude
  - chatgpt
resources:
  prompts:
    - id: prompt-feature
      name: Feature Implementation
      source: inline
  rules:
    - id: rule-react-ts
      name: React + TypeScript Standards
      source: inline
  skills:
    - id: skill-code-review
      name: Code Reviewer
      source: https://github.com/anthropics/skills
  mcps:
    - id: mcp-context7
      name: Context7
      source: https://github.com/upstash/context7
      install: npx -y @upstash/context7-mcp
    - id: mcp-filesystem2
      name: Filesystem
      source: https://github.com/modelcontextprotocol/servers/tree/main/src/filesystem
      install: npx -y @modelcontextprotocol/server-filesystem .
    - id: mcp-github
      name: GitHub
      source: https://github.com/github/github-mcp-server
  templates:
    - id: template-pr
      name: PR Description
      source: inline
workflow:
  - step: วางแผน
    order: 1
    uses: [prompt-feature]
  - step: วางโครง
    order: 2
    uses: [mcp-filesystem2, rule-react-ts]
  - step: ลงมือเขียน
    order: 3
    uses: [prompt-feature, rule-react-ts, mcp-context7]
  - step: รีวิว
    order: 4
    uses: [skill-code-review]
  - step: เขียนเทสต์
    order: 5
    uses: [prompt-feature, rule-react-ts]
  - step: เปิด PR
    order: 6
    uses: [template-pr, mcp-github]
