Back to marketplace

Design Feedback Reviewer

Gives structured, actionable feedback on a design or layout.

Creator / Designcreatordesign
by AgentVoltv1.0.0Published 1y ago1 install
Free to sign up · every skill included with AgentVolt Pro

Before & after

Same prompt, same agent — the only difference is the skill.

Prompt“Review this UI mockup and give actionable feedback.”
Beforegeneric AI agent
I'd be happy to review your UI mockup and give you feedback. To make my review most helpful, I should probably see the mockup first and understand what you're trying to accomplish with it. It would also be useful to know who the users are and what problems you're solving for them. Once I see the design, I can comment on things like visual hierarchy, usability, consistency with best practices, and whether the layout makes sense. I can also point out any potential issues with contrast, readability, or touch targets if it's a mobile design. Share the mockup and let me know if there are specific areas you want me to focus on, and I'll give you detailed feedback.
Afterwith Design Feedback Reviewer
DESIGN FEEDBACK REPORT: DASHBOARD MOCKUP

OVERALL ASSESSMENT
Strengths: Clean grid layout, good color contrast, clear information hierarchy
Weaknesses: Dense sidebar, call-to-action not prominent, mobile responsiveness unclear

CRITICAL FEEDBACK (Fix before launch)
1. PRIMARY CTA PLACEMENT
   Issue: Export Report button bottom-right, hard to find
   Fix: Move to top-right OR floating action button (FAB)
   Priority: HIGH (primary user action)

2. FORM INPUT STYLING
   Issue: Input labels gray (67% contrast on white); fails WCAG AA
   Fix: Darken labels to #333333 (90% contrast) OR use bold weight
   Priority: HIGH (accessibility)

3. MOBILE VIEWPORT (320px)
   Issue: Sidebar fixed width (280px) = only 40px content area
   Fix: Collapse sidebar on mobile (hamburger toggle)
   Priority: HIGH (usability)

SECONDARY FEEDBACK (Nice to have)
4. ICON CLARITY
   Suggestion: Settings icon too small (16px -> 20px minimum)
   Rationale: Touch target should be 44px minimum (iOS HIG)

5. TABLE SORT INDICATOR
   Suggestion: Add arrow icon (^ v) to active column header
   Rationale: Telegraphs sortability, improves discoverability

6. ERROR STATE VISUAL
   Suggestion: Input error -> red left border (not just red text)
   Rationale: Users with color blindness rely on shape/position

DESIGN CONSISTENCY
• Typography: Body text 14px (good); ensure heading hierarchy (18, 20, 24pt)
• Spacing: 16px grid observed; apply consistently (aligned)
• Colors: Primary blue #0071E3, secondary gray #6B7280 (sufficient contrast)

ACTION PLAN
Priority 1 (Fix this week): Accessibility issues + mobile collapse
Priority 2 (Next iteration): Icon sizing, sort indicators, error states
Delivery: Updated mockup in Figma + component specs ready for dev

About this skill

name: design-feedback description: Use when Gives structured, actionable feedback on a design or layout.

Design Feedback Reviewer

AgentVolt-original skill. Gives structured, actionable feedback on a design or layout. Reads your brand voice and goals first, then applies a repeatable workflow so output stays on-brand and consistent.

What you get

  • Proprietary AgentVolt skill
  • installs into Claude and works alongside your other creator and business skills.

Customize your output

  • Feed it your brand voice, niche, and examples
  • adapt the output to your platforms and offers.

Example output

Triggered on a matching task; chains with the other AgentVolt skills into a full workflow.

Best for

Creators, solopreneurs, freelancers, and small teams.

SKILL.md preview

SKILL.md
---
name: design-feedback
description: Use when a design or layout needs structured, actionable feedback before it ships.
version: 1.0.0
category: Creator / Design
author: AgentVolt
license: proprietary
tags:
  - creator
  - design
  - flagship
  - agentvolt
---

# Design Feedback Reviewer

Reviews a design the way a senior designer would in critique — structured by hierarchy, contrast, and intent — instead of a scattershot list of taste opinions.

… (sign up to view the full skill)
Sign up to view, copy, and install the full skill

More creator skills

View all Creator skills →

Brand Asset Checklist

Generates the full asset checklist to launch a consistent brand.

Creator

Presentation Deck Writer

Turns an outline into a clean, persuasive presentation deck.

Creator

Segmentation Planner

Plans subscriber segments and the content each should get.

Creator

Collab Pitch Writer

Writes a warm, specific collaboration pitch to another creator.

Creator