design-system-creator skillA
design-system-creator is agent-read markdown (skill) from naveedharri/benai-skills: Produces a complete, Claude-Design-compatible design system folder for any brand, ready to upload to Claude Design's "Set up your design system" flow and use across every future asset (websites, landing pages, pitch decks, Instagram/LinkedIn carousels, infographics, emails, ads). Handles two paths: building a brand from scratch (research to synthesis to full system) or extracting the design system from an existing business's shipped assets (website scrape, logos, fonts, past creatives). Use when.
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
# Design System Creator Produces a complete, portable **design system folder**: the single source of truth a brand uses for every asset it ships (web, landing pages, pitch decks, Instagram and LinkedIn carousels, emails, infographics, ads). The folder uploads directly to Claude Design's "Set up your design system" flow, feeds any LLM that produces brand assets, and doubles as a living style guide for a design team. ## Step 0: Prerequisite check Extraction and research run on real scraped data, not invented content. Before asking any discovery question or generating anything, run the diagnostic in [references/setup.md](references/setup.md) to verify the three tools this skill depends on are installed and working: Firecrawl CLI, the extract-design-system skill, and Playwright Chromium. - All three present: proceed. - Anything missing: pause, share the install command for that specific tool from [references/setup.md](references/setup.md), and wait for the user to confirm. Do not silently skip a step when a tool is missing. Inventing color values or logo paths without scraping and rendering defeats the whole point of the skill. ## Step 1: Pick the branch …
Read the whole file at its exact version.
How to install
mdr add naveedharri/benai-skills/design-system-creator@git:20260916.1a4a64amdr add naveedharri/benai-skills/design-system-creator@sha256:fad0240fd1843960Pin 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.
[](https://markdownregistry.com/a/art_7myedafn7nym3aav)
1 badge views in 30 days
Versions
| version | committed | commit | size | audit | |
|---|---|---|---|---|---|
| git:20260916.1a4a64a latest | 2026-09-16 | 1a4a64a | 8,350 B | A | view · diff |
| git:20260720.898cddf | 2026-07-20 | 898cddf | 8,334 B | A | view |
Audit of the latest version
- pass: Frontmatter block present
- pass: Frontmatter declares a name
- pass: Frontmatter declares a description
- pass: Size between 200 bytes and 200 KB (8350 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
naveedharri/benai-skills · 65 stars · license MIT · pushed 2026-09-16 · branch develop
API
GET https://markdownregistry.com/api/v1/artifacts/art_7myedafn7nym3aav GET https://markdownregistry.com/api/v1/resolve?ref=naveedharri/benai-skills/design-system-creator GET https://markdownregistry.com/api/v1/blob/fad0240fd1843960582c34df262a9c16fa91f690977e657b5d7c6a8e71b2f3fe
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.