skills.rest
Devattom
DevattomCOMMUNITY
Explore all skills by this author →
GitHub

aesthetic

Analyze UI screenshots and generate improved design images via Gemini API.

1|Updated Feb 26, 2026
Search Tags:#design#ui#ai#iteration#visuals#gemini#ux
One-click install
npx skills add https://github.com/Devattom/.claude --skill aesthetic-devattom
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: aesthetic
Source: https://github.com/Devattom/.claude/tree/main/skills/aesthetic
Command: npx skills add https://github.com/Devattom/.claude --skill aesthetic-devattom

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill helps users create and refine visually appealing user interfaces by leveraging AI for design analysis, generation, and iteration, ensuring high aesthetic quality and functional usability.

Core Features & Use Cases

  • Design Improvement: Iteratively enhance existing UI designs based on AI analysis and feedback.
  • Inspiration Analysis: Extract design principles, styles, and components from inspiration websites.
  • Design Generation: Create new design images and iterate until aesthetic standards are met.
  • Use Case: You have a screenshot of a current app screen and want to make it look more modern and professional. This Skill will analyze the screenshot, suggest improvements, generate a new version, and help you iterate until it meets a high aesthetic score.

Quick Start

Improve the design of the provided UI screenshot by running the design-improve function.

Frequently Asked Questions about aesthetic

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I improve my existing UI design using AI analysis?▼

You can improve existing UI design by running the design-improve function, which analyzes your screenshots and iteratively enhances visual hierarchy, typography, and color theory until high aesthetic standards are met.

Can I analyze design inspiration from websites to extract UI styles and components?▼

Yes, you can analyze design inspiration from websites to extract underlying design principles, styles, and components using the inspiration analysis workflow powered by the Gemini API.

Do I need a multimodal AI model to generate and iterate on UI design images?▼

Yes, generating and iterating on UI design images requires integration with multimodal AI models like Gemini to evaluate aesthetics, apply color theory, and refine micro-interactions.

What design principles does AI use to evaluate UI aesthetics?▼

The AI evaluates UI aesthetics by focusing on visual hierarchy, typography, color theory, and micro-interactions to ensure high aesthetic quality and functional usability during the iteration process.

Can I iterate on a generated design until it meets a specific aesthetic score?▼

Yes, you can iteratively generate new design images and refine them based on AI feedback until the UI meets a high aesthetic score and adheres to established design principles.

Related Skills

Explore More Design & Creative Skills→
trungdo9trungdo9
3

aesthetic

Analyze existing designs and generate UI images iteratively.

Community
Intermediate
algusaemalgusaem

frontend-design

Craft production-grade frontend interfaces with cohesive typography, color, motion, and accessibility.

Community
Advanced
aleph23aleph23

aesthetic

Apply design principles to create aesthetically beautiful interfaces.

Community
Advanced
falconntfalconnt
3

designing-frontends

Generate structured design guidance for HTML/CSS/JS or React/Vue frontends.

Community
Advanced