aesthetic

Generate design guidelines and analyze UI aesthetics from a project brief.

Updated Jan 28, 2026
One-click install
npx skills add https://github.com/brixtonpham/claude-config --skill aesthetic-brixtonpham
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: aesthetic
Source: https://github.com/brixtonpham/claude-config/tree/main/skills/aesthetic
Command: npx skills add https://github.com/brixtonpham/claude-config --skill aesthetic-brixtonpham

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Improve UI aesthetics by providing structured design analysis and guidelines.

Core Features & Use Cases

  • Design principles reference load for hierarchy, typography, color theory
  • Workflow templates (capture & analyze inspiration, generate design images)
  • Documentation templates (design guidelines, design story)

Quick Start

Provide a project brief and I will generate a complete design guidelines draft.

Frequently Asked Questions about aesthetic

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

FAQPage Schema
How do I generate a UI design guidelines document from scratch?

To generate UI design guidelines, provide a project brief to receive a complete draft covering design principles, typography, color theory, and hierarchy. This structured documentation ensures consistent aesthetic output across your front-end workflow.

What is the best way to analyze and capture UI design inspiration?

Analyzing UI design inspiration involves using structured workflow templates to capture visuals and evaluate their aesthetics. This process breaks down hierarchy, micro-interactions, and color theory to inform your own design system.

Can I use this to build a complete design system and style guide?

Yes, you can build a design system and style guide using templated design documentation. It provides structured analysis and references for hierarchy, typography, and color theory to maintain consistent UI aesthetics.

How do you apply color theory and typography to improve UI aesthetics?

Improving UI aesthetics with color theory and typography relies on loading specific design principles references. These guidelines help you evaluate visual hierarchy and structure actionable rules for your interface.

Do I need existing design assets to evaluate micro-interactions and color theory?

You do not need existing design assets to evaluate micro-interactions and color theory. The Skill provides structured references and assets internally to analyze aesthetics and generate design images from a simple project brief.

Why does my UI design lack visual hierarchy and consistent aesthetics?

Your UI design lacks visual hierarchy and consistent aesthetics without structured design analysis and guidelines. Applying templated documentation for typography, color theory, and micro-interactions resolves these inconsistencies.