skills.rest
robonuggetsrobonuggetsCommunity·1 Agent Skills Included

design-system

Extract brand styles and generate design systems and brand books

Extracts colors, fonts, taglines, and logos from any website, screenshot, or brand description. Generates a complete design system reference page plus a print-ready one-page A4 brand book PDF. Eliminates manual style documentation and guesswork by pulling real brand details directly from your reference. Renders polished, self-contained HTML and PDF outputs with no build step required.
108|23
↗
npx skills add robonuggets/design-system --all -g -y
Available:

Instructs your AI agent to extract brand details from the user's reference first, never invent colors or logos, and always render the final A4 brand book PDF.

All Skills in This Repository (1)

Pure Emerald Level Indicators
📦 In Repo
robonuggetsrobonuggets

design-system

Generate design-system.html and brand-book-a4.html from a provided URL, screenshot, or asset reference.

Community
Intermediate

Frequently Asked Questions

FAQPage Schema
How to install Design System Toolkit?▼

Run `npx skills add robonuggets/design-system --all -g -y` in your terminal to install the skill globally.

How to create a brand book from a website?▼

Give the skill a site URL and it extracts the colors, fonts, and logo, then generates a design system page and a one-page A4 brand book PDF.

Can it build a design system from a screenshot?▼

Yes. It reads your screenshot, identifies the colors and fonts visually, and asks you only for details it cannot see.

Does it work with Claude Code and Cursor?▼

Yes. The skill follows the universal SKILL.md standard and runs in Claude Code, Cursor, and other compatible coding environments.

Do I need design experience to use it?▼

No. Just provide a brand reference in plain English and the agent handles extraction, layout, and PDF rendering for you.

Related Repositories in Design & Creative

View All in Design & Creative→
nextlevelbuildernextlevelbuilder
123.5k

ui-ux-pro-max-skill

AI design intelligence for professional UI, brands, and presentations

Official📦 13 Skills
shadcn-uishadcn-ui
122.7k

ui

Build and customize beautiful React component libraries with AI

Official📦 2 Skills
nexu-ionexu-io
93.2k

open-design

Open-source AI design studio for decks, prototypes, images, and video

Official📦 394 Skills