design-review

Name: design-review
Availability: InStock
Author: Lendtrain

Audit live websites for typography, spacing, color contrast, and interactive states.

4|Updated Mar 21, 2026

Search Tags:#typography #accessibility #frontend #design-review #color-contrast #visual QA #live-site

Ready to run

npx skills add https://github.com/lendtrain/complete-pipeline --skill design-review-lendtrain

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/lendtrain/complete-pipeline/tree/main/skills/design-review
Command: npx skills add https://github.com/lendtrain/complete-pipeline --skill design-review-lendtrain

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Design review teams and frontend engineers often need a precise visual audit of live sites to identify typography, spacing, color, and interaction issues, then apply focused fixes with minimal risk.

Core Features & Use Cases

Visual QA on live sites to verify typography, spacing, color contrast, and interactive states.
Iterative fixes with atomic commits and before/after verification via screenshots.
Use Case: polish a product page before release and ensure accessibility requirements are met.

Quick Start

Request a live-site audit and apply fixes, then verify results with before/after screenshots.

Frequently Asked Questions about design-review

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

FAQPage Schema

How do I run a visual design audit on a live website?▼

A live-site visual QA audit validates typography, spacing, color contrast, and interactive states on accessible URLs. It applies focused fixes to improve readability and usability, verifying results with before and after screenshots.

Can I verify visual QA fixes with before and after screenshots?▼

Yes, visual QA fixes are verified with before and after screenshots. The skill applies iterative fixes with atomic commits to ensure minimal risk and validate that typography and color contrast issues are resolved.

What is the best way to check color contrast and accessibility on production pages?▼

The best way to check color contrast and accessibility is auditing live websites to validate interactive states and visual quality. This skill identifies issues and applies iterative fixes with before and after verification via screenshots.

Does design review work with any live site URL for UI polish?▼

Yes, design review works with any live site URL that is accessible. It requires accessible URLs to validate typography, spacing, color contrast, and interactive states for UI polish on product pages and QA before releases.

How do I fix typography and spacing issues on live frontend pages?▼

To fix typography and spacing issues, request a live-site audit to identify visual quality problems. The skill applies iterative fixes with atomic commits and verifies results via before and after screenshots.

When do I need a visual design audit before a product release?▼

You need a visual design audit before a product release to ensure accessibility requirements are met and UI polish is complete. It validates typography, spacing, color contrast, and interactive states on production pages.