前言¶
在 Ardot 里做界面设计时，标题、按钮文案、多语言或运营改字都会让文本长度变化。若约束和自动布局没跟上，常见结果是文字溢出容器、被截断，或相邻区块挤压塌陷。手工逐个调约束费时，也容易漏掉极端文案。
下面介绍社区 Skill layout-adaptation（坐标 @user_5d52b855/layout-adaptation）。它面向「设计稿自动布局 + 文本变化时布局仍正确」这一类问题，由 SkillHub 上的 腾讯设计 Ardot作者（发布者 ID：user_5d52b855）维护，当前版本 1.0.0，分类为 design-media，来源为 community。SkillHub 页面标注 requires_api_key=false，安装与使用不依赖额外 API Key。
这是什么¶
layout-adaptation 的定位是：在 Ardot 上对设计稿做响应式布局适配，使文本内容变化时布局能正确响应，减少溢出、截断、塌陷等问题。
它运行在支持 Agent Skills 的编码助手侧（如 Cursor、Claude Code 等），通过 Skill 中的指引让 AI 按 Ardot 布局与文本适配的惯例协助改稿，而不是替代 Ardot 本身的设计工具。
核心功能¶
依据 SkillHub 官方简介，可核实的能力包括：
- 响应式布局适配：针对 Ardot 设计稿调整布局策略，使结构在内容变化时仍能自洽。
- 文本变化联动：文案变长、变短或换行时，约束与排版随之调整，降低溢出与截断风险。
- 布局稳定性：在文本驱动的高度、宽度变化下，尽量避免相邻元素塌陷或错位。
页面未单独列出子命令或配置文件名；具体步骤以安装后 Skill 包内的 SKILL.md 为准。
安装与启用¶
安装流程遵循 SkillHub 安装说明。先确认本机是否已有 skillhub CLI：
command -v skillhub && skillhub --version
若未安装，可使用官方脚本（完整安装含 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
安装 layout-adaptation 时，必须用 --dir 指向当前 Agent 的 skills 目录，否则默认会装到 ./skills/，Agent 可能无法加载。常用路径如下（以你实际使用的客户端为准）：
| 客户端 | skills 目录 |
|---|---|
| Cursor | ~/.cursor/skills/ |
| Claude Code | ~/.claude/skills/ |
| Codex | ~/.codex/skills/ 或项目下的 .agents/skills/ |
安装命令示例（将 <skills 目录> 换成上表对应路径）：
skillhub install @user_5d52b855/layout-adaptation --dir <skills 目录>
SkillHub 技能页也支持将下面提示交给 AI，由助手按安装文档完成安装：
请根据 https://skillhub.cn/install/skillhub.md，安装 `@user_5d52b855/layout-adaptation`。
安装完成后，按所用客户端要求重启或重新加载 Agent，使新 Skill 生效。
典型用法¶
公开资料未提供逐步截图或固定对话模板。可复现的入口是：
- 按上一节将
@user_5d52b855/layout-adaptation装入当前 Agent 的 skills 目录。 - 在 Ardot 中打开需要适配的设计稿，在 Agent 对话中说明目标（例如：某模块文案加长后避免溢出、多语言场景下保持对齐等）。
- 让 Agent 依据 Skill 指引给出约束调整、自动布局或检查建议，并在 Ardot 中落地修改。
描述问题时尽量写清：哪一层/哪几个文本节点、预期最大文案长度或语言、当前出现的溢出/截断/塌陷现象，便于 Skill 约束下的回答更贴设计稿上下文。
适用场景与注意¶
适合谁
- 在 Ardot 上交付界面稿，且文案会频繁变更或多语言的设计、前端协作同学。
- 希望用 Agent 统一检查「文本变长后布局是否仍成立」，减少手工试错。
使用注意
- Skill 面向 Ardot 工作流；其他设计工具是否适用，官方未说明，不宜默认等同。
- 社区来源（community），版本 1.0.0；升级可用
skillhub在对应 skills 目录下管理，具体以 SkillHub 文档为准。 - SkillHub 统计（以技能页为准）：评分 100000，下载 2661 次；数据会随时间更新，引用时以页面实时显示为准。
- 复杂品牌规范或动效布局，仍建议人工在 Ardot 中做最终验收。
结尾¶
layout-adaptation 把「文本一变、布局就歪」这类重复劳动收敛到 Skill 指引里，适合在 Ardot 设计稿阶段与 Agent 配合做响应式文本布局适配。安装与详情见 SkillHub：
