skills.rest
onlypfachi
onlypfachiCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

design-review

Audit live sites for visual inconsistencies, spacing issues, and typography glitches.

Updated Mar 19, 2026
Search Tags:#typography#accessibility#spacing#design-review#color-contrast#visual-audit
One-click install
npx skills add https://github.com/onlypfachi/chief --skill design-review-onlypfachi
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/onlypfachi/chief/tree/main/design-review
Command: npx skills add https://github.com/onlypfachi/chief --skill design-review-onlypfachi

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Visual QA is often subjective and time-consuming. This skill provides a structured audit process to identify visual inconsistencies, spacing issues, typography quirks, and interaction gaps, then guides teams through fixes and verification to raise overall design quality.

Core Features & Use Cases

  • Comprehensive visual audit across pages, components, and flows.
  • Iterative fixes with before/after verification and plan-mode review.
  • Supports a plan/design-review workflow to align stakeholders before implementation.
  • Proactively suggests improvements when given a live site and design system constraints.

Quick Start

Ask me to run a design-review audit on a live site and I will start with a baseline assessment and iterate with fixes and verification.

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 audit to fix typography and spacing inconsistencies on a live site?▼

Run a visual audit by providing a live site URL and design system constraints. The process performs deterministic checks across pages and components, identifying visual inconsistencies, spacing issues, and typography glitches to guide structured fixes.

What is the best way to verify design fixes before development?▼

The best way to verify design fixes is using a plan-mode review workflow with before and after verification artifacts. This aligns stakeholders by proactively suggesting improvements based on design system constraints before implementation begins.

Can I check color contrast and accessibility issues across multiple components?▼

Yes, you can check color contrast and accessibility issues across multiple components. The audit applies deterministic checks to handle multiple pages and flows, generating before and after verification artifacts to confirm accessibility improvements.

Does a visual QA review work with design diffs and plan-mode workflows?▼

Yes, visual QA review works with design diffs and plan-mode workflows. It loads context from frontmatter to audit visual inconsistencies across live sites or diffs, outputting verification artifacts that guide iterative fixes and stakeholder alignment.

Related Skills

Explore More Design & Creative Skills→
nicholaslocascionicholaslocascio
2

plan-design-review

Audit live site visual design and export a DESIGN.md baseline.

Community
Advanced
adityasingh2400adityasingh2400
2

design-review

Audit live websites for visual integrity and commit atomic fixes with before/after screenshots.

Community
Advanced
The-Vibe-CompanyThe-Vibe-Company
2.4k

polish

Review UI and copy for alignment, spacing, typography, and consistency before release.

Official
Advanced
legotec73legotec73

design-review

Audit live websites for visual issues and apply atomic code fixes.

Community
Advanced