design-review

Automate visual review of website designs for responsiveness and font compliance.

Updated Mar 23, 2026
One-click install
npx skills add https://github.com/disciplin-run-org/jjstack --skill design-review-disciplin-run-org
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/disciplin-run-org/jjstack/tree/main/skills/design-review
Command: npx skills add https://github.com/disciplin-run-org/jjstack --skill design-review-disciplin-run-org

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

It automates the process of visually reviewing design outputs to ensure responsiveness and adherence to quality standards, reducing manual oversight time.

Core Features & Use Cases

  • Responsive Design Audit: Checks layout compatibility across desktop, tablet, and mobile screens.
  • Font Compliance Verification: Flags proprietary or non-Google Fonts and suggests free alternatives.
  • Use Case: Ensure a new website design looks consistent and compliant across all devices before launch with minimal manual testing.

Quick Start

Use the design-review skill to analyze your latest prototype for responsiveness and font compliance.

Frequently Asked Questions about design-review

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

FAQPage Schema
How do I automate visual review for responsive design across multiple devices?

Automating visual review for responsive design involves analyzing browser screenshots or design mockups to confirm layout compatibility across desktop, tablet, and mobile screens. This process applies rule-based flagging to reduce manual oversight time before launch.

What is font compliance verification in UI testing?

Font compliance verification in UI testing is the process of identifying proprietary or non-Google Fonts within a design layout. It flags these fonts and suggests free alternatives to ensure font licensing adherence before a website launch.

Can I use image analysis to check cross-device optimization in design mockups?

Yes, you can use image analysis and text recognition tools to check cross-device optimization in design mockups. This validates UI/UX design outputs by confirming responsiveness and font compliance across different screen sizes.

Does design quality testing work with browser screenshots or only design mockups?

Design quality testing works with both browser screenshots and design mockups. The process uses image analysis and text recognition to apply rule-based flagging for layout compatibility and font licensing adherence.

What is the best way to ensure consistent website design across all devices before launch?

The best way to ensure consistent website design before launch is automating a responsive design audit. This checks layout compatibility across desktop, tablet, and mobile screens while verifying font compliance to minimize manual testing.

Why does my visual review process take so much manual oversight time?

Visual review requires significant manual oversight time when layout compatibility and font compliance are checked by hand. Automating image analysis and text recognition for cross-device optimization reduces this burden and speeds up UI/UX validation.