← All skills

design-system-generate

82 / 100 · Low risk

Fine to try.

By mohitagw15856/pm-claude-skills (GitHub) · design · 1,539 stars · scanned at commit edb6995

Generate a complete, accessibility-checked design system from scratch — colour ramps, type scale, spacing, elevation, and exports for CSS, Tailwind, design tokens, Figma, VS Code and PowerPoint. Use when asked to create a design system, pick a colour palette, build a starter theme, produce design tokens for a new product, or apply an existing brand colour to a full system. For auditing a system that already exists use design-system-audit; for extracting one from a live site use brand-guidelines.

Works with any agent that supports SKILL.md skills.

What this skill can do

Other copies in this repository

mohitagw15856/pm-claude-skills has 1 more folder with a skill named design-system-generate. This page shows the lowest-scoring copy.

• plugins/pm-design/skills/design-system-generate 82/100 · Low risk

Install

Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.

if [ -e ~/.agents/skills/'design-system-generate' ] || [ -L ~/.agents/skills/'design-system-generate' ]; then echo 'A skill folder named design-system-generate already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/mohitagw15856/pm-claude-skills' "$d" && git -C "$d" checkout --quiet 'edb6995427bac9d948775258a82aeecced60ceb1' -- 'skills/design-system-generate' && mkdir -p ~/.agents/skills && cp -R "$d"/'skills/design-system-generate' ~/.agents/skills/'design-system-generate' && rm -rf "$d"; fi

Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'design-system-generate' ~/.claude/skills/'design-system-generate' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.

Badge for your README

The badge for mohitagw15856/pm-claude-skills shows the score of its lowest-scoring skill.

[![SkillTrust](https://zalavijaysinh.github.io/skilltrust/badges/mohitagw15856/pm-claude-skills.svg)](https://zalavijaysinh.github.io/skilltrust/repos/mohitagw15856/pm-claude-skills/)

Score history