Description
web-design-reviewer is an agent skill from the github/awesome-copilot collection for inspecting a website's visual design and fixing the problems it finds at the source code level. It works on websites running locally or remotely, and its scope covers static HTML, CSS and JavaScript sites, single-page apps built with React, Vue, Angular or Svelte, full-stack frameworks such as Next.js, Nuxt and SvelteKit, content management systems such as WordPress and Drupal, and other web applications. The skill checks for layout overflow, alignment problems, behavior at responsive breakpoints, accessibility issues such as insufficient contrast, and visual inconsistencies across a mobile width of 375 pixels, a tablet width of 768 pixels and a desktop width. It reports what it sees and then edits the code that produces the problem, so the fix lands in the source rather than being patched over. It is useful for front-end developers and designers who want a second pass on responsive layout and accessibility before a release. Because the skill edits source files, its changes should be reviewed as a diff and the page checked again in a browser, and it needs the prerequisites it lists, such as a running browser automation tool, to work. The skill is installed with the skills CLI from the github/awesome-copilot repository. Its skills.sh page showed about 13.8K installs. At the time of the scan, Gen Agent Trust Hub and Socket passed and Snyk showed a warning.…
Highlights
- Visual inspection of local or remote websites
- Covers static sites, SPAs, full-stack frameworks and CMS platforms
- Checks layout overflow, alignment, breakpoints and contrast
- Tests at 375px, 768px and desktop widths
- Fixes problems at the source code level
- Installs with the skills CLI
Ratings & Reviews
No ratings yet
Be the first to rate web-design-reviewer.
People also visit
frontend-ui-engineering
Builds production-quality, accessible, responsive user-facing UIs
pptx-quality-gates
Validating or repairing an editable PPTX deck for geometry, accessibility
screen-reader-testing
Test web applications with screen readers including VoiceOver, NVDA, and JAWS
web-design-reviewer FAQ
Which frameworks are in scope?
Static HTML, CSS and JavaScript, React, Vue, Angular and Svelte, Next.js, Nuxt, SvelteKit, WordPress, Drupal and other web apps.
What widths does it check?
Mobile at 375px, tablet at 768px and a desktop width.
Does it edit my code?
Yes, it fixes problems in the source. Review the diff and check the page again in a browser.
How do I install it?
Run npx skills add https://github.com/github/awesome-copilot --skill web-design-reviewer.
What security audits does it have?
skills.sh lists three audits: Gen Agent Trust Hub Pass, Socket Pass and Snyk Warn. A Warn or Fail is worth reading before you install.
What are the best web-design-reviewer alternatives?
Popular alternatives to web-design-reviewer include frontend-ui-engineering, impeccable-design-polish and pptx-quality-gates. See all web-design-reviewer alternatives