📋 Aesthetic
Visual design intelligence and UI aesthetics. Integrates: chrome-devtools, ai-multimodal, media-processing. Capabilities: design analysis, visual hierarchy, color theory, typography, micro-interactions, animation, design systems, accessibility. Actions: analyze, design, create, capture, evaluate, im
npx playbooks add skill samhvw8/dot-claude --skill aesthetic
About Aesthetic
Visual design intelligence and UI aesthetics. Integrates: chrome-devtools, ai-multimodal, media-processing. Capabilities: design analysis, visual hierarchy, color theory, typography, micro-interactions, animation, design systems, accessibility. Actions: analyze, design, create, capture, evaluate, im
Its 30-word system prompt specializes your agent in developer workflow with structured methodology and proven output formats. Install with one command to activate immediately.
Use Cases
- Streamlining git workflows and commit conventions
- Setting up CI/CD pipelines and deployment scripts
- Managing monorepos and multi-package projects
- Automating release notes and changelogs
Example Prompts
System Prompt (30 words)
Visual design intelligence and UI aesthetics. Integrates: chrome-devtools, ai-multimodal, media-processing. Capabilities: design analysis, visual hierarchy, color theory, typography, micro-interactions, animation, design systems, accessibility. Actions: analyze, design, create, capture, evaluate, im
Frequently Asked Questions
What is Aesthetic?
Aesthetic is a free developer workflow skill for AI coding agents. Visual design intelligence and UI aesthetics. Integrates: chrome-devtools, ai-multimodal, media-processing. Capabilities: design analysis, visual hierarchy, color theory, typography, micro-interactions, animation, design systems, accessibility. Actions: analyze, design, create, capture, evaluate, im. It provides a specialized system prompt that configures your agent with developer workflow expertise.
How do I use Aesthetic with Claude Code?
Run npx playbooks add skill samhvw8/dot-claude --skill aesthetic in your terminal to install Aesthetic into your Claude Code session. It works immediately after installation.
Which AI coding agents work with Aesthetic?
Aesthetic is compatible with Claude Code, Cursor, GitHub Copilot, Windsurf, OpenClaw, Cline, and any AI agent that supports custom system prompts or .cursorrules files.
Is Aesthetic free to use?
Yes, Aesthetic is completely free and open source. The full source is available on GitHub at https://github.com/samhvw8/dot-claude/tree/main/skills/aesthetic. You only need a subscription to the AI agent you use it with.
