## Superpowers ร— ไบงๅ“็ ”ๅ‘ๆต็จ‹ | Linear ็Šถๆ€ | ๅฏนๅบ” Superpowers | ่งฆๅ‘ๆ—ถๆœบ | | :----------- | :----------------------------- | :------- | | Backlog/Todo | brainstorming | "ๅšไธชXXๅŠŸ่ƒฝ" | | | writing-plans | ้œ€ๆฑ‚ๆ˜Ž็กฎๅŽ | | In Progress | using-git-worktrees | ๅˆ›ๅปบๅˆ†ๆ”ฏๅ‰ | | | test-driven-development | ๅ†™ไปฃ็ ๅ‰ | | | systematic-debugging | ้‡ๅˆฐ bug ๆ—ถ | | | subagent-driven-development | ๅคšไปปๅŠกๅนถ่กŒๆ—ถ | | In Review | requesting-code-review | PR ๅˆ›ๅปบๅŽ | | | receiving-code-review | ๆ”ถๅˆฐๅ้ฆˆๅŽ | | ๅพ…ๅ‘ๅธƒ | verification-before-completion | ๅฃฐ็งฐๅฎŒๆˆๅ‰ | | | finishing-a-development-branch | ๅ‡†ๅค‡ๅˆๅนถๆ—ถ | | Done | ๏ผˆๆ— ๏ผ‰ | | ๆจกๆ‹Ÿๅœบๆ™ฏ๏ผšใ€Œ็ป™ Viva ๅŠ ไธช HelloWorld ่ฝๅœฐ้กตใ€ ๅ‡่ฎพไฝ ๅœจ ~/usr/pac/product-bu/viva ้กน็›ฎไธ‹๏ผŒๅฏนๆˆ‘่ฏด๏ผš "็ป™ Viva ๅŠ ไธช HelloWorld ่ฝๅœฐ้กต" --- ้˜ถๆฎต 1: Brainstorming๏ผˆ้œ€ๆฑ‚ๅˆ†ๆž๏ผ‰ ่งฆๅ‘ๆ—ถๆœบ๏ผšๆˆ‘ๆ”ถๅˆฐใ€ŒๅŠ ๅŠŸ่ƒฝใ€็š„่ฏทๆฑ‚ๆ—ถ ๅฎž้™…ๅŠจไฝœ๏ผš ๆˆ‘๏ผšๆˆ‘ๆญฃๅœจไฝฟ็”จ superpowers:brainstorming ๆŠ€่ƒฝๆฅๆŽข็ดข้œ€ๆฑ‚ใ€‚ [Claude ็”จ Skill ๅทฅๅ…ท่ฐƒ็”จ brainstorming] โ†“ [PostToolUse Hook ่งฆๅ‘] โ†“ [superpowers-tracker.js ๆฃ€ๆต‹ๅˆฐ brainstorming] โ†“ [ๅผ‚ๆญฅๅฏๅŠจ PMO Claude: ๅค„็† superpower_event, phase=requirements] โ†“ [PMO ๆ นๆฎ sessionId ๅˆ›ๅปบ Linear Issue: "ใ€0204-15ใ€‘Viva: HelloWorld ่ฝๅœฐ้กต"] ็„ถๅŽๆˆ‘ไผšๅผ€ๅง‹้—ฎไฝ ้—ฎ้ข˜๏ผš - ่ฟ™ไธช่ฝๅœฐ้กต็š„็›ฎ็š„ๆ˜ฏไป€ไนˆ๏ผŸ๏ผˆๅฑ•็คบไบงๅ“ / ๆ”ถ้›†้‚ฎ็ฎฑ / ไธ‹่ฝฝๅผ•ๅฏผ๏ผ‰ - ้œ€่ฆไป€ไนˆๅ†…ๅฎน๏ผŸ๏ผˆHero Section / ๅŠŸ่ƒฝไป‹็ป / CTA ๆŒ‰้’ฎ๏ผ‰ - ๆŠ€ๆœฏ็บฆๆŸ๏ผŸ๏ผˆ้™ๆ€ HTML / React ็ป„ไปถ / ๅ•็‹ฌๅŸŸๅ๏ผ‰ --- ้˜ถๆฎต 2: Writing Plans๏ผˆๅ†™ๅฎžๆ–ฝ่ฎกๅˆ’๏ผ‰ ่งฆๅ‘ๆ—ถๆœบ๏ผš้œ€ๆฑ‚ๆ˜Ž็กฎๅŽ๏ผŒๆˆ‘ๅ‡†ๅค‡ๅ†™่ฎกๅˆ’ๆ—ถ ๅฎž้™…ๅŠจไฝœ๏ผš ๆˆ‘๏ผš้œ€ๆฑ‚ๅทฒๆ˜Ž็กฎ๏ผŒๆญฃๅœจไฝฟ็”จ superpowers:writing-plans ็ผ–ๅ†™ๅฎžๆ–ฝ่ฎกๅˆ’ใ€‚ [Claude ็”จ Skill ๅทฅๅ…ท่ฐƒ็”จ writing-plans] โ†“ [Hook ่งฆๅ‘ โ†’ PMO agent] โ†“ [PMO ๆ›ดๆ–ฐ Linear Issue description๏ผŒ่ฟฝๅŠ ่ฎกๅˆ’ๅ†…ๅฎน] ๆˆ‘ไผšๅ†™ไธ€ไธช docs/plans/2026-02-04-helloworld-landing-design.md๏ผš ## ๅฎžๆ–ฝ่ฎกๅˆ’ 1. ๅˆ›ๅปบ `src/pages/landing.tsx` 2. ๆทปๅŠ  Hero Section ็ป„ไปถ 3. ๆทปๅŠ  CTA ๆŒ‰้’ฎ 4. ้…็ฝฎ่ทฏ็”ฑ `/` 5. ้ƒจ็ฝฒๅˆฐ Vercel --- ้˜ถๆฎต 3: Using Git Worktrees๏ผˆๅˆ›ๅปบ้š”็ฆป็Žฏๅขƒ๏ผ‰ ่งฆๅ‘ๆ—ถๆœบ๏ผš่ฎกๅˆ’็กฎ่ฎคๅŽ๏ผŒๅ‡†ๅค‡ๅผ€ๅง‹ๅ†™ไปฃ็ ๆ—ถ ๅฎž้™…ๅŠจไฝœ๏ผš ๆˆ‘๏ผšๆญฃๅœจไฝฟ็”จ superpowers:using-git-worktrees ๅˆ›ๅปบ้š”็ฆปๅทฅไฝœๅŒบใ€‚ [Claude ๆ‰ง่กŒไปฅไธ‹ๆญฅ้ชค] 6. ๆฃ€ๆŸฅๆ˜ฏๅฆๅญ˜ๅœจ .worktrees/ ็›ฎๅฝ• 7. ๆฃ€ๆŸฅๆ˜ฏๅฆ่ขซ .gitignore ๅฟฝ็•ฅ 8. ๅˆ›ๅปบ worktree: git worktree add .worktrees/landing -b feat/P-123-landing-page 9. cd .worktrees/landing 10. npm install 11. npm test (้ชŒ่ฏๅŸบ็บฟ) [Hook ่งฆๅ‘ โ†’ PMO agent] โ†“ [PMO ๆ›ดๆ–ฐ Linear Issue ็Šถๆ€ โ†’ In Progress] ่พ“ๅ‡บ๏ผš Worktree ready at /Users/liuyishou/usr/pac/product-bu/viva/.worktrees/landing Tests passing (47 tests, 0 failures) Ready to implement HelloWorld Landing Page --- ้˜ถๆฎต 4: ๅผ€ๅ‘๏ผˆTDD๏ผ‰ ่งฆๅ‘ๆ—ถๆœบ๏ผšๅœจ worktree ้‡Œๅ†™ไปฃ็ ๆ—ถ ๅฎž้™…ๅŠจไฝœ๏ผš [Claude ่ฐƒ็”จ superpowers:test-driven-development] โ†“ [Hook ่งฆๅ‘ โ†’ PMO ่ฎฐๅฝ•ๆดปๅŠจ๏ผˆๅฏ้€‰๏ผ‰] ๅ…ˆๅ†™ๆต‹่ฏ•๏ผš describe('Landing Page', () => { it('renders hero section', () => { ... }); it('has CTA button', () => { ... }); }); ๅ†ๅ†™ๅฎž็Žฐ๏ผš // src/pages/landing.tsx export default function Landing() { return ( <div> <h1>Welcome to Viva</h1> <button>Get Started</button> </div> ); } --- ้˜ถๆฎต 5: ้ชŒ่ฏ + ่ฏทๆฑ‚ๅฎกๆŸฅ ่งฆๅ‘ๆ—ถๆœบ๏ผšไปฃ็ ๅ†™ๅฎŒ๏ผŒๅ‡†ๅค‡ๆไบคๆ—ถ ๅฎž้™…ๅŠจไฝœ๏ผš [Claude ่ฐƒ็”จ superpowers:verification-before-completion] โ†“ - ่ฟ่กŒ npm test - ่ฟ่กŒ npm run build - ็กฎ่ฎคๆ—  lint ้”™่ฏฏ [Claude ่ฐƒ็”จ superpowers:requesting-code-review] โ†“ [Hook ่งฆๅ‘ โ†’ PMO agent] โ†“ [PMO ๆ›ดๆ–ฐ Linear Issue ็Šถๆ€ โ†’ In Review] โ†“ - ๅˆ›ๅปบ PR: gh pr create --title "feat: add landing page" --- ้˜ถๆฎต 6: ๅฎŒๆˆๅˆ†ๆ”ฏ ่งฆๅ‘ๆ—ถๆœบ๏ผšPR ๅˆๅนถๅŽ ๅฎž้™…ๅŠจไฝœ๏ผš [Claude ่ฐƒ็”จ superpowers:finishing-a-development-branch] โ†“ [Hook ่งฆๅ‘ โ†’ PMO agent] โ†“ [PMO ๆ›ดๆ–ฐ Linear Issue ็Šถๆ€ โ†’ ๅพ…ๅ‘ๅธƒ / Done] โ†“ - ๆธ…็† worktree: git worktree remove .worktrees/landing - ๅˆ ้™คๆœฌๅœฐๅˆ†ๆ”ฏ: git branch -d feat/P-123-landing-page --- ๆ€ป็ป“๏ผšๅฎŒๆ•ดๆต็จ‹ๅ›พ ็”จๆˆท: "็ป™ Viva ๅŠ ไธช HelloWorld ่ฝๅœฐ้กต" โ”‚ โ–ผ โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ” โ”‚ 1. brainstorming โ”‚ โ”‚ โ€ข ๆŽข็ดข้œ€ๆฑ‚๏ผŒ้—ฎ้—ฎ้ข˜ โ”‚ โ”‚ โ€ข PMO: ๅˆ›ๅปบ Linear Issue โ”‚ โ””โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”˜ โ”‚ โ–ผ โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ” โ”‚ 2. writing-plans โ”‚ โ”‚ โ€ข ๅ†™ docs/plans/xxx.md โ”‚ โ”‚ โ€ข PMO: ่ฟฝๅŠ ่ฎกๅˆ’ๅˆฐ Issue โ”‚ โ””โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”˜ โ”‚ โ–ผ โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ” โ”‚ 3. using-git-worktrees โ”‚ โ”‚ โ€ข git worktree add .worktrees/landing -b feat/xxx โ”‚ โ”‚ โ€ข npm install && npm test โ”‚ โ”‚ โ€ข PMO: Issue โ†’ In Progress โ”‚ โ””โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”˜ โ”‚ โ–ผ โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ” โ”‚ 4. test-driven-development โ”‚ โ”‚ โ€ข ๅ…ˆๅ†™ๆต‹่ฏ•๏ผŒๅ†ๅ†™ๅฎž็Žฐ โ”‚ โ””โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”˜ โ”‚ โ–ผ โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ” โ”‚ 5. verification-before-completion + requesting-code-review โ”‚ โ”‚ โ€ข ่ท‘ๆต‹่ฏ•ใ€ๆž„ๅปบใ€lint โ”‚ โ”‚ โ€ข ๅˆ›ๅปบ PR โ”‚ โ”‚ โ€ข PMO: Issue โ†’ In Review โ”‚ โ””โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”˜ โ”‚ โ–ผ โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ” โ”‚ 6. finishing-a-development-branch โ”‚ โ”‚ โ€ข ๅˆๅนถ PR โ”‚ โ”‚ โ€ข ๆธ…็† worktree โ”‚ โ”‚ โ€ข PMO: Issue โ†’ ๅพ…ๅ‘ๅธƒ/Done โ”‚ โ””โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”˜ ่ฟ™ๅฐฑๆ˜ฏ superpowers + PMO ็š„ๅฎŒๆ•ดๅทฅไฝœๆตใ€‚ๆฏไธชๅ…ณ้”ฎ่Š‚็‚น้ƒฝไผš่‡ชๅŠจ่งฆๅ‘ hook๏ผŒๅฏๅŠจ PMO Claude ๅŒๆญฅ็Šถๆ€ๅˆฐ Linearใ€‚ 1. ้œ€ๆฑ‚้˜ถๆฎต๏ผˆBacklog โ†’ Todo๏ผ‰ ๅฝ“ไฝ ่ฏด"็ป™ Viva ๅŠ ไธชXXๅŠŸ่ƒฝ"ๆ—ถ๏ผŒๆˆ‘ๅบ”่ฏฅๅ…ˆ็”จ brainstorming ๆŽข็ดข๏ผš - ไฝ ็œŸๆญฃๆƒณ่ฆไป€ไนˆ - ๆœ‰ๅ“ชไบ›ๆ–นๆกˆ - ๆŠ€ๆœฏ็บฆๆŸ ็„ถๅŽ็”จ writing-plans ่พ“ๅ‡บๅฎžๆ–ฝ่ฎกๅˆ’ใ€‚ 2. ๅผ€ๅ‘้˜ถๆฎต๏ผˆIn Progress๏ผ‰ - ็”จ using-git-worktrees ๅˆ›ๅปบ้š”็ฆป็Žฏๅขƒ - ็”จ test-driven-development ๅ…ˆๅ†™ๆต‹่ฏ•ๅ†ๅ†™ๅฎž็Žฐ - ้‡ๅˆฐ้—ฎ้ข˜็”จ systematic-debugging ่€Œไธๆ˜ฏไนฑ็Œœ 3. ๆ”ถๅฐพ้˜ถๆฎต๏ผˆIn Review โ†’ Done๏ผ‰ - ็”จ verification-before-completion ็กฎไฟ็œŸ็š„่ƒฝ่ท‘ - ็”จ requesting-code-review ่ฎฉๅฆไธ€ไธช session ๅฎกๆŸฅ - ็”จ finishing-a-development-branch ๅ†ณๅฎšๅˆๅนถ็ญ–็•ฅ | ็ฑปๅˆซ | Skill | ่ฏดๆ˜Ž | | :--------- | :----------------------------- | :------------------------------------------------------ | | ๅไฝœๆต็จ‹ | brainstorming | ๐Ÿ”ฅ ่‹ๆ ผๆ‹‰ๅบ•ๅผ้œ€ๆฑ‚ๆพ„ๆธ…๏ผŒๅˆ†ๆฎต้ชŒๆ”ถ่ฎพ่ฎก | | | writing-plans | ๆ‹†่งฃไปปๅŠก๏ผˆๆฏไธช 2-5 ๅˆ†้’Ÿ๏ผ‰๏ผŒๅซๆ–‡ไปถ่ทฏๅพ„+ๅฎŒๆ•ดไปฃ็ +้ชŒ่ฏๆญฅ้ชค | | | executing-plans | ๆ‰น้‡ๆ‰ง่กŒ + ไบบๅทฅ checkpoint | | | subagent-driven-development | ๐Ÿ”ฅ ไธค้˜ถๆฎต review๏ผšๅ…ˆ้ชŒ่ง„ๆ ผ๏ผŒๅ†้ชŒไปฃ็ ่ดจ้‡ | | ๆต‹่ฏ• | test-driven-development | ๐Ÿ”ฅ ๅผบๅˆถ RED-GREEN-REFACTOR๏ผŒๅ†™ไปฃ็ ๅ‰ๅ…ˆๅ†™ๆต‹่ฏ• | | ่ฐƒ่ฏ• | systematic-debugging | 4 ้˜ถๆฎตๆ นๅ› ๅˆ†ๆž | | | verification-before-completion | ไฟฎๅฎŒๅฟ…้กป้ชŒ่ฏ | | Git ๅทฅไฝœๆต | using-git-worktrees | ๅˆ›ๅปบ้š”็ฆปๅˆ†ๆ”ฏๅทฅไฝœๅŒบ | | | finishing-a-development-branch | merge/PR/discard ๅ†ณ็ญ– | | ไปฃ็ ๅฎกๆŸฅ | requesting-code-review | ๆไบคๅ‰่‡ชๆŸฅๆธ…ๅ• | | | receiving-code-review | ๅ“ๅบ” review ๅ้ฆˆ | | ๅ…ƒ | writing-skills | ๅˆ›ๅปบๆ–ฐ skill ็š„ๆœ€ไฝณๅฎž่ทต |