前言¶

做界面时常见的问题是：功能都实现了，视觉效果却总是差一口气。动效要么生硬、要么廉价，层级关系靠堆阴影硬凑，微交互细节没人打磨。这类问题在广告公司方案里是核心竞争力，在开发团队里往往被排到最后，甚至没人负责。

下面介绍的 Skill 把这件事打包成一个可复用的设计流程：不写业务代码，而是按广告公司标准输出界面架构与动效编排方案。

这个 Skill 是什么¶

「高端视觉动效UI设计｜简诗 AI」，坐标 @user_fccf428b/high-end-visual-design，发布者 user_fccf428b，版本 1.0.1，来源 community，分类 design-media。

它解决的问题是：让界面具备触感深度、电影级空间节奏和微观交互打磨，输出的方案达到顶级广告公司水准。官方介绍强调的是设计层面的架构与编排，不是提供现成的组件库。

Skill 基于通用 SKILL.md 格式，标签 requires_api_key=false，说明使用时不需要单独的 API Key。

核心能力¶

根据官方简介，能力集中在三个方面：

1、高端 UI 架构：版面、层级、空间关系的组织，而不是单点样式堆叠。
2、动效编排：动效的节奏与编排，目标是电影级的空间节奏。
3、微观交互打磨：触感深度层面的细节处理。

需要注意，官方页面抓取失败（本文写作时无法访问），上述内容均来自已抓取的元数据与简介，具体的输出格式、章节结构未在资料中给出。

安装与启用¶

官方资料中未提供安装命令、目录或配置文件。按通用 SKILL.md Skill 的用法，在 Cursor、Codex CLI、Claude Code 等支持 Skill 的工具里，把 SKILL.md 放到对应 Skill 目录（如 ~/.claude/skills/、项目 .cursor/skills 等）后即可通过 @skill 触发。

代码块中只列出通用的目录约定，是否适用于该 Skill 需以实际文档为准：

# 将 SKILL.md 放入工具的 Skill 目录
# 例如 ~/.claude/skills/<skill-name>/SKILL.md

由于官方页面当前不可访问，安装命令核实不到，此处不编造。建议直接打开下方官方地址确认。

典型用法¶

官方资料中没有给出可复现的示例命令或输出样例，本文不虚构用法。从简介推断的调用方式是：在支持 Skill 的客户端中触发该 Skill，并给出当前正在做的界面或动效需求，由它产出架构与编排方案。

适用场景与注意¶

适合需要把界面品质拉到广告公司水准的团队，尤其是动效编排缺专人的中小型项目。

限制与坑：

1、它输出的是设计方案，动效的最终落地仍需前端实现。
2、官方页面抓取失败，安装命令、输出格式、版本细节等无法二次核实，采用前请打开官方地址确认。
3、来源为 community，由 user_fccf428b 发布，质量需自行评估。

小结¶

这是一个面向界面品质的 Skill，把广告公司级别的动效编排流程标准化，填补开发团队里动效与视觉细节无人负责的空白。资料有限，适合先试用再决定是否纳入团队流程。

官方地址：https://www.skillhub.cn/skills/user_fccf428b/high-end-visual-design