agentsclimarketplace

Visual qa

Skill timeyour/agentskills-audit-collection/.claude/skills/visual-qa

AI delivery acceptance and audit system for vibe-coded websites, web apps, and agent-built products.

Install
npx -y skills add timeyour/agentskills-audit-collection --skill visual-qa

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

One thing to look at

  • 1 stars1 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.

What its author says it does

Copied from the file, not written here

Audit visual quality, aesthetic craft, UI consistency, layout, responsive behavior, typography, spacing, trust signals, and AI slop patterns in a website, app, screenshot, or generated UI.

SKILL.md

2.0 KB, as published. Nobody here has run it

Visual QA

Use this skill when the user wants to know whether a page feels designed, credible, consistent, and conversion-ready.

Do

  1. Identify product category and intended user scenario.
  2. Inspect first viewport, hierarchy, spacing, typography, color, imagery, components, and responsive behavior.
  3. Inventory visible media, document links, embeds, and product screenshots when they affect trust or layout.
  4. Flag AI slop: generic gradients, repeated icon cards, fake proof, vague copy, mismatched components, irrelevant imagery.
  5. Use measurable aesthetic heuristics for spacing, hierarchy, color roles, visual weight, component consistency, and Figma/code fidelity when evidence exists.
  6. Separate screenshot-backed findings from source-only findings.
  7. Compare against the right product pattern: local service, SaaS, portfolio, directory, dashboard, lifestyle commerce, etc.
    • For product-pattern questions (scenario, outcome, next-step, inspiration vs. action), invoke /ai-product-audit or use ../ai-product-audit/references/product-pattern-rubric.md.
  8. Produce section-level issue cards and copyable design-fix prompts.
  9. Use S0-S4 severity and include regression checks for visual fixes.
  10. For multi-section reviews, emit progress updates after each major page section or viewport group.

References

  • references/aesthetic-quality-audit.md
  • references/aesthetic-metrics.md
  • references/webpage-audit-rubric.md
  • ../audit/references/progressive-reporting.md for long visual audits
  • ../audit/references/web-surface-discovery.md when media, documents, or embeds need inventory

Output

  • Aesthetic audit summary.
  • Visual score with evidence level.
  • Pattern fit table.
  • AI slop signals.
  • S0-S4 severity.
  • Issue cards.
  • Copyable fix pack.
  • Regression checks.
  • Lessons.

Keep looking

Skills are one crate of 328,083. Ordering is by how many stacks a row turns up in, so the top of any crate is what has actually been picked rather than what has the most stars.