Designer Skills
Designer Skills is a free, open-source design system. Designer Skills Collection: agentic skills, commands, and plugins for design — from research to systems, UI, interaction, and delivery. It has 3,141 GitHub stars and is released under the MIT license. Start a project with npx degit Owl-Listener/designer-skills or clone the repository.
github.com/Owl-Listener/designer-skills (opens in a new tab)
Data as of from the GitHub API; description from the project's repository. Report an error
Get started
Copy the files into a new folder with degit (no git history), or clone the repository with git.
npx degit Owl-Listener/designer-skills my-ui
cd my-uigit clone --depth 1 https://github.com/Owl-Listener/designer-skills.git my-uiSources: GitHub docs on template repositories, degit.
About Designer Skills
Design skills for the agent era, written so an AI agent can actually use them. 273 skills and 76 commands across 33 plugins, in five collections, for Claude Code and Gemini CLI.
Similar templates
More design systems
React
primer/react
An implementation of GitHub's Primer Design System using React.
Active · last commit Oct 26, 2026
Design systemsTypeScriptArco Design Vue
arco-design/arco-design-vue
A Vue.js 3 UI Library based on Arco Design.
Active · last commit Oct 21, 2026
Design systemsTypeScriptGestalt
pinterest/gestalt
A set of React UI components that supports Pinterest’s design language.
Maintained · last commit Oct 5, 2026
OfficialDesign systemsTypeScriptUX UI Agent Skills
plugin87/ux-ui-agent-skills
Turn Claude into a senior design architect: DTCG tokens, 52 components, WCAG 2.2 AA-AAA, 138 design systems, any-framework code, and 50 objective gates that fail the build instead of faking success.
Active · last commit Oct 27, 2026
Design systemsJavaScriptZag
chakra-ui/zag
Build your design system in React, Solid, Vue, Svelte or Vanilla.
Active · last commit Oct 26, 2026
OfficialDesign systemsTypeScriptCarbon Components Svelte
carbon-design-system/carbon-components-svelte
Svelte implementation of the Carbon Design System.
Active · last commit Oct 28, 2026
Design systemsTypeScript
How do I use Designer Skills?
Copy the files into a new folder with npx degit Owl-Listener/designer-skills my-ui (no git history), or fork the repository on GitHub. Then follow the README for the install and dev commands.
Can I use Designer Skills for commercial projects?
Yes. Designer Skills is released under the MIT license, a permissive license that allows commercial use as long as you keep the copyright and license notice. Third-party assets bundled with it (images, fonts, icons) may have their own terms.
Is Designer Skills maintained?
The repository's most recent commit was on Sep 5, 2026. appsgit only lists templates from repositories with a commit in the last six months.