前言¶

做界面开发的同行多半遇到过两类麻烦。一类是设计稿或竞品截图摆在面前，要从零实现一个像素接近的新界面，模型自由发挥的结果往往「看着像但不对劲」；另一类是已有界面改了很多轮，却始终带着 AI 生成特有的模板感，怎么调都不专业。下面介绍的 ui-polish-skill 就是针对这两类场景的 Agent Skill：把「实现新界面、审查现有界面、优化去 AI 味、按截图做高保真复刻」整理成一套可复用的工作流，供支持 SKILL.md 的编程 Agent 使用。

这是什么¶

ui-polish-skill 是一个基于通用 SKILL.md 格式编写的 Agent Skill，坐标为 @user_7dfaf699/ui-polish-skill，当前版本 1.0.0，由社区发布者 user_7dfaf699 维护，来源标记为 community，分类为 design-media。它把 UI 相关的多条任务线——实现、审查、优化、美化、重构、截图复刻——合并成一个 Skill，解决的核心问题是：让 Agent 在处理界面任务时有一套明确的流程，而不是每次从零即兴发挥。

核心功能¶

根据官方简介，这个 Skill 覆盖以下能力，均为已核实内容：

• 界面实现：根据截图或 UI 设计稿实现新界面。
• 界面审查：审查截图或已有代码，产出审查意见。
• 界面优化与美化：优化已有界面，消除 AI 味、廉价感、模板感，提升专业感。
• 按审查报告修改：拿到审查报告后按报告条目改 UI。
• 只改 UI 不改逻辑：在不改动业务逻辑的前提下仅调整界面层。
• 截图复刻：根据截图用 Web / React / Vue / HTML CSS 进行 1:1、像素级、原尺寸、静态高保真复刻，并在确认后继续产品化实现。
• 跨平台适用范围：Android Compose、Compose Multiplatform、Flutter、SwiftUI / iOS / macOS、Web、桌面端 Electron / Tauri / Qt / WPF，以及移动端、平板、TV 和大屏 UI。

标签显示 requires_api_key=false，即不需要额外配置 API Key。

安装与启用¶

官方页面地址：

https://www.skillhub.cn/skills/user_7dfaf699/ui-polish-skill

脚本抓取的资料显示：版本 1.0.0，分类 design-media，评分 100000，下载 1028 次。需要说明的是，抓取资料中没有给出具体的安装命令或配置文件路径，因此这里不虚构命令。这类 Skill 基于通用 SKILL.md 格式，实际安装方式取决于你使用的 Agent 宿主：Cursor、Codex CLI、Claude Code 等对 Skill 的放置位置和发现机制各不相同，请以所用宿主的官方文档为准，将 Skill 文件放到其要求的技能目录后即可按名称调用。

典型用法¶

官方简介中给出的可复现场景如下，可直接作为给 Agent 的指令方向：

1、根据截图实现新界面：给出设计稿或参考截图，要求 Agent 按 ui-polish-skill 的工作流实现界面。

根据这张截图，用 Web/React 实现新界面，尺寸保持原样，完成后先截图给我确认。

2、审查已有界面：针对现有截图或代码产出审查意见，再按意见修改。

用 ui-polish-skill 审查这个界面截图，列出问题清单，然后按清单逐项修改，不要动业务逻辑。

3、消除 AI 味：对已有界面做专业化优化。

这个页面的模板感太重，帮我做专业化优化，重点处理间距、字体层级和配色。

4、截图高保真复刻：以截图为基准做像素级静态复刻，确认后再进入产品化实现。

按这张截图做 1:1 静态高保真复刻，确认布局无误后再补交互逻辑。

以上示例均来自官方简介描述的场景，具体执行效果取决于所用 Agent 的能力。

适用场景与注意¶

适合谁：日常需要在多个平台上实现、审查、优化界面，或者需要按设计稿/截图快速产出高保真静态页面的开发者和 Agent 使用者。

需要注意的几点：

• 截图复刻的「像素级、原尺寸、静态」定位在 Web / React / Vue / HTML CSS 一侧；其他平台（Compose、Flutter、SwiftUI 等）适用的是实现、审查、优化这条线，不要期望在原生侧也得到同等的复刻精度。
• 复刻产出先做静态高保真，确认后才继续产品化实现，这个「先确认再演进」的流程是 Skill 设计的一部分，跳过确认直接要最终代码会偏离预期。
• 「只改 UI 不改业务逻辑」是约束条件，使用时要明确告知 Agent 这一边界。
• 该 Skill 为社区来源（community），质量与维护取决于发布者，使用前建议先在小范围任务上验证。

结尾¶

ui-polish-skill 的价值在于把零散的界面任务收拢成一条可复用的工作流：从审查、优化到按截图复刻，都有明确流程可走。如果你的工作里经常出现「照着截图做界面」或「给现有界面去 AI 味」这类需求，可以把它作为常备 Skill 试一试。官方地址：

https://api.skillhub.cn/user_7dfaf699/ui-polish-skill