aesthetic

Analyze website designs, generate iterative images, and document design guidelines.

Updated Feb 24, 2026
One-click install
npx skills add https://github.com/lildibbb/tele-crm-frontend --skill aesthetic-lildibbb
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: aesthetic
Source: https://github.com/lildibbb/tele-crm-frontend/tree/main/.agents/skills/aesthetic
Command: npx skills add https://github.com/lildibbb/tele-crm-frontend --skill aesthetic-lildibbb

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill unit addresses the need for creating aesthetically pleasing interfaces that adhere to proven design principles, providing tools and workflows for analysis, iteration, and documentation.

Core Features & Use Cases

  • Design Analysis: Capture and analyze inspiration from websites using tools like chrome-devtools and ai-multimodal.
  • Iterative Design Generation: Generate and refine design images using ai-multimodal until aesthetic standards are met.
  • Design Documentation: Document design guidelines and stories using templates for consistency and clarity.
  • Integration: Integrates with multiple skills like ai-multimodal, chrome-devtools, and web-frameworks for comprehensive design support.
  • Use Case: For a product manager looking to improve the UI/UX of a new app, this Skill can be used to gather inspiration, create visual designs, and document the design process.

Quick Start

Use the aesthetic skill to generate a new design image based on the prompt 'a modern app interface with a blue color palette and sans-serif typography'.

Frequently Asked Questions about aesthetic

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

FAQPage Schema
How do I systematically analyze UI/UX design inspiration from existing websites?

UI/UX design analysis captures website inspiration using chrome-devtools and evaluates aesthetic principles with ai-multimodal. This workflow extracts design patterns to inform your iterative design process.

Can I generate and iteratively refine app interface designs until they meet aesthetic standards?

Yes, you can iteratively refine app interface designs using ai-multimodal to generate images. The workflow repeatedly evaluates and adjusts visuals against aesthetic principles until your design standards are achieved.

What is the best way to document UI/UX design guidelines for product managers?

Documenting UI/UX design guidelines uses systematic documentation templates to record design stories and principles. This ensures guidelines are captured consistently for product managers and designers.

Does this iterative design workflow integrate with web-frameworks for UI development?

Yes, this iterative design workflow integrates with web-frameworks alongside chrome-devtools and ai-multimodal. This provides comprehensive design support spanning from visual generation to interface development.

Do I need media-processing tools to create visually appealing interfaces?

Media-processing tools are needed to handle image manipulation during iterative design generation. Combined with ai-multimodal, they refine visual outputs to meet established aesthetic principles.