How do I install the Design Systems skill?

Run npx skillmds@latest add pngdeity/design-systems in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Design Systems safe to use?

This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Design Systems?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Design Systems free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Design Systems?

pngdeity (@pngdeity) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Design Systems

Name: Design Systems
Author: pngdeity

Reference library of design systems for UI and branding work. Use when selecting color tokens, typography, or visual style for a project. Not for writing CSS or implementing designs.

pngdeity 83347e9 3 files · 27.2 KB Updated Sep 17, 2026

Design & Media

Install

Press C to copy

$ npx skillmds@latest add pngdeity/design-systems

Installs into ~/.claude/skills (or .claude/skills inside a project). Restart Claude Code to pick it up.

Download .zip

＋ Add to collection

README badge

[![SkillMD](https://skillmd.com/badge/pngdeity/design-systems.svg)](https://skillmd.com/skills/pngdeity/design-systems)

Trust & safety

Audits pending

Not yet audited · commit 83347e9

Works with: Claude Code Claude.ai OpenAI Codex +

File contents

Design Systems Reference

This skill provides a library of design system specifications for use when making UI and branding decisions.

Available Design Systems

Hyperstudio — Monochrome terminal with amber accents. Dark theme, Aeonik/Input fonts. See references/hyperstudio.md.
099 — Terminal aesthetic, digital workbench. Dark theme, Soehne Mono font, sharp 10px radii. See references/zero-nine-nine.md.

pngdeity/apm-user-repository/tree/main/packages/design-systems/.apm/skills/design-systems commit 83347e9bbf

Frequently asked questions

npx skillmds@latest add pngdeity/design-systems