安裝
npx skills add sleekdotdesign/agent-skills適合誰
這份指南面向要做行動應用介面、並希望智慧體直接在 Sleek 裡建立設計稿的人。Sleek 是官方寫明的 AI 驅動行動應用設計工具,地址是
https://sleek.design/
倉庫見
https://github.com/designed-by-ai/skills
現有材料只記錄了一個技能:design-mobile-apps,用於設計行動應用、建立畫面,以及管理 Sleek 專案。技能目錄在
https://github.com/designed-by-ai/skills/blob/main/skills/design-mobile-apps
它適合你已經有 Sleek 帳號、準備好金鑰,並且智慧體能夠讀取工作目錄技能檔案的時候。它不適合沒有金鑰、或不打算使用 Sleek 的人。不要從這一份材料推斷還有未寫出的技能。
3 分鐘完成第一次嘗試
只走官方推薦的一條路徑。
前置條件:本機可執行 npx,並且已把金鑰放進環境變數 SLEEK_API_KEY。金鑰在以下頁面建立:
https://sleek.design/agents/setup
不要把金鑰寫進對話或倉庫。執行安裝前,確認目前工作目錄就是你要放技能的專案。
安裝位置:官方寫明 npx skills add 會把技能裝到工作目錄的 .agents/skills/。若智慧體不會在這裡發現技能,需要把已安裝的 SKILL.md 明確指給它。
複製並執行:
npx skills add sleekdotdesign/agent-skills
官方說明這是互動式瀏覽安裝。成功訊號:工作目錄出現 .agents/skills/,其中能看到已安裝的 SKILL.md。先做一次唯讀檢查:請智慧體說明它將如何建立一塊行動應用畫面、會用到哪些 Sleek 專案資訊,但先不要呼叫介面、不要改專案。能指向 design-mobile-apps 並提到需要 SLEEK_API_KEY,說明技能已被找到。
建立畫面或改專案會寫到 Sleek 側,屬於有副作用的外部操作。確認專案和畫面範圍之前,不要授權真正呼叫。
使用案例
案例一:建立行動應用畫面。對應 design-mobile-apps 寫明的「建立設計畫面」。適合金鑰已設定、技能已出現在 .agents/skills/。先讓智慧體在對話裡寫出畫面結構和文案,你確認後再授權寫入 Sleek。成功時,Sleek 專案中出現對應畫面。材料沒有展開具體介面欄位或命令,超出「能建立畫面」這一點不能補全。
案例二:管理既有 Sleek 專案。對應同一技能裡的「管理 Sleek 專案」。適合專案已經存在,你只想讓智慧體查看或整理,而不是立刻新建設計。先確認專案識別,並要求唯讀說明目前能做什麼。若智慧體沒發現 .agents/skills/,按官方提示把安裝好的 SKILL.md 路徑指給它。成功訊號是它能對上該專案,而不是建立了未授權的新畫面。材料沒有給出專案清單介面細節。
使用界線
安裝命令指向 sleekdotdesign/agent-skills,與倉庫地址不是同一字串;不要改寫成未出現的安裝來源。材料沒有點名必須支援的用戶端,也沒有第二市場安裝步驟。
沒有 SLEEK_API_KEY 時不要呼叫。金鑰只放環境變數,不要用佔位符示例金鑰。現有材料只證明這一個技能資料夾,不要編造其他技能名或路徑。
建立畫面和管理專案都會影響 Sleek 中的資料。先預覽、再授權。更多說明以官方倉庫為準:
https://github.com/designed-by-ai/skills