DESIGN & VISUALS
How to turn Claude into your full-time designer ⚡
Master this high-ROI AI workflow: These are the 6 free skills that turn Claude into your full-time designer, real landing pages, decks, PDF lead magnets, a
Master this high-ROI AI workflow: These are the 6 free skills that turn Claude into your full-time designer, real landing pages, decks, PDF lead magnets, and ad-style screenshots, all from one chat.
Content and paid ads are distribution engines for your core value proposition. Don't create content just for engagement—engineer every hook to qualify high-intent buyers, demonstrate immediate proof, and lead into a frictionless capture mechanism. Track cost-per-qualified-lead (CPQL) over vanity impressions.
These are the 6 free skills that turn Claude into a designer. Real landing pages, real PowerPoint decks, real PDF lead magnets, real ad-style screenshots, all from one chat.
Quick context first, then the install steps.
🤖 What's a skill?
A skill is a reusable instruction kit that Claude follows on autopilot. You install it once, and Claude knows exactly what to do every time you trigger it.
Think of it like saving a really good prompt plus any reference files Claude needs, all bundled into one folder. When you need it, you don't re-explain the task. Claude just runs.
💻 Where do skills work?
Skills work across the 3 main Claude interfaces. The install method changes slightly depending on which one you use.
Claude.ai (web) is the easiest. Go to claude.ai, log in, click your profile, then go to Customize, then Skills. Most official Anthropic skills are one click away in the Browse gallery, and the Add button lets you create or upload your own. Works on Pro and Max plans.
Claude Desktop (the Mac or Windows app) is the same as web. Customize, then Skills. Add what you want from the Browse gallery.
Claude Code (the terminal version) is where you install community skills (anything not built by Anthropic). The terminal is the black-screen typing window on your computer (Mac: search "Terminal", Windows: search "Command Prompt"). Claude Code is a free download from claude.com/code.
🛠️ How to install Claude Code in 2 minutes
- Download it. Go to claude.com/code and click Download
- Run the installer. Open the installer and follow the prompts
- Open your terminal. (Mac: search "Terminal", Windows: search "Command Prompt")
- Log in. Type
claudeand press Enter, then follow the login prompt - Done
You're ready to install any skill below.
📋 The 6 skills and how to install each
1. UI-UX Pro Max
Gives Claude design-thinking ability before it generates a layout. Comes with 161 design rules, 67 UI styles, 161 color palettes, and 57 font pairings. Best for landing pages and sales pages.
Install:
- Open Claude Code (type
claudein your terminal) - Type:
/plugin marketplace add nextlevelbuilder/ui-ux-pro-max-skill - Press Enter
To use it, just say something like: "Build me a landing page for my business using UI-UX Pro Max."
2. App Store Design
Generates production-ready App Store and Play Store screenshots. Designs each slide as an advertisement, not a UI showcase. Built by Parth Jadhav.
Install:
- Open Claude Code
- Type:
npx skills add ParthJadhav/app-store-screenshots - Press Enter
3. PPTX (PowerPoint)
Generates real PowerPoint decks. Not slides shaped like text. Real .pptx files you can open and edit in Keynote, PowerPoint, or Google Slides. Official Anthropic skill.
Install on Claude.ai or Claude Desktop:
- Click your profile, then Customize, then Skills
- Find the PowerPoint skill in the Browse gallery and add it
Install on Claude Code:
- Type:
/plugin marketplace add anthropics/skills - Then:
/plugin install pptx
4. PDF
Generates real PDF documents. Lead magnets, swipe files, prompt packs, client deliverables. Official Anthropic skill.
Install on Claude.ai or Claude Desktop:
- Customize, then Skills
- Find the PDF skill in the Browse gallery and add it
Install on Claude Code:
- Type:
/plugin install pdf(after adding the anthropics/skills marketplace from step 3)
5. GStack
Built by Garry Tan, the President of Y Combinator. 23 slash-commands for thinking, planning, building, and reviewing. Most people only use 2:
/plan-design-reviewrates any design 0-10 and explains what a 10 looks like/design-shotgungenerates 4-6 design variants and lets you pick
Install:
- Open Claude Code
- Type:
git clone https://github.com/garrytan/gstack.git ~/.claude/skills/gstack - Then type:
cd ~/.claude/skills/gstack && ./setup
6. Skill Creator
The unlock. Builds custom Claude skills for any workflow you do more than once. Encode your brand voice, your hook formula, your ICP, your editing checklist. Once you can build skills, you stop searching for them. Official Anthropic skill.
Install on Claude.ai or Claude Desktop:
- Customize, then Skills
- Find Skill Creator in the Browse gallery and add it
Install on Claude Code:
- Type:
/plugin install skill-creator(after adding the anthropics/skills marketplace)
🎯 How to actually use a skill
Once a skill is installed, just talk to Claude normally and mention what you want. Claude detects which skill to use.
Example prompts:
- "Use the PowerPoint skill to make me a 5-slide deck on my offer."
- "Use App Store Design to generate iPhone screenshots for a fictional habit tracker app."
- "Use Skill Creator to turn this brand voice doc into a reusable skill for me."
💡 My honest take
Start with Skill Creator and PDF. Everything else can wait.
Skill Creator unlocks the rest because once you can build skills, you can encode any workflow you repeat. PDF pays for your Claude subscription on day 1 (lead magnets, swipe files, anything you'd normally make in Canva).