pbuckles22/ui-ux
.cursor/skills/ui-ux/SKILL.md
UI/UX review and alignment. Use when writing or reviewing screens, animations, haptics, layout, or design tokens; or when adding/changing UX to match project requirements and accessibility.
content-media
Updated Apr 16, 2026
$ install --global
skillsauthnpx skillsauth add pbuckles22/URLAutoRefresher ui-uxInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 16, 2026, 2:24 AM74.0s1 file scanned
SKILL.md
- name:
- ui-ux
- description:
- UI/UX review and alignment. Use when writing or reviewing screens, animations, haptics, layout, or design tokens; or when adding/changing UX to match project requirements and accessibility.
UI/UX — Project
Use this skill when implementing or reviewing UI: screens, widgets, animations, haptics, layout, colors, tap targets, and feedback. Ensures alignment with doc/requirements/ (if present) and DESIGN_SYSTEM.md. For third-party layout inspiration, see doc/ui-reference/README.md and the Reference UI + agent guidance section in doc/plan/EDGE_URL_AUTO_REFRESHER_PLAN.md.
When to apply
- Adding or changing screens, widgets, or layout.
- Implementing or changing animations or haptics.
- Choosing or changing colors, palette, or appearance.
- User asks for a "UI review," "UX check," or "design compliance."
Review passes
- Requirements alignment — Does the implementation match doc/requirements or DESIGN_SYSTEM?
- Feedback and affordance — Does every user action have appropriate feedback (visual and/or haptic)?
- Accessibility and touch — Minimum tap target 44×44 px where applicable; contrast and information not by color alone.
- Performance — No blocking work on UI thread.
- Edge cases — Empty state, loading, error states.
Output
- PASS — Matches requirements; no change needed.
- WARN — Improvement suggested; not blocking.
- FAIL — Does not meet requirement; must fix. Cite requirement and give concrete fix.
Related Skills
pbuckles22/visual-match
tools
VerifiedTrustedCommunity
Match UI graphics to reference examples (examples/ screenshots and specs). Use when drawing or changing visuals so the result matches the examples without back-and-forth.
SKILL.mdUpdated Apr 16, 2026
pbuckles22/tester
testing
VerifiedTrustedCommunity
Black-box tests, test-first for core logic, and continuous test runs. Use when adding or changing tests or app logic. Run your project’s test command after changes; keep suite green.
SKILL.mdUpdated Apr 16, 2026
pbuckles22/techwriter
development
VerifiedTrustedCommunity
Creates and edits project documentation for both public and internal audiences. Use when writing or updating README.md, AGENT_HANDOFF (or AGENTS.md), CONTRIBUTING, or internal docs (e.g. PM_PLAN, DEV_GUIDE, TEST_TDD, DESIGN_SYSTEM). Covers structure, tone, and what to include for each doc type.
SKILL.mdUpdated Apr 16, 2026
pbuckles22/tech-debt-evaluator
development
VerifiedTrustedCommunity
Assess and prioritize technical debt (code, architecture, tests, docs, performance). Use when planning refactors, sprint planning, or evaluating codebase health.
SKILL.mdUpdated Apr 16, 2026