jezweb-design-review

Identify visual design gaps in web apps and generate a findings report with screenshots.

Updated May 24, 2026
One-click install
npx skills add https://github.com/yonetim258852/ozgur-os --skill jezweb-design-review
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: jezweb-design-review
Source: https://github.com/yonetim258852/ozgur-os/tree/main/.claude/skills/jezweb-design-review
Command: npx skills add https://github.com/yonetim258852/ozgur-os --skill jezweb-design-review

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review a web app or page for visual design quality — ensure layouts are polished, typography is consistent, spacing is coherent, colours are purposeful, and the interface feels professional.

Core Features & Use Cases

  • Visual design evaluation of layout, typography, spacing, color, and responsiveness.
  • Design findings report generation with screenshots for client handoff or design critique.
  • Quick polish guidance and consistency checks to improve perceived quality.

Quick Start

Open a web page and perform a visual design review to produce the findings report and screenshots.

Frequently Asked Questions about jezweb-design-review

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I run a visual design review on my web app?

A visual design review evaluates your web app's layout, typography, spacing, color contrast, and responsive behavior to identify quality gaps. It then generates a structured findings report with screenshots for client handoff or design critique.

What is a UI design findings report and when do I need one?

A UI design findings report documents visual quality gaps in layout, typography, spacing, and color contrast. You need one during client demos, design reviews, or post-build visual checks to verify a polished, cohesive interface.

Can I check color contrast and typography consistency automatically?

Yes, you can check color contrast and typography consistency automatically. The visual design review enforces specific checks for color contrast, typography, spacing, and hierarchy to identify inconsistencies across your web app interface.

What's the best way to evaluate responsive design behavior for a web page?

The best way to evaluate responsive design behavior is through a visual design review that enforces responsive checks. It analyzes layout adjustments and hierarchy across viewport sizes to ensure a polished, professional interface.

Does a visual design review include screenshots in the findings report?

Yes, a visual design review includes screenshots in the findings report. The structured output captures visual evidence of layout, spacing, and color issues, making it suitable for client handoff and design critique.

When should I not use an automated visual design review?

You should avoid an automated visual design review when addressing complex functional logic or backend performance, as it specifically targets visual UI polish, layout consistency, color contrast, and responsive behavior rather than functional testing.