技能包

用 better-interface 一次檢查介面相關技能

適合要從介面、字體、顏色、無障礙、佈局和產品文案改進介面的人,前提是先裝官方 npx skills add;第一次先核對 better-interface,不要先跑會寫臨時頁的 break。

官方來源 · jakubkrehel/skills

安裝

npx skills add jakubkrehel/skills

適合誰

你要讓代理從介面、字體、顏色、無障礙、佈局和產品文案入手,幫你做出更好的介面時,用這組技能。原文把它寫成涵蓋這些主題的 agent skills 集合。官方倉庫是

https://github.com/jakubkrehel/skills

其中 better-interface 會把所有 better-* 技能合併成一次 review。說明見

https://github.com/jakubkrehel/skills/blob/main/skills/better-interface/SKILL.md

還沒有準備在本機執行官方安裝時,先不要繼續。原文沒有把集合裡的每一項都寫成可複製命令,不要自行補未點名的技能名。斜線形式的 marketplace 與 install 出現過,但沒有點名用戶端,不要給它們加上產品名,也不要當成第一條主路徑。

3 分鐘完成第一次嘗試

先打開官方倉庫核對:

https://github.com/jakubkrehel/skills

推薦安裝只有這一條。裝技能會往本機寫入檔案,執行前確認你要留下這組介面技能:

npx skills add jakubkrehel/skills

成功訊號是這條命令正常結束。原文沒有寫技能落盤目錄,不要自行補路徑。原文另外寫過 /plugin marketplace add jakubkrehel/skills 和 /plugin install interfaces@interfaces,第一次不要並列使用,也不要寫成某用戶端專用。

第一次在代理裡只做核對,不要先讓它寫臨時頁。請代理說明:這組技能涵蓋介面、字體、顏色、無障礙、佈局和產品文案,並且 better-interface 會把 better-* 合併成一次 review。觀察點是它能複述涵蓋範圍,並且還沒有建立頁面、也沒有開始壓力測試。

break 是使用者呼叫的:把你選的元件在每種狀態和場景裡渲染到臨時頁並做壓力測試。說明見

https://github.com/jakubkrehel/skills/blob/main/skills/break/SKILL.md

這會寫臨時頁,屬於副作用。第一次不要跑 break。只有當你指定一個可丟棄的元件、並確認可以產生臨時頁時再考慮。原文沒有給出元件路徑樣例,不要編造。

使用案例

案例一:先按官方 npx 路徑安裝,再核對涵蓋範圍。確認你接受寫入技能檔後,執行 npx skills add jakubkrehel/skills。適合只想把介面技能接到代理、還不準備改頁面的人。成功訊號是安裝結束,並且代理能說出介面、字體、顏色、無障礙、佈局和產品文案,以及 better-interface 的合併 review。若安裝失敗,停下,不要改用斜線外掛命令。

案例二:先讀懂 break,再決定要不要呼叫。裝好後,讓代理複述 break:由使用者呼叫,把所選元件在每種狀態和場景渲染到臨時頁並做壓力測試。適合擔心代理會直接寫頁的人。成功訊號是它承認這是使用者呼叫、會產生臨時頁,並且這一次沒有真的渲染。真正呼叫前,確認目標元件可以丟棄,並接受臨時頁寫入。原文沒有寫如何關閉臨時頁,不要編造清理命令。也不要發明未出現在摘錄裡的其他工作流程名稱。

使用邊界

主路徑只有 npx skills add jakubkrehel/skills。斜線 marketplace 與 install 不是第一次嘗試的主路徑,也沒有被寫成某用戶端專用。能力涵蓋介面、字體、顏色、無障礙、佈局和產品文案。better-interface 把 better-* 合併成一次 review。break 會寫臨時頁並做壓力測試,必須由使用者呼叫。

原文沒有寫技能目錄、解除安裝步驟,也沒有列出全部 better-* 名稱。沒有寫到的技能名、用戶端名和清理命令,不要補全。第一次成功只看安裝結束和代理能複述涵蓋範圍;真正做 break 之前必須先確認臨時頁可以丟棄。這是幫你建構更好介面的技能集合,不是另一套安裝器市場。 若代理主動跑 break,先停下來改成唯讀複述。 原文只點名了 better-interface 與 break 兩份說明,其他 better-* 不要自行補檔名。 第一次也不要把斜線 install 的 interfaces@interfaces 當成第二條主路徑。 只想單獨改文案或單獨調顏色、並不需要整組介面技能的人,也可以先讀倉庫,但不必要立刻安裝。 原文把目標寫成幫你建構更好的介面,第一次仍以唯讀複述為準。 better-interface 的說明頁和 break 的說明頁都在官方倉庫裡,位址必須保持原樣,不要改寫成其他路徑。 若代理開始改正式頁面上的多個元件,先停下來,回到可丟棄的單元件,或繼續只做說明。 證據沒有寫解除安裝或更新命令,不要自行補第二條安裝器。