Aesthetic

This one walks you through creating actually good looking interfaces by analyzing designs from Dribbble or Behance, then iterating on them until they hit professional standards. It uses a four stage framework: make it beautiful by studying real examples, ensure it's functional and accessible, add micro-interactions with proper timing curves, then layer in storytelling elements. The workflow is concrete: screenshot inspiration sites with chrome-devtools, analyze them with ai-multimodal to extract color palettes and typography systems, generate design variations, then score and iterate until you hit 7/10 or better. Comes with templates for design guidelines and integrates with shadcn/ui for implementation. Honest take: the systematic quality threshold prevents you from shipping the first mediocre output.

Install to Claude Code

npx -y skills add mrgoonie/claudekit-skills --skill aesthetic --agent claude-code