Visual Design Toolkit
Brand styling, poster art, generative visuals, and image generation. For design work outside the browser.
Install the whole bundle
5 skills into ~/.claude/skills/. Free.
Paste into your terminal. Restart Claude Code afterwards — new skills are picked up on startup.
git clone https://github.com/anthropics/skills.git /tmp/anthropics__skills
mkdir -p ~/.claude/skills/brand-guidelines && cp -r /tmp/anthropics__skills/skills/brand-guidelines/. ~/.claude/skills/brand-guidelines/
mkdir -p ~/.claude/skills/canvas-design && cp -r /tmp/anthropics__skills/skills/canvas-design/. ~/.claude/skills/canvas-design/
mkdir -p ~/.claude/skills/frontend-design && cp -r /tmp/anthropics__skills/skills/frontend-design/. ~/.claude/skills/frontend-design/
git clone https://github.com/coreyhaines31/marketingskills.git /tmp/coreyhaines31__marketingskills
mkdir -p ~/.claude/skills/image-coreyhaines31 && cp -r /tmp/coreyhaines31__marketingskills/skills/image/. ~/.claude/skills/image-coreyhaines31/
mkdir -p ~/.claude/skills/algorithmic-art && cp -r /tmp/anthropics__skills/skills/algorithmic-art/. ~/.claude/skills/algorithmic-art/This copies each skill's full folder (SKILL.md plus any supporting scripts, reference docs, or asset templates) so every skill works out of the box. Safe default.
Faster alternative (instruction-only skills)
Skips the git clone and downloads only each SKILL.md. Avoid if any skill in the bundle ships Python scripts, reference markdowns, or asset templates — they'll be missing and the skill will fail when it tries to load them.
mkdir -p ~/.claude/skills/brand-guidelines && curl -fsSL https://raw.githubusercontent.com/anthropics/skills/main/skills/brand-guidelines/SKILL.md -o ~/.claude/skills/brand-guidelines/SKILL.md
mkdir -p ~/.claude/skills/canvas-design && curl -fsSL https://raw.githubusercontent.com/anthropics/skills/main/skills/canvas-design/SKILL.md -o ~/.claude/skills/canvas-design/SKILL.md
mkdir -p ~/.claude/skills/frontend-design && curl -fsSL https://raw.githubusercontent.com/anthropics/skills/main/skills/frontend-design/SKILL.md -o ~/.claude/skills/frontend-design/SKILL.md
mkdir -p ~/.claude/skills/image-coreyhaines31 && curl -fsSL https://raw.githubusercontent.com/coreyhaines31/marketingskills/main/skills/image/SKILL.md -o ~/.claude/skills/image-coreyhaines31/SKILL.md
mkdir -p ~/.claude/skills/algorithmic-art && curl -fsSL https://raw.githubusercontent.com/anthropics/skills/main/skills/algorithmic-art/SKILL.md -o ~/.claude/skills/algorithmic-art/SKILL.mdWhat's inside
Anthropic Brand Styling
anthropics
Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.
Poster & Visual Design
anthropics
Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.
UI/UX Pro Max
anthropics
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
Marketing Image Generator
coreyhaines31
When the user wants to create, generate, edit, or optimize images for marketing — blog heroes, social graphics, product mockups, profile banners, listing visuals, or brand assets. Also use when the user mentions 'AI image generation,' 'generate an image,' 'create a graphic,' 'product mockup,' 'hero image,' 'social media graphic,' 'banner image,' 'cover photo,' 'profile banner,' 'listing screenshot,' 'Flux,' 'Midjourney,' 'DALL-E,' 'GPT Image,' 'Ideogram,' 'Gemini image,' 'Canva,' 'Figma,' 'image optimization,' 'compress images,' 'WebP,' or 'OG image.' Use this for general-purpose marketing image creation and optimization. For paid ad image creative and platform-specific ad specs, see ad-creative. For video production, see video.
Generative Code Art
anthropics
Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists' work to avoid copyright violations.