SetupLesson 4 of 6

Install a Skill Pack

4 min readClaude Code for Designers

Your dashboard offers two ways to download the skills you've saved: a zip you unpack, or a single markdown file you hand to Claude Code directly. If you only want one skill, there's a one-line install for that too.

Get there from the site

Browse /patterns or /skills

Find the patterns your product needs. Not sure which ones? Run the free audit first.

Save the ones you want with the bookmark icon

Each save adds that pattern's skill to your dashboard.

Open the Saved bar and choose Review

This shows every skill you've saved before you download anything.

Pick a format and download

Folder (.zip), the one-file installer, or a single skill, covered next.

Option A: the zip

Choose Folder (.zip) on your dashboard

Downloads aiux-skill-pack.zip, containing a README and one `.claude/skills/aiux-<pattern>/SKILL.md` per saved pattern.

Unzip it at the root of your repo

The `.claude/skills/` folder lands exactly where Claude Code expects it.

Commit it

Skills are plain text, so they diff and review like any other file in the repo.

Unzip at the repo root

unzip ~/Downloads/aiux-skill-pack.zip -d .

Option B: the one-file installer

Download aiux-skills.md

One markdown file (the same plain-text format skills themselves use) with every saved skill fenced off inside it, plus install instructions at the top.

Drop it in your repo, or paste it straight into chat

Either works: Claude Code reads the file from disk or from your prompt.

Tell Claude Code to install it

"install the skills in aiux-skills.md" is enough. Claude creates each file at the path named in its heading.

Want everything at once?

The whole library is also published as an open GitHub repo, so one command installs all the skills through the skills CLI. It works with Claude Code, Cursor, GitHub Copilot, and most other coding agents.

Install every skill

npx skills add imsaif/aiux-skills

Just one skill?

You don't need the dashboard for a single pattern. Every skill is also served on its own, so this one command installs it directly, no download step at all.

Install a single skill

mkdir -p .claude/skills/aiux-<slug> && curl -fsSL https://aiuxdesign.guide/skills/aiux-<slug>.md -o .claude/skills/aiux-<slug>/SKILL.md

Location matters

Claude Code only auto-loads skills from `.claude/skills/<name>/SKILL.md`. If you unzip or install somewhere else, nothing triggers. Run `ls .claude/skills/` to confirm the folders landed where they should, and start a fresh Claude Code session afterward so it picks up the new skills.

Skill not loading?

Check the exact path: it must be `.claude/skills/<name>/SKILL.md`, not a subfolder or a renamed file. Start a fresh Claude Code session, since skills load at the start of a session, not mid-conversation. Then ask Claude directly: "what skills are available?" Its answer confirms exactly what it can see.

A skill pack is installed

Chose a path: zip, one-file installer, or a single-skill curl command
Confirmed the skills sit under `.claude/skills/<name>/SKILL.md`
Started a new session so Claude Code picks them up

Next: what actually makes a skill fire, without you asking for it by name.

← Back to Using AI UX Skills with Claude Code overview