Two custom skills that turn Claude from a code generator into a UX strategist and visual craftsperson.

What's Inside

linkedinskills.svg

🎯 UX Designer Skill

Makes Claude think about the human first. It asks who the user is before building, applies psychology (cognitive load, Hick's Law, decision architecture), designs flows not just screens, writes microcopy that actually helps, and pushes back on bad UX decisions.

🎨 UI Designer Skill

Turns Claude into a visual perfectionist. 8pt spacing grid, mathematical type scales, 60-30-10 color rule, consistent component sizing, dark mode done right, and all the polish details that separate amateur from professional.

Both skills activate automatically — no slash command needed. The UX skill handles strategy and psychology, the UI skill handles visual craft.

💡 Tip: Remind Claude at the start of convos to use its design skills, it helps.

How to Install

  1. Download both folders from the link below — keep the folder structure intact
  2. Open Claude → Customize tab
  3. Click "Add Skill" → select SKILL.md inside ux-designer/
  4. "Add Skill" again → select SKILL.md inside ui-designer/
  5. Make sure the references/ subfolder stays next to each SKILL.md

📎 Download from Google Drive

More skills coming soon 🔥