skills.rest
lendtrain
lendtrainCOMMUNITY
Explore all skills by this author →
GitHub

design-review

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
One-click install
npx skills add https://github.com/lendtrain/complete-pipeline --skill design-review-lendtrain
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
lucas-flatwhitelucas-flatwhite
43

design-review

Audit live sites for visual inconsistencies and implement fixes with before/after verification.

Community
Advanced
qazuorqazuor

performance-testing

Automate end-to-end performance testing across database, API, and frontend layers.

Community
Advanced
murphytruemanmurphytrueman
155

cicd-integration

Generate CI/CD pipeline configurations for design system quality checks.

Community
Advanced
1IssaMohamed1IssaMohamed

polish

Audit and fix visual alignment, spacing, typography, and interaction issues in web interfaces.

Community
Advanced