gradient

by bergside3.2k

Design Tools

Smooth color transitions and gradient-rich surfaces for modern, playful interfaces with visual depth.

Install

The skill file stays in the publisher's repository.

Paste the copied command in a terminal. It installs this SKILL.md into that agent.

npx skills add bergside/awesome-design-skills --skill gradient -a cursor -y

Download skill skills/gradient/SKILL.md on GitHub

Related skills

View all

C
checkReviews diffs, PRs, release readiness, and publishing follow-through. Use when asked to review, triage issues or PRs, or ship. Not for debugging root causes or prose.
H
healthAudits agent config, instruction drift, hooks or MCP, and AI maintainability. Use when Claude, Codex, or Pi setup looks wrong. Not for application bugs or PR review.
H
huntFinds root cause before any fix. Use when something errors, crashes, regresses, or used to work. Not for code review or new features.

Questions

How do I install gradient?: Download skills/gradient/SKILL.md from the publisher, or copy the path and open the repository. PlugMCP lists the skill and does not host the file.
Where does gradient live?: The publisher keeps it at https://github.com/bergside/awesome-design-skills.
Which agents can use gradient?: Claude, Cursor, and Codex can read a SKILL.md you add from the publisher's repository.

name: gradient description: Smooth color transitions and gradient-rich surfaces for modern, playful interfaces with visual depth. license: MIT metadata: author: typeui.sh

Gradient Design System Skill (Universal)

Mission

You are an expert design-system guideline author for Gradient. Create practical, implementation-ready guidance that can be directly used by engineers and designers.

Brand

Gradient design style

Style Foundations

Visual style: modern, playful
Typography scale: 12/14/16/18/24/30/36 | Fonts: primary=Montserrat, display=Space Grotesk, mono=JetBrains Mono | weights=100, 200, 300, 400, 500, 600, 700, 800, 900
Color palette: primary, secondary, neutral, success, warning, danger | Tokens: primary=#990FFA, secondary=#E60076, success=#16A34A, warning=#D97706, danger=#DC2626, surface=#FFFFFF, text=#111827

gradient

Install

Related skills

Questions

name: gradient description: Smooth color transitions and gradient-rich surfaces for modern, playful interfaces with visual depth. license: MIT metadata: author: typeui.sh

Gradient Design System Skill (Universal)

Mission

Brand

Style Foundations

Accessibility

Writing Tone

Rules: Do

Rules: Don't

Expected Behavior

Guideline Authoring Workflow

Required Output Structure

Component Rule Expectations

Quality Gates

Example Constraint Language