Avad Design Review FAQs

Question 1

What counts as 'AI slop' during an audit?

Accepted Answer

It flags generic patterns often associated with unpolished AI-generated UIs, such as uniform bubbly border-radii, generic purple/blue gradients, and centered-everything layouts.

Question 2

Will it refactor my entire component structure?

Accepted Answer

No. It is designed to make the smallest possible change necessary to resolve a visual issue, prioritizing CSS-only fixes over structural JSX or TSX changes to maintain stability.

Question 3

Can it follow my specific project design system?

Accepted Answer

Yes. It automatically searches for a DESIGN.md or design-system.md file in your repository root to use as the source of truth for typography, colors, and spacing.

Question 4

How does Avad Design Review verify design fixes?

Accepted Answer

The skill follows a strict 'Fix Loop' where it captures a 'before' screenshot, applies a minimal atomic fix, takes an 'after' screenshot, and verifies that no console errors or visual regressions were introduced.

Question 5

Does this work on local development servers?

Accepted Answer

Yes, you can point the skill to any target URL, including localhost environments or production URLs, to perform a visual crawl.

Avad Design Review

Key Features

Use Cases

Avad Design Review

Key Features

Use Cases