Agent Skills › lylo/pagecord › ui-review

ui-review

GitHub

用于审查 UI 变更，检查状态转换、重定向后的数据可用性、异步行为及浏览器测试覆盖情况。

.agents/skills/ui-review/SKILL.md lylo/pagecord

Trigger Scenarios

用户要求进行 UI 审查前端工作流审查

Install

npx skills add lylo/pagecord --skill ui-review -g -y

More Options

Non-standard path

npx skills add https://github.com/lylo/pagecord/tree/main/.agents/skills/ui-review -g -y

Use without installing

npx skills use lylo/pagecord@ui-review

指定 Agent (Claude Code)

npx skills add lylo/pagecord --skill ui-review -a claude-code -g -y

安装 repo 全部 skill

npx skills add lylo/pagecord --all -g -y

预览 repo 内 skill

npx skills add lylo/pagecord --list

SKILL.md

Frontmatter

{
    "name": "ui-review",
    "description": "Review UI changes for state, timing, redirects, async behaviour, and browser-level test gaps. Use when the user asks specifically for a UI review or frontend workflow review.",
    "allowed-tools": "Bash, Read, Grep"
}

UI Review

When reviewing UI changes:

Check all state transitions: loading, sending, sent, and error.
Verify data availability after redirects, especially when background jobs are involved.
Confirm subscriber and record counts are not read before async work completes.
Test both happy path and timing edge cases.
Run the relevant system tests when they exist.

Lead with findings ordered by severity. If no issues are found, say that clearly and mention any untested browser or timing risk.