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.