Code Review & Testing · IN-DEPTH PROFILE

Web Design Reviewer Skill

Browser-based visual review for responsive, accessible, consistent web interfaces with source-level fixes.

View listed source ↗Installation guide ↓
Best for

Frontend teams reviewing a site before release

What you get

Inspect the running site + Trace issues to source

Main limitation

Requires a running target, browser automation, and source access for fixes.

First risk

Unintended changes during remote review. Browser actions or source edits against a production target can alter data or broaden the change. Keep production review read-only, confirm the source workspace, and test fixes locally.

EVIDENCE FRESHNESS

Three checks, kept separate

A recent source check is not a runtime test or security audit.

Upstream sourceChecked 2026-09-24

Pinned revision · 1f564408

Open pinned commit ↗
SkillSignal profileEditorial metadata

Updated 2026-09-24

Runtime & securityNot independently verified

Source review does not certify behavior or safety.

IN PLAIN ENGLISH

What it does—and when it fits

Web Design Reviewer is a GitHub Awesome Copilot workflow for inspecting a running website across mobile, tablet, desktop, and wide viewports, locating design problems in the source, applying minimal fixes, and re-verifying the result.

This is aimed at Frontend teams reviewing a site before release. Compare the examples below with your task, then review the limitations, permissions, and risks before installing.

What you get
  • Inspect the running siteCapture the page and review layout, responsiveness, accessibility, and consistency.
  • Trace issues to sourceFind the owning component or style rule for each visible defect.
  • Fix and re-verifyApply minimal source changes and repeat the viewport checks.
What makes it different
  • Connects visible problems to concrete source-level fixes.
  • Covers responsive and accessibility failures alongside visual consistency.
Community signalNo attributed third-party rating yet

No verified review text is in the current dataset. Use the linked source for the latest discussion.

Read the source note ↗

INSTALL BY AGENT

Choose your Agent

Paths come from official Agent docs or the universal installer behind skills.sh. Compatibility still follows this Skill's record.

Native

This Skill's current record explicitly names this Agent. Still inspect scripts, permissions, and external dependencies first.

Project install (recommended)
npx skills add github/awesome-copilot --skill web-design-reviewer --agent github-copilot
Personal install
npx skills add github/awesome-copilot --skill web-design-reviewer --agent github-copilot -g

Project install stays with this repository for team sharing. Personal install adds -g and works across repositories.

View install paths
Project path.agents/skills/web-design-reviewer/
Personal path~/.copilot/skills/web-design-reviewer/
Official agent docs

Copilot also accepts .github/skills and .claude/skills at project scope. Preview untrusted Skills before enabling scripts.

View path evidence ↗

TYPICAL WORKFLOW

A practical workflow

01

Inspect the running site

Capture the page and review layout, responsiveness, accessibility, and consistency.

02

Trace issues to source

Find the owning component or style rule for each visible defect.

03

Fix and re-verify

Apply minimal source changes and repeat the viewport checks.

THE TRADEOFFS

Advantages and tradeoffs

Notable strengths

  1. Connects visible problems to concrete source-level fixes.
  2. Covers responsive and accessibility failures alongside visual consistency.

Limitations

  1. Requires a running target, browser automation, and source access for fixes.
  2. A fixed viewport checklist cannot replace device testing, user research, or full accessibility auditing.

COMPARE THE TRADEOFF

Consider these close alternatives

These are deterministic nearby candidates, not paid placements or a universal ranking. Open the full profile before choosing.

01

Same job family · native to GitHub Copilot

anti-ui-slop

Instruction-only, product-specific UI design contracts with optional real-interface evidence and a hard finish gate.
Tradeoff to check
Repository evidence is required; UIZZE references or user-provided screenshots are optional, and missing reference evidence should be labeled rather than guessed.
First risk
Copying external interface patterns too literally · Medium
Source state
Pinned · 1f564408
Open anti-ui-slop profile ↗
02

Same job family · native to GitHub Copilot

autoresearch

Autonomous, metric-driven code experiments that keep improvements and discard regressions.
Tradeoff to check
Only fits tasks with a stable, representative numeric metric.
First risk
Autonomous repository mutation · High
Source state
Pinned · 1f564408
Open autoresearch profile ↗
03

Same job family · native to GitHub Copilot

bigquery-pipeline-audit

A targeted Python and BigQuery audit for runaway cost, unsafe reruns, scan size, writes, and observability.
Tradeoff to check
Specialized to Python plus BigQuery and does not validate the live project configuration or billing account.
First risk
Audit estimates mistaken for billing guarantees · High
Source state
Pinned · 1f564408
Open bigquery-pipeline-audit profile ↗
Compare more in the directory →

BEST FIT

Who it is for

→

Frontend teams reviewing a site before release

→

Maintainers diagnosing responsive or consistency regressions

BEFORE YOU USE IT

Risks to review before use

High

Unintended changes during remote review

Browser actions or source edits against a production target can alter data or broaden the change. Keep production review read-only, confirm the source workspace, and test fixes locally.

SECURITY

What the permission profile means

  • Use test accounts and avoid capturing secrets or personal data in screenshots.
  • Keep source modifications scoped to the reviewed issue.

Not a security certification. External ratings are attributed references. SkillSignal has not independently executed or security-reviewed this Skill.

COMMON QUESTIONS

Web Design Reviewer Skill FAQ

What is the Web Design Reviewer Skill?

Browser-based visual review for responsive, accessible, consistent web interfaces with source-level fixes. Web Design Reviewer is a GitHub Awesome Copilot workflow for inspecting a running website across mobile, tablet, desktop, and wide viewports, locating design problems in the source, applying minimal fixes, and re-verifying the result.

How do I install the Web Design Reviewer Skill?

Open and review the listed source, choose the project or personal path for your Agent, then verify the first run in a controlled project. Open the pinned commit and read the current SKILL.md.

Is the Web Design Reviewer Skill safe to use?

SkillSignal checked the source on 2026-09-24, but that is not a runtime test or security certification. Review the “Unintended changes during remote review” risk first and begin with the least access required.

INSIDE THE PACKAGE

Indexed files

SKILL.mdUpstream package contentSource-linked
references/visual-checklist.mdUpstream package contentSource-linked
references/framework-fixes.mdUpstream package contentSource-linked

TAGS

design-reviewresponsivevisual-qa

Original SkillSignal editorial profile grounded in GitHub Awesome Copilot commit d7e4ad98, checked 2026-09-23; not independently executed or security-certified.