nocodeskills
SkillNo code needed

Design System Builder

Creates color palettes, type scales, and design standards from your brand colors.

by borghei · ★ 976 on GitHub

View on GitHub ↗ How to install it

What it does

You give Claude a brand color and some preferences. Claude builds out a matching color palette, spacing rules, and a style guide, plus notes for handing it to developers. You get a ready reference document for your brand's look and feel.

Who it’s for

A good fit for designers and anyone making visuals, product managers and founders shaping a product and anyone working with Word, PDF, Excel or PowerPoint files.

Design & Creative Product Management Documents & Office Files

Do you need to code?

No. You can use this without writing or editing any code.

How to install

Add it as a skill, or as part of its plugin. This skill also ships inside a plugin, so you can upload just this skill to Claude, or install the whole plugin it comes in. See the step-by-step guide.

Safety note

Runs a bundled Python script to calculate color and spacing values.

Script files included: 1

As with any add-on, only install skills from sources you trust, and read what it does first.

License

MIT

Get the free Starter Pack

A short, hand-picked set of the most useful no-code skills for coaches, consultants and small business owners, with simple install steps. Coming soon.