Agent skill

UI Verification

by AntonHu in AntonHu/ai-coding-project

通用 UI 验收技能。验收必须以「实际页面效果 vs 设计稿」为准,必须使用浏览器工具 (Browser) 查看目标页面,通过页面截图与设计稿截图比对、或页面元素与 .pen 设计稿元素比对等落地方式完成验收,并产出问题清单与反思。

No licenceAuto-check passedMobile

Install UI Verification

skills CLI
$ npx skills add AntonHu/ai-coding-project --skill ui-verification -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install AntonHu/ai-coding-project ui-verification --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/AntonHu/ai-coding-project.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/skills/ui-verification .claude/skills/ui-verification && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
ui-verification
GitHub stars
110
Token cost
~763 tokens
SKILL.md length
163 words
Files
22
Skills in repo
8
Repo updated
First seen
Licence
None found

At a glance

通用 UI 验收技能。验收必须以「实际页面效果 vs 设计稿」为准,必须使用浏览器工具 (Browser) 查看目标页面,通过页面截图与设计稿截图比对、或页面元素与 .pen 设计稿元素比对等落地方式完成验收,并产出问题清单与反思。

  • Works in 5 steps: 使用浏览器工具查看实际页面:在 Cursor 中优先使用… → 实际页面与设计稿比对:截图比对或元素级比对,按 P0/P1/P2… → 产出 UI 问题清单:将差异点记录到问题清单。详见… → …
  • Tasks that involve Mobile testing and debugging
  • SKILL.md covers 核心原则, 使用时机, 前置条件 and 目标产出, plus 4 more sections
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

UI Verification is an agent skill from AntonHu/ai-coding-project. 通用 UI 验收技能。验收必须以「实际页面效果 vs 设计稿」为准,必须使用浏览器工具 (Browser) 查看目标页面,通过页面截图与设计稿截图比对、或页面元素与 .pen 设计稿元素比对等落地方式完成验收,并产出问题清单与反思。

Its SKILL.md is about 760 tokens, which your agent loads only when the skill is triggered. The skill folder holds 22 other files (for example `rules/comparison-content-image.md`, `rules/comparison-content-text.md` and `rules/comparison-hierarchy.md`).

It sits in Mobile, covering Mobile testing and debugging. The repository describes itself as: AI Coding 落地架构的参考项目,支持所有主流支持 Skills 的 Agent/AI Coding IDE。

When your agent uses it

  • Tasks that involve Mobile testing and debugging

Example prompts

  • “/ui-verification”

Workflow steps

5 steps, taken from the first numbered list in SKILL.md.

  1. 使用浏览器工具查看实际页面:在 Cursor 中优先使用 @Browser,获取实际页面可比对信息。详见 rules/tools-browser-navigation.md 和 rules/tools-design-guidelines.md
  2. 实际页面与设计稿比对:截图比对或元素级比对,按 P0/P1/P2 维度逐项比对。详见 rules/comparison-*.md
  3. 产出 UI 问题清单:将差异点记录到问题清单。详见 rules/workflow-problem-list.md
  4. 修复与再验证:先修 P0,再 P1,再 P2;修复后必须再次使用 Browser 工具验证。详见 rules/tools-browser-navigation.md
  5. 反思分析不足(可选):将「哪些问题是因为分析没做到位」总结下来,反哺 design-analysis。详见 rules/workflow-reflection.md

What it can do on your machine

Read from SKILL.md and the folder at commit a928b23. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    No scripts in the folder and no shell commands in SKILL.md.

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

UI Verification loads about 763 tokens when it runs. Until then it costs about 33 tokens; SKILL.md has 163 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~33
When it runs · the whole SKILL.md, loaded when a task matches
~763

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

Without a licence we can't republish the file, so here is its outline and opening line. It has 163 words (~763 tokens).

“最终验收标准:以实际运行页面的效果与 UI 稿(.pen 或 Figma) 进行比对得出结论,而不是仅凭代码或分析清单推断。”

— opening of SKILL.md by AntonHu
name
ui-verification

Read the full SKILL.md on GitHub

Files

SKILL.md and 21 other files in .agents/skills/ui-verification of AntonHu/ai-coding-project.

  • SKILL.md
  • rules/comparison-content-image.md
  • rules/comparison-content-text.md
  • rules/comparison-hierarchy.md
  • rules/comparison-layout.md
  • rules/errors-alignment.md
  • rules/errors-button-dimensions.md
  • rules/errors-button-position.md
  • rules/errors-css-priority.md
  • rules/errors-flex-column-width.md
  • rules/errors-flex-layout.md
  • rules/errors-grid-container-width.md
  • rules/errors-page-container-width.md
  • rules/tools-browser-navigation.md
  • rules/tools-design-guidelines.md
  • rules/workflow-checklist.md
  • rules/workflow-problem-list.md
  • rules/workflow-reflection.md
  • rules/writing-alignment.md
  • rules/writing-element-completeness.md
  • … and 2 more

Open the folder on GitHubat commit a928b23

Compare with similar skills

UI Verification next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

UI Verification compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
UI Verification this skillAntonHu/ai-coding-project110—~763Automated safety check: PassNone
Phone HarnessShawnPana/phone-harness3.2k—~4.3kAutomated safety check: PassMIT
Maa Issue Log AnalysisMaaAssistantArknights/MaaAssistantArknights24k—~4kAutomated safety check: PassAGPL-3.0
Mobile QAtloncorp/tlon-apps107—~2.4kAutomated safety check: PassMIT
Store Listing Screenshotstherxmv/Telegram-Themer119—~2.5kAutomated safety check: PassNone
Maestro ImproveReinaMacCredy/maestro233—~1.9kAutomated safety check: PassMIT

Similar skills

  • Phone Harness

    ShawnPana/phone-harness

    Control the user's phone — an iPhone through the Mac's iPhone Mirroring window, an Android over adb, or a rented cloud Android: open apps, tap, type, swipe, read the screen.

    3.2k GitHub stars~4.3k tokensUpdated 10 days ago
    MobileAuto-check passed
  • Maa Issue Log Analysis

    MaaAssistantArknights/MaaAssistantArknights

    分析 MaaAssistantArknights 上游仓库公开 Issue(https://github.com/MaaAssistantArknights/MaaAssistantArknights/issues/...

    24k GitHub stars~4k tokensUpdated today
    MobileAuto-check passed
  • Mobile QA

    tloncorp/tlon-apps

    Run a mobile QA checklist on a physical Android device over adb for tlon-apps, then triage what fails into fixes.

    107 GitHub stars~2.4k tokensUpdated today
    MobileAuto-check passed
  • Store Listing Screenshots

    therxmv/Telegram-Themer

    Generate TelegramThemer's Play Store listing images — capture the 8 required app screenshots on a running emulator/device by driving the real UI with adb, then composite them into the final…

    119 GitHub stars~2.5k tokensUpdated 26 days ago
    MobileAuto-check passed
  • Maestro Improve

    ReinaMacCredy/maestro

    Turn filed lessons into the smallest doctrine edit. An agent skill from ReinaMacCredy/maestro.

    233 GitHub stars~1.9k tokensUpdated 10 days ago
    MobileAuto-check passed
  • Android

    yang1ming/android-harness

    Direct Android device control through ADB. An agent skill from yang1ming/android-harness.

    176 GitHub stars~259 tokensUpdated 2 mo ago
    MobileAuto-check passed

More from AntonHu/ai-coding-project

All 8 skills in this repo
  • Create API

    AntonHu/ai-coding-project

    指导在前端项目中按团队规范创建和维护 HTTP 接口,包括类型定义、请求封装、命名约定与错误处理。当前端需要新增或调整 API 时使用本技能。

    110 GitHub stars~757 tokensUpdated 8 mo ago
    Auto-check passed
  • Create Component

    AntonHu/ai-coding-project

    指导在前端项目中按团队规范创建和拆分 React 组件,包括目录结构、文件命名、样式与主题变量使用。当前端需要新增或重构组件时使用本技能。

    110 GitHub stars~692 tokensUpdated 8 mo ago
    Auto-check passed
  • Create Route

    AntonHu/ai-coding-project

    指导在前端项目中按团队规范创建和维护路由,包括目录结构、Page 与 Loader 职责划分及懒加载用法。当前端需要新增或重构页面路由时使用本技能。

    110 GitHub stars~742 tokensUpdated 8 mo ago
    Auto-check passed
  • Create Store

    AntonHu/ai-coding-project

    指导在前端项目中按团队规范使用 Zustand 创建和维护全局状态 store,包括目录结构、命名与持久化策略。当前端需要新增或重构状态管理时使用本技能。

    110 GitHub stars~502 tokensUpdated 8 mo ago
    Auto-check passed
  • Theme Variables

    AntonHu/ai-coding-project

    指导在前端项目中正确使用 Ant Design 与自定义主题 CSS 变量,避免硬编码颜色并保证暗色/浅色主题切换一致性。当前端编写或修改样式时使用本技能。

    110 GitHub stars~292 tokensUpdated 8 mo ago
    Auto-check passed
  • Create Proposal

    AntonHu/ai-coding-project

    通用创建提案技能。根据需求是否有设计稿或 UI 描述、是否有接口、是页面还是功能组件等可选条件,决定设计稿分析、接口与数据层、以及实现后的 UI 还原验收等步骤。适用于各类需求提案,不限于纯 UI 页面。

    110 GitHub stars~861 tokensUpdated 8 mo ago
    Auto-check passed

Categories

Questions about UI Verification

What does UI Verification do?

通用 UI 验收技能。验收必须以「实际页面效果 vs 设计稿」为准,必须使用浏览器工具 (Browser) 查看目标页面,通过页面截图与设计稿截图比对、或页面元素与 .pen 设计稿元素比对等落地方式完成验收,并产出问题清单与反思。. UI Verification is an agent skill from AntonHu/ai-coding-project.

When should I use UI Verification?

UI Verification fits situations like: tasks that involve Mobile testing and debugging.

How do I install UI Verification in Claude Code?

Run `npx skills add AntonHu/ai-coding-project --skill ui-verification -a claude-code`. Or copy the skill folder (.agents/skills/ui-verification in AntonHu/ai-coding-project) into .claude/skills/ui-verification in your project. Claude Code loads it when a task matches its description.

How do I install UI Verification in Codex?

Run `npx skills add AntonHu/ai-coding-project --skill ui-verification -a codex`. Or copy the skill folder (.agents/skills/ui-verification in AntonHu/ai-coding-project) into .agents/skills/ui-verification in your project. Codex loads it when a task matches its description.

Can I use UI Verification in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add AntonHu/ai-coding-project --skill ui-verification -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/ui-verification, .gemini/skills/ui-verification, .github/skills/ui-verification and .opencode/skills/ui-verification in your project.

What does UI Verification need to run?

SKILL.md names no scripts, command-line tools or credentials: UI Verification is instructions for the agent only.

Does UI Verification access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is UI Verification safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does UI Verification use?

No licence was found for UI Verification or its repository. Without one, default copyright applies: ask the author before reusing or redistributing it.

How many tokens does UI Verification use?

About 763 tokens (SKILL.md is roughly 3.1k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to UI Verification?

Skills that share tags, products or a category with UI Verification: Phone Harness (ShawnPana/phone-harness, 3.2k stars), Maa Issue Log Analysis (MaaAssistantArknights/MaaAssistantArknights, 24k stars), Mobile QA (tloncorp/tlon-apps, 107 stars) and Store Listing Screenshots (therxmv/Telegram-Themer, 119 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains UI Verification?

AntonHu (a GitHub user) maintains it in AntonHu/ai-coding-project, which has 110 GitHub stars. The repository holds 8 skills in this directory. The repository was last updated on February 10, 2026.

Source: AntonHu/ai-coding-project on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.