claude-design-system SKILL.md skillA

This file is byte-identical to the first copy the registry indexed. Same content hash, so the same checks give both the same grade.

claude-design-system from jimliu/baoyu-design is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add jimliu/baoyu-design/claude-design-system@git:20261101.09d1e3c

Pins git:20261101.09d1e3c in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
jimliu/baoyu-design
Path
dsh-plugins/dsh-claude-design-system/skills/claude-design-system/SKILL.md
Versions recorded
4
Latest version
git:20261101.09d1e3c, committed Nov 1, 2026
First version recorded
Oct 31, 2026
Size
28,142 bytes
Repository stars
5,772
License
a license file GitHub does not identify

Create and revise design systems in the Design System artifact format (project/design-system.json, tokens.json, a README brand book, component previews, fonts and asset groups) as local files, then open them in a local design-system page where the user can browse and edit tokens, type, components and assets. Use when the user asks for a design system or brand kit in this format, built from a code repository, a design tool or scratch, names claude-design-system or the Design System type, or…

Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.

What the file says

# Design System — a system kept in local files

This skill is a local build of the claude.ai Design System artifact type: the rules below are the type's own, with
the Artifact tool replaced by files on disk and this skill's `scripts/artifact.mjs` (The calls). A design system is a
folder, `<root>`, that keeps its content in ITS OWN FILES under `<root>/project/`; icons and images are uploads
(`project/_blobs/`), named by the index. The page (`scripts/editor/`, served by `artifact.mjs open`) reads those files
and saves the user's edits back into them.

**Write only under `<root>/project/`**: a file elsewhere never shows; never write inside `project/_blobs/`. (A file you
draft only to upload it sits in `<root>/src/`: Creating, step 2.)

## A system kept in files

Its index is `project/design-system.json`, nothing else, holding a `createdOnFiles` or
`convertedFrom` object, the marker (read it first; no `project/design-system.json`: an empty
system, see Creating; for a clean-up, stop and say so):
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add jimliu/baoyu-design/claude-design-system@sha256:424757a23dd5662d

The line at the top of this page pins the label git:20261101.09d1e3c, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.

Badge

mdr badge

[![mdr](https://markdownregistry.com/badge/art_5rlxh3griz2765vc.svg)](https://markdownregistry.com/a/art_5rlxh3griz2765vc)

0 badge image fetches in 30 days. What the badge shows.

Versions

The registry has recorded 4 versions of this file, between Oct 31, 2026 and Nov 1, 2026, more than one a day.

versioncommittedcommitsizeaudit
git:20261101.09d1e3c latest2026-11-01 09d1e3c 28,142 BA view · diff
git:20261031.a8843462026-10-31 a884346 25,369 BA view · diff
git:20261031.7775fb52026-10-31 7775fb5 22,925 BA view · diff
git:20261031.36ab3d02026-10-31 36ab3d0 22,661 BA view

Audit of the latest version

A  17 of 17 checks passed. Fixed automatic checks with no AI involved, so the same checks give the same answer every run.
  • pass: Frontmatter block present
  • pass: Frontmatter declares a name
  • pass: Frontmatter declares a description
  • pass: Size between 200 bytes and 200 KB (28142 bytes)
  • pass: No zero-width or bidi control characters
  • pass: No instruction hidden inside an HTML comment
  • pass: No link to an exfiltration or paste host
  • pass: No credential-shaped string
  • pass: No instruction to send local credentials anywhere
  • pass: No text hidden with inline styles
  • pass: No prompt-injection phrasing
  • pass: No curl or wget piped into a shell
  • pass: No recursive delete of root, home or parent
  • pass: No instruction to read or print local credentials
  • pass: No base64 blob over 200 characters
  • pass: No link to a raw IP address
  • pass: No script tag

Source

GitHub

jimliu/baoyu-design · 5,772 stars · license a license file GitHub does not identify · pushed 2026-11-01 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_5rlxh3griz2765vc
GET https://markdownregistry.com/api/v1/resolve?ref=jimliu/baoyu-design/claude-design-system
GET https://markdownregistry.com/api/v1/blob/424757a23dd5662dfab4370e355f938498a5e9ae9dace024018db761fb065aa7

Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.

Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.

More from jimliu/baoyu-design

release-skills SKILL.md skill
jimliu/baoyu-design · .claude/skills/release-skills/SKILL.md · Universal release workflow. Auto-detects version files and changelogs. Supports Node.js, Python, Rust, Claude Plugin…
git:20260619.3d5576e · audit A · 5,772 stars
baoyu-design SKILL.md skill
jimliu/baoyu-design · archive/baoyu-design/SKILL.md · Create or edit visual design artifacts as self-contained HTML: UI mockups, interactive prototypes, wireframes, landing…
git:20261031.7775fb5 · audit A · 5,772 stars
claude-dashboard SKILL.md skill
jimliu/baoyu-design · dsh-plugins/dsh-claude-dashboard/skills/claude-dashboard/SKILL.md · Use this for a local, data-backed dashboard, metrics page, KPI tracker, scorecard, data visualization or recurring…
git:20261101.987c717 · audit B · 5,772 stars
claude-design SKILL.md skill
jimliu/baoyu-design · dsh-plugins/dsh-claude-design/skills/claude-design/SKILL.md · Make and revise designs in the Design (canvas) artifact format (project/canvas.json plus one .dc.html Design Component…
git:20261101.09d1e3c · audit B · 5,772 stars
claude-slides SKILL.md skill
jimliu/baoyu-design · dsh-plugins/dsh-claude-slides/skills/claude-slides/SKILL.md · Make and revise slide decks in the Slides artifact format (project/deck.json plus one HTML file per slide) as local…
git:20261101.09d1e3c · audit A · 5,772 stars
claude-dashboard SKILL.md skill
jimliu/baoyu-design · skills/claude-dashboard/SKILL.md · Use this for a local, data-backed dashboard, metrics page, KPI tracker, scorecard, data visualization or recurring…
git:20261101.987c717 · audit B · 5,772 stars
claude-design-system SKILL.md skill
jimliu/baoyu-design · skills/claude-design-system/SKILL.md · Create and revise design systems in the Design System artifact format (project/design-system.json, tokens.json, a…
git:20261101.09d1e3c · audit A · 5,772 stars
claude-design SKILL.md skill
jimliu/baoyu-design · skills/claude-design/SKILL.md · Make and revise designs in the Design (canvas) artifact format (project/canvas.json plus one .dc.html Design Component…
git:20261101.09d1e3c · audit B · 5,772 stars
claude-slides SKILL.md skill
jimliu/baoyu-design · skills/claude-slides/SKILL.md · Make and revise slide decks in the Slides artifact format (project/deck.json plus one HTML file per slide) as local…
git:20261101.09d1e3c · audit A · 5,772 stars
dataviz SKILL.md skill
jimliu/baoyu-design · skills/dataviz/SKILL.md · Use this skill whenever you are about to create ANY chart, graph, plot, dashboard, or data visualization, in ANY output…
git:20261031.7775fb5 · audit B · 5,772 stars

Every file in jimliu/baoyu-design

Other files named claude-design-system

claude-design-system SKILL.md skill
jimliu/baoyu-design · skills/claude-design-system/SKILL.md · Create and revise design systems in the Design System artifact format (project/design-system.json, tokens.json, a…
git:20261101.09d1e3c · audit A · 5,772 stars

Browse by kind, by grade A, or by owner.