image-analysis

Installation
SKILL.md

Image Analysis

Summary

Analyzes images in a knowledge profile (or user-provided images) and extracts implementable design values — hex colors, px measurements, CSS technique names, easing patterns — never descriptions. Appends a structured ## Analysis section to knowledge/aesthetics/<slug>.md. Never creates new files; always appends to an existing profile.

When to Apply This Skill

Apply when:

  • A knowledge profile exists (or images have been provided) and concrete implementable values are needed for token production
  • The user asks to "extract colors", "get CSS values", "analyze these images", or "what border-radius is that"
  • The aesthetic-application skill needs grounded implementable values, not dictionary approximations
  • The ## Analysis section in a profile is empty or needs updating

Do NOT apply when:

  • No images are available (use aesthetic-literacy dictionary values as a starting point instead)
  • The user wants a qualitative description of the aesthetic (use aesthetic-literacy)

Dependencies

Installs
7
GitHub Stars
2
First Seen
May 17, 2026
image-analysis — alexiseverage/aesthetic-frontend-skills