skills.rest
chef0111
chef0111COMMUNITY
Explore all skills by this author →
WebsiteGitHub

aesthetic

Analyze design screenshots and generate aesthetically refined UI mockups.

1|Updated Feb 17, 2026
Search Tags:#typography#design#ui/ux#color theory#aesthetics#visual hierarchy#interface
One-click install
npx skills add https://github.com/chef0111/physthink --skill aesthetic-chef0111
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: aesthetic
Source: https://github.com/chef0111/physthink/tree/main/.agents/skills/aesthetic
Command: npx skills add https://github.com/chef0111/physthink --skill aesthetic-chef0111

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill helps you create visually appealing and user-friendly interfaces by applying established design principles and iterative refinement.

Core Features & Use Cases

  • Design Analysis: Analyze inspiration screenshots to extract design styles, color palettes, typography, and layout structures.
  • Image Generation: Generate aesthetically pleasing design images through iterative prompting and AI analysis.
  • Design Documentation: Create comprehensive design guidelines and design stories.
  • Use Case: You need to design a new landing page. Use this Skill to analyze successful designs from Dribbble, extract their core aesthetic elements, generate initial mockups, and refine them until they meet high standards.

Quick Start

Use the aesthetic skill to analyze the screenshot provided and extract its design style, color palette, and typography.

Frequently Asked Questions about aesthetic

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

FAQPage Schema
How do I extract a color palette and typography from an inspiration screenshot?▼

To analyze design styles from inspiration sites, this Skill extracts color palettes, typography, and visual hierarchy directly from provided screenshots. It identifies core aesthetic elements to guide your interface design.

What is the best way to generate UI mockups using design principles?▼

Generating UI mockups using design principles is best achieved through iterative prompting and AI analysis. This approach refines AI-generated images until they meet high visual hierarchy and aesthetic standards.

How do I create comprehensive design documentation for a landing page?▼

To create comprehensive design documentation for a landing page, this Skill generates design guidelines and design stories based on extracted aesthetic elements. It documents the entire visual hierarchy and interface system.

Can I use AI-generated images to iterate on user interface design?▼

Yes, you can use AI-generated images to iterate on user interface design by applying iterative prompting and design analysis. This process refines mockups until they align with established UI/UX aesthetics.

Does this approach work with multimodal AI and web frameworks?▼

Yes, this interface design approach works with multimodal AI and web frameworks by integrating AI analysis with UI styling tools. It supports UI/UX development and visual hierarchy implementation seamlessly.

When do I need to document a design system for UI/UX development?▼

You need to document a design system for UI/UX development when translating analyzed inspiration into actionable interface guidelines. This ensures consistent application of color theory, typography, and visual hierarchy across projects.

Related Skills

Explore More Design & Creative Skills→
maplin-comaplin-co

visual-analysis

Extract text, elements, and visual properties from images and screenshots.

Official
Intermediate
Mohamed-ElkahefMohamed-Elkahef

ui-design

Generate self-contained single-file HTML UI prototypes with Tailwind CSS and Chart.js.

Community
Intermediate
DevattomDevattom

aesthetic

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

Community
Advanced
dapperdiversdapperdivers
1

high-end-visual-design

Create premium web interfaces with deliberate design systems and motion choreography.

Community
Advanced