superpowers-zh-tw/map.html at main · shumingyang-opencode/superpowers-zh-tw · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
<!DOCTYPE html>
<html lang="zh-Hant">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>技能全景圖 · Skill Atlas · superpowers-zh-tw</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Source+Serif+4:opsz,wght@8..60,400;8..60,600;8..60,700&family=Noto+Serif+TC:wght@400;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="assets/site.css">
</head>
<body>
<div class="container">
<div class="back-link"><a href="index.html">← 首頁</a><a href="learning-path.html">學習路線</a></div>
<header>
  <h1>技能全景圖</h1>
  <div class="subtitle">Skill Atlas · Superpowers 的基本工作流：從點子到上線，一條路走到底</div>
  <div class="badge-line">點任何一格，進到逐段中英對照頁</div>
</header>
<div class="precondition">
  <a href="using-superpowers/SKILL.html"><span class="label">using-superpowers</span><span class="tag">開場白自動生效：先檢查技能，再行動</span></a>
  <div class="precondition-hint">每個 session 啟動時注入：任何回應之前先呼叫相關技能</div>
</div>
<div class="zone"><div class="zone-label">主線：從點子到上線 · idea → ship</div><div class="highway">
<div class="hwy-row">
  <div class="col-left"></div>
  <div class="col-center"><div class="pair-main"><a class="node mainline" href="brainstorming/SKILL.html"><span class="label">brainstorming</span><span class="tag">動工前的第一站：把你的點子敲成具體設計，問到你講清楚為止。</span><span class="pill">model</span></a></div></div>
  <div class="col-right"></div>
</div>
<div class="flow-arrow"></div>
<div class="hwy-row">
  <div class="col-left"></div>
  <div class="col-center"><div class="pair-main"><a class="node mainline" href="using-git-worktrees/SKILL.html"><span class="label">using-git-worktrees</span><span class="tag">開工先開一個隔離的 git worktree，主分支不被打擾。</span><span class="pill">model</span></a></div></div>
  <div class="col-right"></div>
</div>
<div class="flow-arrow"></div>
<div class="hwy-row">
  <div class="col-left"></div>
  <div class="col-center"><div class="pair-main"><a class="node mainline" href="writing-plans/SKILL.html"><span class="label">writing-plans</span><span class="tag">把定稿的設計拆成一步一步、小到 2–5 分鐘的任務，每個都標好檔案與驗證方式。</span><span class="pill">model</span></a></div></div>
  <div class="col-right"></div>
</div>
<div class="flow-arrow"></div>
<div class="hwy-row">
  <div class="col-left"></div>
  <div class="col-center"><div class="pair-main"><a class="node mainline" href="subagent-driven-development/SKILL.html"><span class="label">subagent-driven-development</span><span class="tag">照計畫逐任務派全新的子代理實作，先對規格再對品質的兩階段審查。</span><span class="pill">model</span></a></div></div>
  <div class="col-right"><a class="node on-ramp" href="executing-plans/SKILL.html"><span class="label">executing-plans</span><span class="tag">照寫好的計畫，在另開的 session 分批執行，每批有人類檢查點。</span><span class="pill">model</span></a></div>
</div>
<div class="flow-arrow"></div>
<div class="hwy-row">
  <div class="col-left"></div>
  <div class="col-center"><div class="pair-main"><a class="node mainline" href="test-driven-development/SKILL.html"><span class="label">test-driven-development</span><span class="tag">先寫會失敗的測試，再看它紅、寫最小程式讓它綠、重構——回饋逼出好程式。</span><span class="pill">model</span></a></div></div>
  <div class="col-right"><a class="node on-ramp" href="dispatching-parallel-agents/SKILL.html"><span class="label">dispatching-parallel-agents</span><span class="tag">面對 2+ 個互不依賴的任務，平行派子代理同時做。</span><span class="pill">model</span></a></div>
</div>
<div class="flow-arrow"></div>
<div class="hwy-row">
  <div class="col-left"></div>
  <div class="col-center"><div class="pair-main"><a class="node mainline" href="requesting-code-review/SKILL.html"><span class="label">requesting-code-review</span><span class="tag">任務完成、發合併前，送審查確認有沒有照需求做。</span><span class="pill">model</span></a></div></div>
  <div class="col-right"><a class="node on-ramp" href="receiving-code-review/SKILL.html"><span class="label">receiving-code-review</span><span class="tag">收到審查意見，先想清楚再動手——不是照單全收也不是硬撐。</span><span class="pill">model</span></a></div>
</div>
<div class="flow-arrow"></div>
<div class="hwy-row">
  <div class="col-left"></div>
  <div class="col-center"><div class="pair-main"><a class="node mainline" href="finishing-a-development-branch/SKILL.html"><span class="label">finishing-a-development-branch</span><span class="tag">全部測過、都綠了之後，決定要合併、發 PR 還是留著。</span><span class="pill">model</span></a></div></div>
  <div class="col-right"></div>
</div>
<div class="flow-arrow"></div>
</div></div>
<div class="zone"><div class="zone-label">隨取隨用 · 遇到問題再進來</div><div class="h-zone"><div class="h-row"><a class="node standalone" href="systematic-debugging/SKILL.html"><span class="label">systematic-debugging</span><span class="tag">遇到 bug 先別急著修：四階段根因流程，先鎖住再挖根。</span><span class="pill">model</span></a><a class="node standalone" href="verification-before-completion/SKILL.html"><span class="label">verification-before-completion</span><span class="tag">宣告完成之前，先真的跑驗證指令、親眼看到輸出——證據優先於斷言。</span><span class="pill">model</span></a></div><div class="h-note">除錯與驗證：隨時遇到隨時用，不必進主線</div></div></div>
<div class="zone"><div class="zone-label">meta 技能：怎麼寫、怎麼測、怎麼部署技能</div><div class="h-zone"><div class="h-row"><a class="node meta" href="writing-skills/SKILL.html"><span class="label">writing-skills</span><span class="tag">怎麼寫、怎麼測、怎麼部署一個技能——寫技能本身也是 TDD。</span><span class="pill">model</span></a></div><div class="h-note">寫技能本身也是 TDD——先有會失敗的測試，再寫技能</div></div></div>
<div class="legend"><span class="legend-item"><span class="legend-dot mainline"></span>主線（必走）</span><span class="legend-item"><span class="legend-dot on-ramp"></span>替代入口（擇一）</span><span class="legend-item"><span class="legend-dot standalone"></span>隨取隨用</span><span class="legend-item"><span class="legend-dot meta"></span>meta</span></div>
<div class="zone"><div class="zone-label">深讀解說 · 教學中心</div><div class="h-zone"><div class="h-row"><a class="node meta" href="docs/teaching/methodology.html"><span class="label">方法論總覽</span><span class="tag">它跟一般技能包差在哪</span><span class="pill">teaching</span></a><a class="node meta" href="docs/teaching/workflow.html"><span class="label">工作流拆解</span><span class="tag">七個階段每一步</span><span class="pill">teaching</span></a><a class="node meta" href="docs/teaching/philosophy.html"><span class="label">哲學四原則</span><span class="tag">四原則如何落地</span><span class="pill">teaching</span></a><a class="node meta" href="docs/teaching/subagent-driven.html"><span class="label">SDD 深入</span><span class="tag">為什麼全新子代理最快</span><span class="pill">teaching</span></a><a class="node meta" href="docs/teaching/skill-authoring.html"><span class="label">如何寫 Skill</span><span class="tag">寫技能也是 TDD</span><span class="pill">teaching</span></a></div><div class="h-note">策展式中文深讀——比翻譯多一層的教學解說</div></div></div>
<footer>
  <div>這是 <a href="https://github.com/obra/superpowers">obra/superpowers</a> 的繁體中文翻譯學習站——翻譯只動說明文字，指令、路徑、技能名一律照原樣，安裝照常可用。</div>
  <div>內容 © <a href="https://github.com/obra">Jesse Vincent</a>（MIT License）· 本站為非官方教學站，與 Prime Radiant 無關 · 使用 OpenCode 與 deepseek-v4-flash 進行繁中翻譯與網站設計建置</div>
</footer>

</div>
</body>
</html>