plugins/web-design-guidelines/skills/review/SKILL.md
Delegate UI code reviews to a subagent. Reviews components, pages, git changes, or specification files using web design guidelines.
npx skillsauth add mrclrchtr/skills 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.
With argument: Use it directly.
Without argument: Determine from session context:
AskUserQuestionAsk when unclear. Use AskUserQuestion with options:
Always include:
Add context-specific options if identifiable:
Quick glob (don't read):
glob: "docs/**/design-system.md"
glob: "**/DESIGN_SYSTEM.md"
Do NOT gather content yourself. Just pass identifiers — the agent gets the content.
tool: Agent
parameters:
description: "UI review: [target]"
subagent_type: "web-design-guidelines:ui-reviewer"
prompt: |
Review: [TARGET IDENTIFIER - e.g. "commit abc123", "src/Button.tsx", "uncommitted changes"]
Design system: [PATH or "none"]
Context: [BRIEF SESSION CONTEXT - what feature, what spec, focus areas]
Don't:
git diff or git showDo:
development
Check for available upgrades to the pi coding agent framework by comparing the current `@earendil-works/pi-*` or legacy `@mariozechner/pi-*` version in package.json against releases on `earendil-works/pi`. Use this skill whenever the user asks to upgrade pi, update pi, check pi changelogs/releases, or migrate off the deprecated `@mariozechner/*` packages.
development
You MUST use this before creative OpenSpec work - creating features, building components, adding functionality, or modifying behavior. Explores user intent, requirements and design before implementation, then hands off to the best matching OpenSpec skill or command without managing OpenSpec artifacts.
development
Fetches and normalizes http(s) web pages into clean Markdown for LLM ingestion. Use when a task includes a URL, needs to fetch docs or asks to convert web docs/articles/pages into Markdown for summarizing, quoting, diffing, or saving.
development
Download Stitch (stitch.withgoogle.com) screen screenshots at best quality from `screenshot.downloadUrl` (often `lh3.googleusercontent.com`). Use to normalize googleusercontent size parameters from canvas dimensions, download with curl, optionally verify pixel dimensions, and avoid committing signed URLs.