.claude/skills/ui-review/SKILL.md
# UI Review Skill When reviewing UI changes: 1. Check all state transitions (loading, sending, sent, error) 2. Verify data availability after redirects - are background jobs involved? 3. Confirm subscriber/record counts aren't read before async jobs complete 4. Test both happy path and edge cases for timing 5. Run the relevant system tests if they exist
npx skillsauth add lylo/pagecord .claude/skills/ui-reviewInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
When reviewing UI changes:
data-ai
Investigate a customer support email and draft a reply. Use when the user pastes a customer message, bug report, billing question, feature request, or how-to question.
development
Investigate and fix a Sentry issue in this codebase. Use when the user provides a Sentry issue URL or ID and wants diagnosis, a fix, verification, or a PR.
testing
Interact with Cloudflare R2 buckets used by Pagecord. Use when the user wants to list objects, inspect bucket stats, fetch files, or check backup integrity in R2.
development
Interact with the Pagecord API for a blog. Use when the user wants to inspect posts or pages, publish content through the API, check API connectivity, or inspect the home page.