Skip to content
Chapter 9 / 9

Claude skills for designers

Skills are instruction files that Claude applies on demand. They install in seconds and significantly improve the quality of outputs.

How to install a skill

1. Download the skill's .md file below
2. In Claude, open Settings > Skills
3. Create a new skill, paste the file content
4. Name it and save
5. Mention the skill in your conversation to activate it
For skills with an external link: you can also install directly from the marketplace link without downloading the file.

Visual and frontend skills

frontend-design

Points Claude toward production-quality interfaces: typography, spacing, visual hierarchy. Avoids the generic aesthetics of default AI outputs.

Use cases: any project where visual output matters, UI components, landing pages, prototypes presented to a client.

Install from the marketplace


creative-director

Brings an editorial eye to composition decisions and art direction. Useful when an interface needs a strong visual character, or when you are starting from a blank page with no clear reference.

Use cases: visual direction exploration, brand interfaces, projects with a strong visual identity, client presentations.

Install from the marketplace

Design and UX skills

ux-designer

Expert assistance with user research, wireframing, prototyping, and design strategy. Covers user flows, personas, usability test guides, and information architecture.

Use cases: project framing, preparing user tests, UX documentation, defining user journeys.

interactive-prototype

Interaction documentation for Figma, Principle, Bolt, and Lovable. Generates micro-interaction specifications, animation timelines, and technical specs for implementation.

Use cases: handing off interactions to a developer, animation documentation, behavior specifications.

spec-ideation

A structured framework for generating solutions through expansion, contraction, and documentation phases. Useful for product framing sessions and ideation workshops with a client.

Use cases: project scoping, workshops with a client, product trade-offs, concept exploration.

Writing skills

victor-voice

A writing posture for any narrative output: LinkedIn posts, briefs, consulting notes. Eliminates LLM writing tics, false dramatic constructions, and a condescending tone.

Use cases: LinkedIn posts, commercial proposals, framing notes, any text meant to be published or shared.

francais-parfait

French native-speaker writing rules: accented capitals (É, À), ligatures (œuvre, cœur), French quotation marks, zero emdash. Takes priority over all other style rules when the output is in French.

Use cases: any French-language output intended for publication or sharing.

Brand and presentation skills

Brand

A brand system for PPT presentations with a minimal corporate style: visual tokens, typography (Helvetica Neue / Public Sans), palette (#295FEC, #F8F9FB), layout conventions for client deliverables.

Use cases: commercial proposals, case studies, client deliverables, positioning documents.

Slides

Presentation creation: narrative structure, design tokens, layout conventions for client decks. Combine with the pptx skill for technical generation.

Use cases: client decks, keynotes, training materials, project debriefs.

pptx

Generates structured and formatted PowerPoint presentations directly from Claude. Handles slide creation, content organization by section, typography, tables, and export as a downloadable .pptx file.

Use cases: client debriefs in slide format, project summaries, presentation decks from notes or a brief.

Combine with the slides skill to apply visual conventions to the generated file.

Research

Searches for signals in the UI/UX, product design, AI and assisted workflows, B2B/B2G space. Generates LinkedIn content angles calibrated to Condamine Studio's positioning.

Use cases: preparing LinkedIn posts, sector monitoring, positioning on a topic before writing.

Workflow and methodology skills

ship-to-show

A 7-phase framework to turn a prototype into a portfolio case study with animated videos, bilingual narrative, and an integration pack. The full process takes about 2h30, from raw prototype to published page.

Use cases: documenting a prototype in a portfolio, producing interface demo videos, creating a complete case study from a code file.

Installation:

mkdir -p ~/.claude/skills/ship-to-show
curl -o ~/.claude/skills/ship-to-show/SKILL.md https://raw.githubusercontent.com/marcus-clay/ship-to-show/main/SKILL.md

Invocation: /ship-to-show

Read the full guide

Victor Soussan

Lead Product Designer

I help design teams integrate Claude Code into their workflows: workshops, pair sessions, project setup.