Design Skills
Design Skills
Convenient for finding and trying many styles; quality and licenses vary by skill.
A library of 230+ design skills for Claude Code, Codex and Cursor, filterable by style, landing page, motion, 3D and more; copy the install command and use it.
Overview
Design Skills is a site collecting design skills for AI coding agents. Each skill teaches an agent a specific style or capability: visual styles, landing pages, scroll motion, 3D and WebGL, design systems, accessibility, CSS and more.
Usage is simple: filter by category, read the short description, click to copy the install command and paste it into your project. The site can sort by star count to find the most-used skills.
Highlights
230+ skills
Organized into more than 10 categories such as styles, landing pages, motion, 3D.
Copy the command to install
Each skill comes with a ready install command.
Sort by stars
Easy to find skills the community uses most.
What it's for
Choosing a style for a new page
Browse the Visual styles category to pick a direction, then hand it to the agent.
Adding a missing capability
Add a motion or accessibility skill to a project in progress.
How to use it
- 1
Open designskills.dev
Click Open the official site.
- 2
Filter by category
Choose a suitable category, for example Landing pages or Motion and scroll.
- 3
Copy the install command
Click Copy on the skill you want, then run it in the project folder.
FAQ
Is it free?
The library site is free; each skill has its own author and license, so check before using it in a commercial project.
Is there a Vietnamese version?
No, the content is in English.
Useful links
Want to apply this in your business?
2dm looks at your workflows, picks the right tools and sets them up with your team. The first call is free.
Same topic
Anthropic Skills
4.5
Anthropic's official repository of example skills for Claude: each skill is a folder of instructions and resources that helps Claude do one specific kind of task well.
Agent Skills documentation
4.0
Explains what a skill is, the SKILL.md folder structure, and how Claude loads skills automatically when needed.
Skills in Claude Code
4.0
How to create, install and use your own skills for Claude Code, on your machine or per project.