Home / byjunyoung / claude-product-skills · plugins/fig/skills/draw/SKILL.md · GitHub

draw skillA

draw is agent-read markdown (skill) from byjunyoung/claude-product-skills: Draws a screen, or fills a stub `/fig:prep` left behind, inside the file's own conventions rather than as a loose fragment. It looks up the file's own arrangement pattern first and, where none exists, stops and has one defined rather than inventing a one-off. It anchors to the nearest canonical screen and clones it, so what comes out is the whole screen with the change in it, not a swatch of the part that is new. Copy comes from a spec, from the running system, or from the file's own precedent —.

Indexed from public GitHub and served as immutable, content-addressed versions. Install it pinned to an exact SHA-256 with the mdr CLI, and every file is verified against the hash recorded here before it reaches your agent. The deterministic audit below grades the latest version, and the same file always earns the same grade.

What the file says

# fig:draw — draw the screen

Every other skill here is explicit about staying out of this step. `/fig:prep` lays the skeleton and stubs what is missing, `/fig:arrows` wires the flow around it, `/fig:lint` only ever reads. In between, a screen has to actually get drawn — and until now that step was a sentence in the README rather than a skill, so none of this plugin's own conventions reached it. This is that step brought inside the same discipline as the rest: the config decides the naming, the canonical page and the arrangement pattern, not whoever happens to be drawing.

**Part of a plugin.** The scripts this skill runs ship beside it under `${CLAUDE_PLUGIN_ROOT}`. If that path does not resolve, this file was installed on its own — stop and say the plugin itself is needed (`claude plugin install fig@byjunyoung`), rather than improvising what the scripts do.
…

Read the whole file at its exact version.

How to install

Latest version
mdr add byjunyoung/claude-product-skills/draw@git:20260923.f519a42
Exact content
mdr add byjunyoung/claude-product-skills/draw@sha256:79df6645e5f0e5c0

Pin to a label to follow the author's releases, or to a sha256 to freeze the exact bytes forever. Either way the resolved hash is written to mdr.lock, and mdr install reproduces it on any machine.

Badge

mdr badge

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

1 badge views in 30 days

Versions

versioncommittedcommitsizeaudit
git:20260923.f519a42 latest2026-09-23 f519a42 27,314 BA view · diff
git:20260923.c800fba2026-09-23 c800fba 25,917 BA view · diff
git:20260922.22d48ba2026-09-22 22d48ba 22,816 BA view · diff
git:20260922.cfb52282026-09-22 cfb5228 22,364 BA view

Audit of the latest version

A  17 of 17 checks passed. Deterministic, no model, 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 (27314 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

byjunyoung/claude-product-skills · 5 stars · license NOASSERTION · pushed 2026-09-23 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_wazgzxtlfozl6w6x
GET https://markdownregistry.com/api/v1/resolve?ref=byjunyoung/claude-product-skills/draw
GET https://markdownregistry.com/api/v1/blob/79df6645e5f0e5c0748600a4353710de79d55a9b03ebe170121e2f2036a5e187

Your agent 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.

More from byjunyoung/claude-product-skills

CLAUDE.md claude
byjunyoung/claude-product-skills · CLAUDE.md
git:20260918.8825c9a · audit A · 5 stars
arrows skill
byjunyoung/claude-product-skills · plugins/fig/skills/arrows/SKILL.md · Generates and re-syncs flow arrows and their labels on a Figma design page. Reproduces in code what Autoflow-style…
git:20260902.e34cec9 · audit A · 5 stars
code skill
byjunyoung/claude-product-skills · plugins/fig/skills/code/SKILL.md · Applies a Figma design to real code in a frontend repo — porting changed parts into existing code with minimal edits…
git:20260922.cfb5228 · audit A · 5 stars
deck-setup skill
byjunyoung/claude-product-skills · plugins/fig/skills/deck-setup/SKILL.md · Measures a team slide template into local deck assets — template-spec.md, template.js, and reference images. Canvas…
git:20260828.01f9797 · audit A · 5 stars
deck skill
byjunyoung/claude-product-skills · plugins/fig/skills/deck/SKILL.md · Turns a document, a dataset, or a spoken brief into a Figma Slides deck. Reads the source, agrees an outline before…
git:20260902.e34cec9 · audit A · 5 stars
diff skill
byjunyoung/claude-product-skills · plugins/fig/skills/diff/SKILL.md · Compares AS-IS and TO-BE designs, marks the changed elements with native Figma Dev Mode annotations, and writes up the…
git:20260828.0897fba · audit A · 5 stars
handoff skill
byjunyoung/claude-product-skills · plugins/fig/skills/handoff/SKILL.md · Hands finished sections to engineering. Runs /fig:lint as the gate, lets the person pick which passing sections go…
git:20260904.87c3276 · audit A · 5 stars
lint skill
byjunyoung/claude-product-skills · plugins/fig/skills/lint/SKILL.md · Audits a Figma design page read-only — frame membership and bounds, section overlap, naming, arrow geometry and entry…
git:20260923.20c595b · audit A · 5 stars
prep skill
byjunyoung/claude-product-skills · plugins/fig/skills/prep/SKILL.md · Prepares a Figma design page before the real work — normalizing frame names to `[screen]-[state]`, creating and placing…
git:20260922.cfb5228 · audit A · 5 stars
proto skill
byjunyoung/claude-product-skills · plugins/fig/skills/proto/SKILL.md · Rebuilds a Figma design as code so that input, validation, state, and branching actually work in a single HTML file…
git:20260907.9b38362 · audit A · 5 stars
qa skill
byjunyoung/claude-product-skills · plugins/fig/skills/qa/SKILL.md · Audits a feature that has shipped to a dev or staging server against the plan of record — spec entries and the Figma…
git:20260826.7044578 · audit A · 5 stars
read skill
byjunyoung/claude-product-skills · plugins/fig/skills/read/SKILL.md · Takes a Figma file URL, lists its pages, and collects every top-level frame on the page you pick. Metadata and…
git:20260902.e34cec9 · audit A · 5 stars

Every file in byjunyoung/claude-product-skills

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