前言¶
在 Ardot 裏做多狀態稿、流程步或角色矩陣時，畫板往往會越堆越多：每塊單獨能看，拼成評審頁或彙報頁卻要手工對齊、補標題、調間距。AI 輔助出圖後，這個問題更明顯——產出快，整理慢，最後缺的是一份結構清晰、能直接發鏈接的展示區。
下面介紹 SkillHub 上的社區 Skill ardot-showcase-autolayout（座標 @user_da6c0764/ardot）。它的定位是在 Ardot 內，把多個已有畫板自動編排成結構化衍生展示區，並輸出可分享的交付鏈接。
這是什麼¶
ardot-showcase-autolayout 是面向 design-media 分類的 Agent Skill，當前版本 v1.0.12，來源爲 community，由發佈者 user_da6c0764 維護；SkillHub 頁面作者展示爲 kaka king。
Skill 本身不替代你在 Ardot 裏的設計工作，而是解決「畫板已有、展示未成稿」這一步：把對照、看板、演示、矩陣等場景需要的版面結構一次性搭好，並帶上主題與質量檢查，方便評審或對外演示。
核心功能¶
以下能力均來自 SkillHub 官方簡介與 API 抓取摘要，未在資料中出現的細節不作延伸。
自動編排與場景¶
- 在 Ardot 中選取已有畫板，自動編排爲結構化衍生展示區。
- 官方明確支持的展示形態包括：多狀態對照、設計評審看板、流程演示、組件/角色矩陣。
四套主題預設¶
內置 4 套主題，便於按場合切換觀感，無需從零調樣式：
- 暗色評審
- 亮色評審
- 灰度中性
- 演示彙報
佈局質量與交付¶
- 智能佈局評分與質量門禁：在生成展示區時對佈局結果做評估與約束，減少手工返工。
- 輸出可直接交付的展示鏈接，便於發給評審方或嵌入彙報流程。
其他元信息¶
- 標籤
requires_api_key=false：按 SkillHub 元數據，使用該 Skill 不依賴額外 API Key 配置。 - SkillHub 統計（抓取時點）：評分 100000，下載 20538；分類 design-media。
安裝與啓用¶
Skill 遵循通用 SKILL.md 格式。安裝方式以 SkillHub 官方說明爲準：先具備 skillhub CLI，再將包裝進當前 Agent 的 skills 目錄（必須使用 --dir，否則默認落在 ./skills/ 且 Agent 可能無法識別）。
1. 檢查或安裝 SkillHub CLI¶
確認本機是否已有 CLI：
command -v skillhub && skillhub --version
若未安裝，可按 SkillHub 安裝文檔執行完整安裝（CLI + 默認 Skill）：
curl -fsSL https://skillhub-1388575217.cos.ap-guangzhou.myqcloud.com/install/install.sh | bash
僅需 CLI 時：
curl -fsSL https://skillhub-1388575217.cos.ap-guangzhou.myqcloud.com/install/install.sh | bash -s -- --cli-only
2. 安裝本 Skill¶
將座標 @user_da6c0764/ardot 安裝到當前 Agent 正在使用的 skills 目錄。SkillHub 文檔給出的通用命令形式如下：
skillhub install @user_da6c0764/ardot --dir <skills 目錄>
常見客戶端默認路徑（摘自 SkillHub 安裝文檔，按你實際環境擇一）：
| 客戶端 | skills 目錄 |
|---|---|
| Cursor | ~/.cursor/skills/ |
| Claude Code | ~/.claude/skills/ |
| Codex | ~/.codex/skills/ 或項目下 .agents/skills/ |
Cursor 示例：
skillhub install @user_da6c0764/ardot --dir ~/.cursor/skills/
3. 通過 Agent 安裝（官方頁面推薦）¶
SkillHub 技能頁也提供「把提示詞發給 AI」的方式，核心是引用安裝說明並讓 Agent 執行安裝：
請根據 https://skillhub.cn/install/skillhub.md，安裝 `@user_da6c0764/ardot`。
安裝完成後，需讓 Agent 重新加載 skills（各客戶端要求不同；SkillHub 文檔提示安裝目錄錯誤時往往需要重啓或刷新 Agent）。
典型用法¶
公開資料未給出逐步截圖或固定 CLI 子命令，典型流程可按 Skill 簡介反推爲可復現的工作順序：
-
在 Ardot 中準備畫板
確保需要納入展示的內容已存在於畫板中（本 Skill 處理的是「已有畫板」，而非從零生成設計稿）。 -
在 Agent 中啓用
@user_da6c0764/ardot
安裝並加載後，向 Agent 說明展示目標，例如：多狀態對照、評審看板、流程演示或組件/角色矩陣；必要時指定主題（暗色評審 / 亮色評審 / 灰度中性 / 演示彙報）。 -
按 Skill 內 SKILL.md 執行編排
具體交互步驟、參數與 Ardot 側操作以安裝目錄下的 SKILL.md 爲準。Agent 會依據該文件調用編排邏輯，並觸發佈局評分與質量門禁。 -
獲取展示鏈接
通過後得到官方所稱「可直接交付的展示鏈接」，用於評審或演示。
若你使用 SkillHub 的 AI 安裝提示，第一步往往是讓 Agent 讀完 https://skillhub.cn/install/skillhub.md 並完成 --dir 指向正確的 skills 路徑，再進入上述 Ardot 編排流程。
適用場景與注意¶
適合誰¶
- 在 Ardot 內維護多畫板，需要快速產出結構化展示區的設計、產品或前端協作角色。
- 經常做設計評審看板、流程演示或狀態/角色矩陣對照，希望少花時間手工排版。
- 已在用 Agent（如 Cursor、Claude Code、Codex 等）並希望通過 Skill 統一「收尾整理」步驟的團隊。
限制與注意¶
- 依賴 Ardot 與已有畫板：Skill 描述強調的是對現有畫板的編排，不能替代源稿缺失時的設計產出。
- 社區來源：
source: community，升級與行爲變更需關注 SkillHub 上的版本說明（當前 1.0.12）。 - 安裝路徑：未使用
--dir指向 Agent skills 目錄是常見踩坑點，見 SkillHub 安裝文檔第三節。 - 詳細 API/配置項：本文未列出安裝包內未公開驗證的字段；若與 SKILL.md 衝突，以本地安裝包爲準。
結尾¶
ardot-showcase-autolayout 把「多畫板 → 結構化展示區 → 可分享鏈接」收成 Agent 可執行的 Skill 步驟，並附帶主題預設與佈局質量門禁，適合作爲 Ardot 設計協作裏偏交付與評審的一環。
官方入口：
- API / 元數據：https://api.skillhub.cn/user_da6c0764/ardot
- SkillHub 技能頁：https://www.skillhub.cn/skills/user_da6c0764/ardot
- 安裝說明：https://skillhub.cn/install/skillhub.md
