Skills
Skills for Claude and Codex around product, design, prototyping and animation. Mine are free to use; the others credit their author and link to their source.
curl -L -o prototype-anime.zip …Copy32 skills
Product and strategy
Product and strategy · Free to use
socle
Guides the start of a digital product in five steps: structure, equip, build, ship, extend.
- Decisions are made once, in order
- Technical foundations are set up in one pass
Outcome
A project ready to build in short, complete increments.
Free to use, MIT
Product and strategy · Free to use
personal-os
Creates a personal OS with Claude Code: a folder of text files with an inbox, rules and agents.
- Sorts notes into decisions, actions, facts and questions
- Includes ready-made agents and commands to run them
Outcome
A memory and a dashboard of your work, updated by Claude and checked by you.
Free to use, MIT
Product and strategy · Free to use
direction-design
Builds a design roadmap, a meeting schedule and the arguments to support a trade-off decision.
- Design work is ready before the next step needs it
- Arguments link to what the other side already accepts
Outcome
A design position with a fallback option, ready for the trade-off discussion.
Free to use, MIT
Product and strategy · Recommended
karpathy-guidelines
Gives behaviour rules to a model that writes code, to reduce common mistakes.
- The model thinks before it writes
- The model keeps code simple and changes little
Outcome
Code changes that are smaller and easier to review.
forrestchang
Product and strategy · Recommended
find-skills
Searches the open skills ecosystem and installs the skills you pick.
- Finds a skill from a described need
- Installs it with one command
Outcome
The skill you need, found and installed from the command line.
Vercel Labs
Design and UX
Design and UX · Free to use
ux-et-design-thinking
Reviews a journey or a screen: job to be done, usage facts and reuse of components.
- Each critique links to an impact on users
- Hypotheses are separated from observed facts
Outcome
A design decision backed by a stated reason.
Free to use, MIT
Design and UX · Recommended
ux-designer
Helps with UX work: research, wireframes, journeys, personas, usability tests, information architecture.
- Covers the process from research to handoff
- Ranks rules by priority: needs, accessibility, usability
Outcome
A journey or screen reviewed, with recommendations ranked by severity.
awesome-llm-apps · MIT
Design and UX · Recommended
impeccable
Provides commands to guide and check the design of an interface, such as audit, critique and polish.
- Review commands: audit, critique, polish
- Rules that detect common flaws in generated front ends
Outcome
An interface checked for common flaws before release.
Paul Bakaus · Apache 2.0
Design and UX · Recommended
ui-skills
Checks and fixes an interface: visual baseline, accessibility, metadata, animation performance.
- Fixes are run in targeted passes
- Accessibility and metadata are checked
Outcome
An interface checked and corrected before delivery.
ibelick · MIT
Design and UX · Recommended
taste-skill
A family of skills that helps avoid the generic look of a generated interface.
- Settings for variance, motion and density
- Variants for the model you use
Outcome
A front end with a less generic look.
Leonxlnx · MIT
Design and UX · Recommended
designer-skills
A collection of skills for designers: research, journeys, personas, workshops, critique, design systems.
- Covers many kinds of design work
- One skill per activity, used when needed
Outcome
A method framework for each design activity.
Owl-Listener · MIT
Design and UX · Recommended
layers-skills
Applies Layers of Product Design: layers that run from observed behaviour to surface decisions.
- Checks the foundations before the surface
- One entry point per layer
Outcome
A surface decision backed by observed needs.
Jamie Mill · MIT
Designing AI
Ideation and creation
Ideation and creation · Recommended
spec-ideation
Turns a rough idea into a specification in three phases: expansion, contraction, documentation.
- Ideas are structured before you give them to an AI
- Decisions are recorded along with ideas
Outcome
A clear specification built from a first rough idea.
cris-achiardi · MIT
Ideation and creation · Recommended
creative-director
Generates creative concepts with ideation methods, then evaluates and refines them.
- Starts from an insight before any idea
- Combines several methods to widen the options
Outcome
Evaluated concepts with a reasoned recommendation.
Serge Shima · CC BY 4.0
Ideation and creation · Free to use
signal-research
Monitors signals in UI/UX, product, AI and tools, then proposes content angles for your positioning.
- Scans several domains from ready-made queries
- Fits angles to a positioning brief
Outcome
A research brief with content angles, ready to write from.
Free to use, MIT
Facilitation
Prototyping
Prototyping · Free to use
prototype-anime
Plays a journey of screens as a film, on mobile or desktop, with finger or cursor, typing and camera.
- The journey is shown step by step on screen
- One engine for a mobile app and a web product
Outcome
A short film for a case study, a presentation or a demo.
Free to use, MIT
Prototyping · Free to use
ship-to-show
Turns a prototype into a published case study in seven phases, with videos and bilingual content.
- Seven phases from prototype to publication
- Text content and videos are produced together
Outcome
A published case study with its animated demonstrations.
Free to use, MIT
Prototyping · Recommended
figma-console-mcp
An MCP server that connects the AI to Figma to read and create designs, tokens and components.
- Read and create in Figma from the conversation
- Commands to audit and document a design system
Outcome
A design system you can query and edit from the conversation.
TJ Pitre, Southleft · MIT
Animation
Animation · Recommended
emil-design-eng
Principles for finishing an interface and choosing animations.
- A frame to decide if, when and how to animate
- Attention to small details that add up
Outcome
An interface where each motion detail has a reason.
Emil Kowalski
Animation · Recommended
transitions-dev
A collection of ready-to-use CSS transitions for modals, menus, badges and panels.
- Transitions you copy and connect to your interface
- A shared vocabulary for motion
Outcome
Consistent interface animations built from existing transitions.
Jakub Antalik
Animation · Recommended
transitions-polish
Refines existing animations using a scale of durations, distances, blurs and curves.
- Audits the motion values of a project
- Rules for opening, closing and staggering
Outcome
Consistent motion across the whole product.
Jakub Antalik
Animation · Free to use
drawing-animated-diagrams
Creates SVG diagrams for React that draw themselves when they enter the screen, in ink and grey.
- One idea per diagram, drawn in reading order
- Same parts and same motion in every diagram
Outcome
An animated diagram that explains a process.
Free to use, MIT
Illustration and diagrams
Illustration and diagrams · Free to use
card-illustrations
Creates card illustrations: a fragment of the subject itself, annotations and a touch of accent colour.
- Consistent cards, in black and white or in colour
- Reusable parts to compose each scene
Outcome
Thumbnails whose picture shows what the content is.
Free to use, MIT
Illustration and diagrams · Free to use
marker-sketch
Creates marker sketches on dotted paper as SVG, including an interactive mode.
- A clear diagram in seconds, in a meeting or in writing
- The same style from one sketch to the next
Outcome
A sketch ready to use to explain or decide.
Free to use, MIT
Illustration and diagrams · Free to use
diagram-storytelling
Creates minimal zonings, wireframes and diagrams for slides, with one idea per diagram.
- Each diagram is understood on its own
- Elements are removed before any is added
Outcome
Presentation diagrams that each carry one idea.
Free to use, MIT
Writing and brand
Writing and brand · Free to use
sober-writing
Applies a sober writing style: facts, visible reasoning and narrative headings.
- Removes the writing habits typical of language models
- Keeps a peer-to-peer tone and avoids superlatives
Outcome
A text ready to read or publish, with the tone already right.
Free to use, MIT
Writing and brand · Free to use
francais-parfait
Applies rules for native French writing: accents, ligatures, quotation marks, non-breaking spaces.
- French typography applied throughout a text
- A natural style that avoids non-native phrasing
Outcome
French text that reads as if a person wrote it.
Free to use, MIT
Writing and brand · Free to use
brand-system
Provides a ready-to-use brand system: palette, typography, gradient, components and tone.
- Tokens ready to import as CSS or JSON
- A base you can replace with a project’s own brand
Outcome
Consistent deliverables from the first version.
Free to use, MIT
Presentations
Presentations · Free to use
slides
Provides tokens, fifteen layouts and narrative conventions for presentations.
- Fifteen layouts to pick from quickly
- Titles that state the logic of the deck
Outcome
A presentation whose titles alone give the full storyline.
Free to use, MIT
Presentations · Recommended
pptx
Generates PowerPoint presentations: slides, sections, tables, export as .pptx.
- Generates .pptx files from the conversation
- Works with slides and brand-system
Outcome
A presentation file ready to download.
Anthropic
Install a skill
Each skill page gives the command to copy. The three ways to install, in short.
- Claude.aiSettings, Capabilities, Skills, then upload the zip as is.
- Claude CodeUnzip the archive into ~/.claude/skills.
- CodexUnzip the archive into ~/.agents/skills.