Claude Skills · Design
6 Claude skills that fix generic AI design
Most AI design output looks generic because the model has no point of view and no craft rules. These six skills change that. Each teaches Claude one design job, and each installs with a single command.
Copy a command, run it in your terminal, and Claude picks up the skill. All six are real and free. Here is the full list.
01 · UX Designer
Turns Claude into a UX strategist instead of a code generator. Ask for a flow and it works through error states, tap target sizes, and WCAG contrast on its own.
npx skills add szilu/ux-designer-skill02 · Canvas Design
Describe a poster or graphic in plain words and Claude designs the whole thing, straight to a production-ready PNG. No Figma, no Canva.
npx skills add anthropics/skills --skill canvas-design03 · App Store Screenshots
Exports App Store and Google Play screenshots at every size the stores ask for. Device mockups, caption banners, light and dark, all handled.
npx skills add ParthJadhav/app-store-screenshots04 · Taste
Gives Claude a real point of view: a chosen palette, type, and hierarchy. Your interface stops reading like default AI output and starts looking like someone designed it.
npx skills add Leonxlnx/taste-skill05 · Transitions.dev
A catalog of production-ready transitions for modals, dropdowns, and page reveals. The kind of motion polish that makes a product feel expensive.
npx skills add Jakubantalik/transitions.dev06 · Web Artifacts Builder
Claude builds interactive React and Tailwind components live in the chat. Pricing tables, toggles, full UI blocks, ready to paste into your project.
npx skills add anthropics/skills --skill artifacts-builderHow to use them
Run the command for the skill you want. Next time you ask Claude for that kind of work, it uses the skill instead of guessing. You can install one or all six. Mix them as you go.
Want the next drop first?
New skills and builds land in the Vault every week.
Follow for the weekly drops