skills.rest
locdinh209
locdinh209COMMUNITY
Explore all skills by this author →
WebsiteGitHub

aesthetic

Generate design images for mobile app interfaces with specified styles and color palettes.

Updated Mar 26, 2026
Search Tags:#design principles#design analysis#design documentation#ui/ux design#systematic workflows
One-click install
npx skills add https://github.com/locdinh209/curation-skills --skill aesthetic-locdinh209
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: aesthetic
Source: https://github.com/locdinh209/curation-skills/tree/main/aesthetic
Command: npx skills add https://github.com/locdinh209/curation-skills --skill aesthetic-locdinh209

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill helps users design aesthetically pleasing interfaces by providing systematic workflows and guidelines for UI/UX design, analysis, and documentation.

Core Features & Use Cases

  • Design Principles: Offers a four-stage approach (BEAUTIFUL, RIGHT, SATISFYING, PEAK) for designing interfaces.
  • Inspiration Capture: Guides users on capturing and analyzing design inspiration from websites.
  • Design Image Generation: Provides workflows for generating and iterating design images.
  • Design Documentation: Assists in creating comprehensive design guidelines and stories.
  • Integration: Integrates with various skills like ai-multimodal, chrome-devtools, and media-processing.

Quick Start

Use the aesthetic skill to generate a design image for a mobile app interface with a modern style and a color palette of blue and white.

Frequently Asked Questions about aesthetic

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

FAQPage Schema
How do I create aesthetically pleasing UI/UX interfaces using a systematic workflow?▼

To create aesthetically pleasing UI/UX interfaces, this Skill applies a four-stage systematic workflow—BEAUTIFUL, RIGHT, SATISFYING, and PEAK—guiding you from initial inspiration capture to final design generation and comprehensive documentation.

What is the best way to analyze design inspiration from websites for interface design?▼

The best way to analyze design inspiration is by using the integrated inspiration capture workflow, which guides you through analyzing website aesthetics and feeding those principles into your UI/UX design generation process.

Can I use this Skill to generate design images for mobile app interfaces?▼

Yes, you can generate design images for mobile app interfaces by specifying modern styles and color palettes, leveraging the systematic design image generation and iteration workflows provided.

How does this UI/UX design workflow integrate with other design tools and skills?▼

This UI/UX design workflow integrates with skills like ai-multimodal for generation, chrome-devtools for web analysis, and media-processing, allowing you to capture, analyze, and process design assets seamlessly.

Do I need to create design documentation separately after generating an interface?▼

You do not need to create design documentation separately; the workflow automatically assists in creating comprehensive design guidelines and stories directly tied to your generated interface outputs.

What design principles are applied during the systematic UI/UX workflow?▼

The systematic workflow applies a four-stage design principle approach: BEAUTIFUL, RIGHT, SATISFYING, and PEAK, ensuring interfaces are systematically evaluated and refined for aesthetic excellence.

Related Skills

Explore More Design & Creative Skills→
kettleofketchupkettleofketchup
13

aesthetic

Generate and document UI/UX designs using a four-stage aesthetic framework.

Community
Advanced
danielctcdanielctc

aesthetic

Evaluate UI mockups and generate design guideline outlines for color, typography, spacing, and accessibility.

Community
Basic
dtyqdtyq
5.0k

canvas-designer

Coordinate canvas projects, AI image generation, and design-marker edits.

Official
Advanced
mngarciamngarcia

refactoring-ui

Evaluate and enhance web UI design elements like hierarchy, typography, and color.

Community
Advanced