Skip to content
D

design-system

Generate a design system from an existing codebase or audit one

by affaan-mFree

Launch
#229in AI Skills
0In stores

Description

Generate a design system from an existing codebase or audit one for visual consistency: extract tokens (colors, typography, spacing, shadows…

Ratings & Reviews

No ratings yet

Be the first to rate design-system.

People also visit

W

webapp-testing

Test local web applications using Playwright for UI verification and debugging

AI Skills
Launch
C

content-research-writer

Assists in writing high-quality content by conducting research

AI Skills
Launch
I

implement

Implement a piece of work based on a spec or set of tickets

AI Skills
Launch
F

frontend-design

Instructs Claude to avoid "AI slop" or generic aesthetics

AI Skills
Launch
A

artifacts-builder

Suite of tools for creating elaborate

AI Skills
Launch
C

canvas-design

Design beautiful visual art in .png and .pdf formats using design philosophies

AI Skills
Launch

design-system FAQ

What is design-system?

Generate a design system from an existing codebase or audit one for visual consistency: extract tokens (colors, typography, spacing, shadows) into

Is design-system free?

Yes. design-system is free to use.

Do I need to download design-system?

No. design-system runs in your browser at skills.sh, so there's nothing to install.

Who makes design-system?

design-system is made by affaan-m.

What are the best design-system alternatives?

Popular alternatives to design-system include webapp-testing, content-research-writer and implement. See all design-system alternatives

Developer Stuff

Badges