claude-design SKILL.md skillC

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

claude-design 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@git:20261105.2a592eb

Pins git:20261105.2a592eb in mdr.lock. Pin the fingerprint instead.

Audit grade
C, 15 of 17 checks passed
Kind
SKILL.md skill
Repository
jimliu/baoyu-design
Path
chatgpt-plugins/baoyu-canvas/skills/claude-design/SKILL.md
Versions recorded
2
Latest version
git:20261105.2a592eb, committed Nov 5, 2026
First version recorded
Nov 3, 2026
Size
31,330 bytes
Repository stars
6,144
License
a license file GitHub does not identify

Make and revise designs in the Design (canvas) artifact format (project/canvas.json plus one .dc.html Design Component file per artboard) as local files, then open them in a local canvas editor where the user can view the artboards side by side, retype copy and adjust tweaks. Use when the user asks for an editable canvas of artboards in this format, names claude-design or the Design (canvas) type, or wants to revise a folder that holds project/canvas.json. Not for a one-off HTML prototype or a…

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

This skill is a local build of the claude.ai Design (canvas) 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 canvas is a
folder, `<root>`; its content is ITS OWN files under `<root>/project/`. The editor 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.

## The canvas exists

Work on THAT canvas, its `<root>` in every command: never
create another. If no canvas exists yet: `<root>` = a new folder `designs/<slug>/` named for the canvas
(`designs/spring-menu/`) in the working directory, or where the user says; the canvas's name
(REQUIRED; as the user says it; not "Design" or "Untitled") goes in `title`.
Read `<root>/project/canvas.json`: none, or `boards` empty: if just made, see Creating; else list its files; no `.dc.html`: see
Creating. Else see Revising.

Tell the user what happens on the canvas, never the mechanism.
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add jimliu/baoyu-design/claude-design@sha256:268f0164cb4e73bd

The line at the top of this page pins the label git:20261105.2a592eb, 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_2dht3sfigrru6fbz.svg)](https://markdownregistry.com/a/art_2dht3sfigrru6fbz)

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

Versions

The registry has recorded 2 versions of this file, between Nov 3, 2026 and Nov 5, 2026, about one every 2 days.

versioncommittedcommitsizeaudit
git:20261105.2a592eb latest2026-11-05 2a592eb 31,330 BC view · diff
git:20261103.73e1be42026-11-03 73e1be4 31,253 BC view

Audit of the latest version

C  15 of 17 checks passed. Fixed automatic checks with no AI involved, so the same checks give the same answer every run.
  • fail: No link to a raw IP address (matched: http://127.0.0.1:4720)
  • fail: No script tag (matched: <script)
  • pass: Frontmatter block present
  • pass: Frontmatter declares a name
  • pass: Frontmatter declares a description
  • pass: Size between 200 bytes and 200 KB (31330 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

Starting a new one? Use a template for SKILL.md on mdpantry, which passes every one of these checks and says what to change in it.

Source

GitHub

jimliu/baoyu-design · 6,144 stars · license a license file GitHub does not identify · pushed 2026-11-05 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_2dht3sfigrru6fbz
GET https://markdownregistry.com/api/v1/resolve?ref=jimliu/baoyu-design/claude-design
GET https://markdownregistry.com/api/v1/blob/268f0164cb4e73bdb5610b8517910752e3c2839bca4b023c1b5d135cb2d84236

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 · 6,144 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 · 6,144 stars
claude-dashboard SKILL.md skill
jimliu/baoyu-design · chatgpt-plugins/baoyu-dashboard/skills/claude-dashboard/SKILL.md · Use this for a local, data-backed dashboard, metrics page, KPI tracker, scorecard, data visualization or recurring…
git:20261105.2a592eb · audit B · 6,144 stars
dataviz SKILL.md skill
jimliu/baoyu-design · chatgpt-plugins/baoyu-dataviz/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:20261103.73e1be4 · audit B · 6,144 stars
claude-design-system SKILL.md skill
jimliu/baoyu-design · chatgpt-plugins/baoyu-design-system/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:20261105.2a592eb · audit B · 6,144 stars
claude-motion SKILL.md skill
jimliu/baoyu-design · chatgpt-plugins/baoyu-motion/skills/claude-motion/SKILL.md · Use this for a local Motion film: a short animated video (10–30 s unless asked for more, 900 s at most), such as an…
git:20261105.2a592eb · audit A · 6,144 stars
dataviz SKILL.md skill
jimliu/baoyu-design · chatgpt-plugins/baoyu-motion/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:20261103.73e1be4 · audit B · 6,144 stars
motion-director SKILL.md skill
jimliu/baoyu-design · chatgpt-plugins/baoyu-motion/skills/motion-director/SKILL.md · Use this to make a finished motion video that has something to say: an explainer, a product or feature video, a data…
git:20261103.73e1be4 · audit A · 6,144 stars
claude-slides SKILL.md skill
jimliu/baoyu-design · chatgpt-plugins/baoyu-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:20261105.2a592eb · audit B · 6,144 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:20261105.2a592eb · audit B · 6,144 stars
claude-design-system SKILL.md skill
jimliu/baoyu-design · dsh-plugins/dsh-claude-design-system/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:20261105.2a592eb · audit B · 6,144 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:20261105.2a592eb · audit C · 6,144 stars

Every file in jimliu/baoyu-design

Other files named claude-design

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:20261105.2a592eb · audit C · 6,144 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:20261105.2a592eb · audit C · 6,144 stars
claude-design SKILL.md skill
mateaix/mateclaw · mateclaw-server/src/main/resources/skills/claude-design/SKILL.md · Design one-off HTML artifacts (landing, deck, prototype).
v1.0.0 · audit B · 1,185 stars
claude-design SKILL.md skill
atlasomnia/hermes-custom-pack · skills/claude-design/SKILL.md · claude-design — Design one-off HTML artifacts (landing, deck, prototype).
v1.1.0 · audit B · 76 stars

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