What's Inside

Reframes Claude to design from a human-first perspective—grounded in user context, behavioral psychology, and thoughtful decision architecture—while focusing on end-to-end flows instead of isolated screens. At the same time, it enforces a high bar for visual craft, applying rigorous systems for spacing, typography, color, and consistency to deliver polished, professional-grade UI.


How to Install

<aside> ⚠️

Important: You must upload the full .zip file — not just the SKILL.md. Each skill now includes a references/ folder with files Claude loads on-demand. Without the zip, Claude won't have access to the reference guides.

</aside>

  1. Make sure "Code execution and file creation" is enabled in Settings → Capabilities
  2. Download zip files from the link below
  3. Go to Customize → Skills
  4. Click the "+" button → "Upload a skill"
  5. Upload the zip file.
  6. Toggle the skill ON
  7. Start a new chat and test!

📎 Download from Google Drive