claude

by bergside3.2k

Design Tools

A research-journal aesthetic printed on warm stone — authoritative, editorial, almost achromatic. Pages live on warm ivory parchment (never pure white), with near-black slate as the dominant ink.

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 claude -a cursor -y

Download skill skills/claude/SKILL.md on GitHub

Related skills

View all

Questions

How do I install claude?: Download skills/claude/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 claude live?: The publisher keeps it at https://github.com/bergside/awesome-design-skills.
Which agents can use claude?: Claude, Cursor, and Codex can read a SKILL.md you add from the publisher's repository.

name: "claude" description: "A research-journal aesthetic printed on warm stone — authoritative, editorial, almost achromatic. Pages live on warm ivory parchment (never pure white), with near-black slate as the dominant ink." metadata: author: typeui.sh

Claude Design System Skill (Universal)

Mission

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

Brand

A research-journal aesthetic printed on warm stone — authoritative, editorial, almost achromatic. Pages live on warm ivory parchment (never pure white), with near-black slate as the dominant ink. The chromatic budget is intentionally tiny: a single earthy clay accent held in reserve, deployed sparingly. Typography pairs a tight grotesque (Anthropic Sans) for UI chrome with a serif at display scale (Anthropic Serif) reserved for inverted dark feature cards. Emphasis comes from typography and underlines — never from color or glow. Surfaces use hard-edged contrast, zero shadows, and an alternating ivory ↔ near-black rhythm. Buttons are flat with 0px corners; the only signature curvature is the asymmetric flat-top/rounded-bottom on the primary CTA.

claude

Install

Related skills

Questions

name: "claude" description: "A research-journal aesthetic printed on warm stone — authoritative, editorial, almost achromatic. Pages live on warm ivory parchment (never pure white), with near-black slate as the dominant ink." metadata: author: typeui.sh

Claude 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