← 全部的單
GitHub #299 ↗
智慧元件・功能
讓在畫布上用智慧元件的人，點一下元件左右兩邊的接點，就看到前面能接什麼、後面能接什麼；選一個，系統就把元件放好、線也接好——不用先搞懂每個元件吃什麼、出什麼。
#299 點元件的輸入／輸出接點，跳出接得上的元件清單
狀態
還沒開始
誰在做
負責人＋Claude
做到哪
還沒有分支也沒有 PR。能沿用的地基已經在：第 2 波上線的 ✦ 智慧元件選單（PR
#276
，選起東西只列接得下的）、能力目錄裡每個元件的輸入輸出宣告。第 3.5 波檔案元件（PR
#317
，等審中）把 ✦ 選單擴到檔案元件，也讓語音轉文字收得下檔案元件連進來的聲音。
卡在
排在第 3.7 波，要等前面的檔案元件 PR
#317
合併；「開發中」的 placeholder 跟
#298
同一波做，而定九種「吃什麼、出什麼」的 ADR-0130 還沒寫；本文「還沒裁」的兩題要負責人先決定。
下一步
負責人先裁本文兩題（拖線到空白處放開要不要也跳同一份清單、清單要不要列畫布上已經有的元件）。
#317
合併後，Claude 開第 3.7 波（跟
#298
一起做），瀏覽器實測、錄影貼展示頁，PR 先給 PM 宜芳看、由她分派審查。
提醒：
1. 這張還沒開始，排在第 3.7 波；前面的檔案元件 PR
#317
還在等審。
#317
已經先做了第 3.7 波清單裡「語音轉文字收連進來的聲音」的一部分，但只收檔案元件的聲音——朗讀做出來的聲音還是接不進語音轉文字，
#298
盤點說的「朗讀 → 轉回字接不起來」還在。2. 本文「還沒裁」的兩題從 10/03 開單到現在沒有回覆，也不在
#316
、
#326
的裁決整合裡；動工前要請負責人裁。3. 九種種類與 placeholder 的規則要寫進 ADR-0130，ADR-0130 還沒寫（
#298
說照負責人 10/03 裁的四題寫）。4. 現在畫布上「點一下接點、再點另一個接點」就會把兩個接起來（xyflow 套件預設的按法）；這張讓「點一下接點」改成打開清單，舊按法留不留要在動工時一起定，測試員若習慣舊按法要先講。5. ✦ 選單現在只有能按執行的人看得到（Editor 以上、畫布沒鎖、智慧元件開著）；接點選單是不是同一個規矩本文沒寫，我照「同一份清單」讀成一樣，驗收時可以用唯讀帳號看一次。6. 能力地圖頁與展示頁是 claude.ai 的私人頁，PM 可能打不開，要請負責人分享。
一步一步 9
已經定的 13
還沒定的 6
怎麼驗收 9
這張不做 4
這張要解決什麼
在畫布上用智慧元件的人：建築師、設計師、拿畫布做分鏡的試用者
，畫布上有一個「生成圖片」元件，已經跑出一張圖。想接著做下一步（轉成渲染圖、局部重畫、請它寫說明），可是不知道哪些元件吃得下這張圖、要去哪裡找、線要從哪拉到哪。負責人 10/03 的擔心就是這個：用戶不知道元件的前後輸入輸出。——要能 點元件右邊的輸出接點，看到「後面能接什麼」；點左邊的輸入接點，看到「前面要放什麼」。選一個，元件放在對的那一邊、線接好，接著就能填描述、按執行。
一步一步
9 步
負責人
先裁本文「還沒裁」的兩題：拖線到空白處放開要不要也跳同一份清單；清單要不要也列這張畫布上已經有、接得上的元件。
Claude 照裁決做；兩題都還沒裁的話，動工時照本文寫的建議先提出來確認。
使用者
在畫布上看到一個跑過的「生成圖片」元件，左邊一個圓點是輸入接點（吃什麼），右邊一個圓點是輸出接點（出什麼）。
接點夠大，iPad 用手指點得到（至少 44pt）；用鍵盤按 Tab 會停在接點上、看得到焦點框。
畫布：智慧元件「生成圖片」
生成圖片
跑出來的那張圖
● 左邊：輸入接點（吃什麼）
● 右邊：輸出接點（出什麼）
接點放大到手指點得到；Tab 停得到
使用者
點右邊的輸出接點（或 Tab 到它、按 Enter）。
跳出清單「接在後面」，只列吃得下圖的：草圖轉渲染、局部重畫、文字生成；照做出來的種類分組。還沒做好的元件也列、標「開發中」。長相和按法跟選起東西時的 ✦ 選單一樣，是同一份清單、同一支算的，只是用這個接點篩過。
接點選單：生成圖片的輸出（圖）
接在後面：吃得下這張圖的
做出圖：草圖轉渲染
局部重畫
去背（開發中）
放大（開發中）
做出字：文字生成
看圖（開發中）
開發中的混在各組裡、標「開發中」，放下去是說明卡；實際有哪些以能力地圖為準
Esc 關掉，焦點回到剛剛的接點
使用者
在清單裡選「草圖轉渲染」。
生成圖片右邊出現一個草圖轉渲染元件，中間的線已經接好，清單關掉。只是放好、接好，不會自動執行；描述照樣自己填、自己按執行。
畫布：放好、接好之後
生成圖片（左）──線──▶ 草圖轉渲染（右）
草圖轉渲染的描述（空的，等你填）
執行
使用者
改點草圖轉渲染左邊的輸入接點。
跳出清單「接在前面」，列能產生它要的東西的：畫布元素（便條、文字框、形狀、圖片、檔案）和元件（生成圖片、草圖轉渲染、局部重畫、文字生成、語音轉文字），照產出的種類分組；開發中的也列。
接點選單：草圖轉渲染的輸入（圖、字）
接在前面：能給它圖或字的
圖：圖片
檔案（圖檔）
生成圖片
草圖轉渲染
局部重畫
字：便條
文字框
形狀
文字生成
語音轉文字
開發中、產得出圖或字的也混在各組裡，標「開發中」
使用者
選「便條」。
草圖轉渲染左邊放一張空白便條，線接到渲染元件；便條上寫的字之後會當成連進來的字送出。
畫布：左邊多一張便條
便條（左）──線──▶ 草圖轉渲染
便條：想到什麼就寫…
使用者
再開一次清單，選一個標「開發中」的元件。
放下去的是一張說明卡：做什麼、吃什麼、出什麼，沒有執行鈕（伺服器也擋）。等這個元件做好上線，畫布上這張卡就地變成能用的，不用重放（
#298
）。
畫布：開發中的說明卡
（元件名稱）・開發中
做什麼：一句話說明
吃什麼：圖｜出什麼：圖
還在開發，現在不能執行
使用者
打開清單後按 Esc；或在清單裡打中文時，用注音選字按 Enter。
Esc：清單關掉，焦點框回到剛剛那個接點，可以繼續用鍵盤。組字中按 Enter 只是選字，不會誤選清單裡的項目（
ADR-0066
）。
使用者
從輸出接點拉一條線，拉到空白的地方放開。
還沒裁。本文的建議是跳出同一份清單（兩個手勢同一個結果）；今天放開什麼事都不會發生。
已經定的
13 條
點元件的輸出接點，跳出「吃得下這個成品」的元件清單；選一個就放在右邊、線接好
#299
本文（負責人 10/03：「點選輸入／輸出端口跳出對應的元件清單供選擇」）
點元件的輸入接點，跳出「能產生它要的東西」的元件與畫布元素（便條、圖片、檔案……）；選一個就放在左邊、線接好
#299
本文「要做什麼」
同一份清單、同一種按法：沿用選取後的 ✦ 選單（capabilitiesForSelection），只是依接點篩選，不另做第二種選單
#299
本文「要做什麼」
清單從能力目錄裡每個元件宣告的 inputs／output 算，前後端同一份宣告（smart_inputs_expected.json），不另寫一份對照表
#299
本文「已經裁定的」、
ADR-0124
修訂（六）
開發中的元件也列、標「開發中」；放下去是一張說明卡（做什麼、吃什麼、出什麼），沒有執行鈕、伺服器也擋；做好之後同一張卡就地變成能用的，不用重放
#299
本文、
#298
本文「要做什麼」第 3 點
能力地圖上的 40 個開發中元件全部放，包括還沒找到可商用路線的
#298
留言，負責人 10/03 裁第 2 題
互動照
ADR-0066
：Esc 關、焦點回到接點；中文組字時不送出
#299
本文「已經裁定的」、
ADR-0066
鍵盤要能用（Tab 到接點、Enter 打開、Esc 關），iPad 觸控點得到，點得到的東西至少 44pt
#299
本文、設計系統文件 docs/ui/2026-09-06-farside-design-system.md §1（裝置範圍）
驗收三個寬度：1440、1180、820（iPad 直立）；手機先不做
#299
本文「測試方式」、設計系統文件 §1（負責人 9/29）
排在新・第 3.7 波，緊接檔案元件
#289
；同一波還有開發中 placeholder（
#298
）、九種「吃什麼出什麼」、語音轉文字收連進來的聲音、文字生成收表格、圖面轉圖片
#298
留言，負責人 10/03 裁第 1 題；
#274
留言 10/03 排程更新
清單照種類分組；種類是能力地圖盤點出的九種：字、圖、聲音、影片、立體、動作、圖面、表格、檔案，另加一張「檔案類型 → 種類」對照表
#298
留言 10/03（盤點完成＋負責人裁第 1 題把九種排進第 3.7 波）
每一波做完要瀏覽器實測、錄影放展示頁，連結貼回 issue 與 PR
#274
本文最後一段、
#299
驗收條件
做完的 PR 與通知一律先給 PM 宜芳看、由她分派
#326
最後一句（負責人 10/05）
還沒定的
6 題
拖線到空白處放開，要不要也跳出同一份清單？
要：拖線放開和點接點，兩個手勢同一個結果
不要：只有點接點才跳清單
建議：
本文的建議：要
誰裁：負責人
清單裡要不要也列「這張畫布上已經有、接得上的元件」，選了就直接連過去、不新增？
列：分一區「畫布上已經有的」
不列：清單只放新元件
誰裁：負責人
吃得下這個、但還缺別的輸入的元件要不要列？例如從文字生成的輸出（字）點出去，草圖轉渲染吃得下字，但還要一張圖才跑得動。今天的 ✦ 選單是不列的（只選便條時不給渲染），本文寫「沿用 ✦ 同一支」，照做就不會列
照 ✦ 選單：不列
列出來，標「還要一張圖」，放下去之後元件自己講缺什麼
誰裁：負責人（Claude 動工時先提）
沒有任何東西吃得下的輸出，點下去清單要顯示什麼？例如朗讀做出來的聲音今天只在元件裡播，連語音轉文字也接不進去（
#317
收的是檔案元件的聲音）；「動作」這一種也沒有元件吃
講「目前沒有元件吃這個」，再列開發中的
也列容器與畫布元素這類去處
建議：
#298
盤點的說法：選單要也列容器與畫布元素這類去處（盤點的觀察，不是裁決）
誰裁：負責人
從輸入接點選了「圖片」「檔案」這種要先有檔的東西，接下來是什麼？本文只寫「選一個→放在左邊、線接好」
直接打開選檔視窗，選好才放上畫布、接線
先放一個空的元件，上面有上傳鈕
誰裁：負責人（Claude 動工時先提）
九種種類之外，要不要再加「文件／網址」一種？會影響清單怎麼分組
加
不加，照九種
誰裁：負責人（#298 還開著的六題之一）
怎麼驗收
9 項
前提：
用測試租戶、能按執行的帳號登入，開一張畫布，放一個「生成圖片」元件並跑過一次
操作：
點它右邊的輸出接點
應該看到：
跳出清單，只列吃得下圖的：草圖轉渲染、局部重畫、文字生成，照種類分組；沒有朗讀（朗讀不收圖）；還沒做好的元件標「開發中」
前提：
上一條打開的清單
操作：
選「草圖轉渲染」
應該看到：
生成圖片右邊出現草圖轉渲染、兩個之間有一條線；清單關掉；渲染元件沒有自己開始跑
前提：
畫布上一個草圖轉渲染元件
操作：
點它左邊的輸入接點，選「便條」
應該看到：
清單列的是給得出圖或字的（便條、文字框、形狀、圖片、檔案，和生成圖片、草圖轉渲染、局部重畫、文字生成、語音轉文字）；選了之後渲染元件左邊出現一張空白便條、線接好
前提：
任一個接點的清單
操作：
選一個標「開發中」的元件
應該看到：
畫布上放下一張說明卡，寫著做什麼、吃什麼、出什麼；卡上沒有執行鈕
前提：
畫布上選起一張圖片，旁邊出現「✦ 智慧元件」
操作：
按 ✦ 看清單；再點那張圖片右邊的輸出接點看清單
應該看到：
兩份清單列的元件一樣（同一份清單、同一支算的）
前提：
只用鍵盤，不碰滑鼠
操作：
按 Tab 移到生成圖片的輸出接點、按 Enter，選一項再按 Enter；再打開一次，按 Esc
應該看到：
Enter 打開清單、選了照樣放好接好；Esc 關掉之後，焦點框停在剛剛那個接點上
前提：
清單裡如果有可以打字的搜尋框
操作：
用注音輸入法打字，選字時按 Enter
應該看到：
只是選字，不會直接選到清單的項目
前提：
iPad 真機（自動化模擬不了手指），或把瀏覽器寬度調成 1440、1180、820 各看一次
操作：
用手指點接點；三個寬度各打開一次清單
應該看到：
一次就點中、跳出清單；三個寬度下清單都完整在畫面裡、沒被切掉
前提：
這一波做完
操作：
打開展示頁、
#299
與 PR
應該看到：
展示頁有這一段的錄影，
#299
和 PR 都貼了連結（只錄測試租戶的畫面）
這張不做
不另做第二種選單，也不另寫一份「誰能接誰」的對照表——都從能力目錄的宣告算
選了不會自動執行：只放元件、接好線，描述與執行照樣由人來
開發中的元件不能執行（說明卡沒有執行鈕、伺服器也擋）
手機版不做（裝置範圍先 Mac、PC、iPad）
相關的單
#247
#274
#275
#276
#289
#298
#317
#326