design-taste-frontend

What it does

This skill enables AI agents to evaluate and refine frontend designs based on aesthetic principles and user experience standards. It provides critical feedback on visual layouts, color schemes, typography choices, and overall interface harmony to ensure professional quality.

When to use it

• Reviewing wireframes or mockups before implementation to catch early design flaws.
• Generating critiques for landing pages that need to align with modern UI trends.
• Validating consistency across multiple components within a larger application.
• Enhancing existing dashboards by suggesting improvements in spacing and visual hierarchy.

Key capabilities

• Analyzes frontend designs for aesthetic appeal and usability.
• Identifies specific issues in layout, color contrast, and typography.
• Offers actionable recommendations to elevate design quality.
• Supports both initial concept validation and iterative refinement.

Example prompts

• "Evaluate this React component's styling for modern design principles and suggest improvements."
• "Critique the color palette and spacing in this dashboard layout for better user experience."
• "Analyze the visual hierarchy of this landing page and recommend changes to improve focus."

Tips & gotchas

Ensure you provide clear context about the target audience or brand guidelines when requesting design evaluations. While the skill offers strong aesthetic insights, it complements rather than replaces human judgment on complex functional requirements.