·aesthetic-analysis
{}

aesthetic-analysis

qodex-ai/ai-agent-skills

Analyze and extract design patterns from visual examples. Deconstructs design systems, color palettes, typography, and layout principles from reference materials.

40Installs·1Trend·@qodex-ai

Installation

$npx skills add https://github.com/qodex-ai/ai-agent-skills --skill aesthetic-analysis

SKILL.md

When requested to redesign a landing page based on a reference:

User request: "Make our landing page look like https://stripe.com/payments"

Analyze and extract design patterns from visual examples. Deconstructs design systems, color palettes, typography, and layout principles from reference materials. Source: qodex-ai/ai-agent-skills.

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/qodex-ai/ai-agent-skills --skill aesthetic-analysis Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor

View raw

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/qodex-ai/ai-agent-skills --skill aesthetic-analysis
Category
{}Data Analysis
Verified
First Seen
2026-02-01
Updated
2026-02-18

Quick answers

What is aesthetic-analysis?

Analyze and extract design patterns from visual examples. Deconstructs design systems, color palettes, typography, and layout principles from reference materials. Source: qodex-ai/ai-agent-skills.

How do I install aesthetic-analysis?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/qodex-ai/ai-agent-skills --skill aesthetic-analysis Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor

Where is the source repository?

https://github.com/qodex-ai/ai-agent-skills