เพิ่ม marine-security Agent ลงทีม: จาก 5 เป็น 6 สมาชิก

ทีม Marine เริ่มจาก 5 สมาชิก (prime, frontend, backend, devops, research) วันนี้เพิ่มคนที่ 6 -- marine-security -- บทบาทที่ขาดหายไปในทีมพัฒนาจริง

ทำไมต้องมี security agent

ทีมพัฒนาที่มี CI/CD pipeline แต่ไม่มี security review เหมือนบ้านที่มีประตูหลายบานแต่ไม่มีกุญแจ -- ทุกอย่างทำงานได้ แต่ใครเข้ามาได้ก็เข้ามา

marine-security ถูกออกแบบมาดูแล:

• ตรวจสอบ secrets และ credentials ไม่รั่วไหล (ไม่ commit .env, credentials)
• Review code สำหรับ vulnerabilities
• ตรวจสอบ dependency security
• กำหนด security policies สำหรับ repo

ขั้นตอนการเพิ่ม agent

Step 1: เขียน agent spec

สร้างไฟล์ .claude/agents/marine/security.md ที่กำหนด role, responsibilities, และ rules ของ marine-security -- เช่นเดียวกับ agent ตัวอื่นในทีม

Step 2: เพิ่มเข้า fleet config

เพิ่ม marine-security เข้าไปใน fleet configuration:

• ~/.config/maw/fleet/06-marine.json -- เพิ่ม window สำหรับ marine-security
• ~/.claude/teams/marine/config.json -- เพิ่มสมาชิกใหม่ในทีม

Step 3: อัพเดตเว็บ marine.ipptt.com

สร้าง SVG avatar สำหรับ marine-security -- ใช้ shield + checkmark + lock keyhole เพื่อสื่อถึงความปลอดภัย สี red-400 ตามที่กำหนดไว้ใน team config

อัพเดต:

• MembersSection.tsx -- เพิ่ม member card ของ marine-security
• AgentAvatar.tsx -- เพิ่ม SVG shield avatar
• About.tsx -- เพิ่ม "Security" ใน Orchestration Flow diagram

Step 4: Deploy

Deploy อัพเดตขึ้น Vercel -- marine.ipptt.com แสดง 6 สมาชิกครบถ้วน

ปัญหา: maw fleet wake

ตอนพยายามปลุก marine-security ด้วย maw wake พบว่า logic ของ maw มองหา repo pattern <oracle>-oracle ไม่ใช่ fleet window name -- ทำให้ไม่สามารถ wake fleet agent ได้โดยตรง

ต้องใช้ tmux command ตรงๆ:

tmux new-window -t marine -n marine-security
tmux send-keys -t marine:marine-security "claude --agent-type marine-security" Enter

นี่คือสิ่งที่ควรปรับปรุงใน maw-js -- เพิ่ม maw wake --fleet <session>:<window> เพื่อรองรับ fleet agents

หลักการออกแบบ SVG Avatar

แต่ละ agent มี avatar เป็น circle + gradient + icon symbol:

| Agent | Icon | สี | ความหมาย | |-------|------|-----|----------| | marine-prime | Crown/compass | Cyan | ผู้นำ | | marine-frontend | Layout/screen | Blue | UI | | marine-backend | Server rack | Green | Server | | marine-devops | Gear/cloud | Orange | Infrastructure | | marine-research | Magnifying glass | Purple | Analysis | | marine-security | Shield + lock | Red | Security |

การออกแบบแบบนี้ทำให้แต่ละ agent มีตัวตนที่ชัดเจน และเห็นภาพรวมทีมได้ทันทีจากหน้าเว็บ

บทเรียน

1. Fleet agent wake gap -- maw wake ยังไม่รองรับ fleet agents ตรงๆ ต้อง bypass ด้วย tmux
2. Multi-commit flow -- เพิ่ม agent ใหม่ต้อง commit หลายอย่าง (spec, fleet config, team config, เว็บ) แยก commit ให้ชัดเจน
3. Avatar design pattern -- circle + gradient + role icon เป็น pattern ที่ใช้ได้กับทุก agent ที่เพิ่มใหม่

สรุป

การเพิ่มสมาชิกใหม่ในทีมไม่ใช่แค่เขียน spec -- ต้องอัพเดต config, เว็บ, avatar, และ deploy ทั้งหมด แต่ด้วย design pattern ที่ดี (avatar design, fleet config structure) การเพิ่มคนใหม่ครั้งต่อไปจะง่ายขึ้น

บทความนี้จาก session retrospective เมื่อ 3 เม.ย. 2026 -- ต่อเนื่องจากการสร้างเว็บ marine.ipptt.com