AcademySkillsDesign and media

Awesome Design Skills

Design and product teams that want their AI tool to build interfaces in a consistent, documented visual style.

  • Recommendedour rating
  • 3,119gitHub stars
  • MITlicence
  • 4 months agolast update
git clone https://github.com/bergside/awesome-design-skills.git
README.md

Loading the file...

What it does

A curated registry of 67 design system skill files for AI coding tools. Each skill is a folder with a SKILL.md for the agent, covering tokens, component rules and accessibility constraints, and a DESIGN.md that explains the design intent to people.

Use cases

  1. 01Give your agent a clear design system before it builds a page
  2. 02Preview design styles and pick one for a new product
  3. 03Keep generated interfaces consistent with accessibility rules

Questions about
Awesome Design Skills.

What is Awesome Design Skills used for?

Design and product teams that want their AI tool to build interfaces in a consistent, documented visual style. A curated registry of 67 design system skill files for AI coding tools. Each skill is a folder with a SKILL.md for the agent, covering tokens, component rules and accessibility constraints, and a DESIGN.md that explains the design intent to people.

How do I install Awesome Design Skills?

Run this in your terminal: git clone https://github.com/bergside/awesome-design-skills.git

Is Awesome Design Skills open source?

Yes. The code is on GitHub (bergside/awesome-design-skills) under the MIT licence.

Is Awesome Design Skills safe to use?

It passed our automatic scan for credential theft, hidden instructions and risky install commands. Third party open source software. Sabemos AI does not maintain it. Check the code and permissions before you connect it to company data.