前言¶
在 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
