SKILL PLAN · DETERMINISTIC

A small plan for a real job

Start with the minimum useful stack. Add nothing unless it has a clear responsibility in the run.

Task
UI review
Agent
Codex
Priority
Balanced
Start over

Change any option, then update this plan. Rules + reviewed metadata only. No LLM. Same inputs produce the same plan.

03 SKILLS · Install order

Your Skill Plan

Install and verify one role at a time. The plan never forces three Skills when fewer are enough.

01Core execution

Native · Codex

web-design-guidelines

Runs the structured interface review.
Open web-design-guidelines profile and install guide ↗
Review permissions, limitations, and evidence
Agent fit
Native · Codex
Main limitation
It depends on network access and a live guideline document whose contents can change over time.
First risk
Rule drift or context-free findings · Medium
Source
Pinned source · 063bee94
02Guardrail

Portable · Codex

context-map

Keeps the review tied to explicit rules and project context.
Open context-map profile and install guide ↗
Review permissions, limitations, and evidence
Agent fit
Portable · Codex
Main limitation
The workflow is intentionally brief and may miss dynamic dependencies or runtime ownership.
First risk
Incomplete map treated as full scope · Medium
Source
Pinned source · 1f564408
03Evidence

Portable · Codex

webapp-testing

Captures comparable visual evidence for the final decision.
Open webapp-testing profile and install guide ↗
Review permissions, limitations, and evidence
Agent fit
Portable · Codex
Main limitation
It assumes Python Playwright and a runnable local application are available.
First risk
Browser actions against the wrong target · High
Source
Pinned source · 34040c9c

CONSIDER ANOTHER PATH

Alternatives when your constraints change

These are nearby options for a specific role, not extra installs. Swap only after checking the tradeoff.

Core execution

web-design-reviewer

Choose this when
this role's workflow fits your project better after you inspect the tradeoff
Tradeoff to check
Requires a running target, browser automation, and source access for fixes.
Inspect web-design-reviewer ↗
Evidence

pr-screenshots

Choose this when
this role's workflow fits your project better after you inspect the tradeoff
Tradeoff to check
GitHub has no clean public API for PR-description image upload in this workflow.
Inspect pr-screenshots ↗

Combined permission budget

This is the union of declared permissions across the plan. Review each package before installation.

Read frontend filesRead filesBrowser controlRun commandsWrite screenshots

Finish with evidence

Turn a vague design review into a short, evidence-backed fix list.

Review before editing; every suggested fix must point to visible evidence or source lines.

  1. 3-step acceptance check
  2. Review the primary page at three representative widths.
  3. Verify focus order, labels, contrast, and the main interaction.
  4. Keep only findings that include reproduction evidence.
  • Stop conditions
  • The review claims standards compliance without testing.
  • Screenshots are used as proof of behavior.
  • Suggested changes conflict with the product's established design system.