vibe-design-md SKILL.md skillA

vibe-design-md from aakashdhar/vibe-skill is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add aakashdhar/vibe-skill/vibe-design-md@git:20261030.a66992c

Pins git:20261030.a66992c in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
aakashdhar/vibe-skill
Path
vibe-design-md/SKILL.md
Versions recorded
5
Latest version
git:20261030.a66992c, committed Oct 30, 2026
First version recorded
Apr 17, 2026
Size
14,157 bytes
Repository stars
7
License
none declared

Generates a DESIGN.md file for any website URL or fetches a pre-built one from the awesome-design-md collection (55+ sites). DESIGN.md captures the complete design system of a real product — exact hex/oklch values, font families, spacing scales, shadow formulas, component states, do's and don'ts — in a format vibe-design reads to produce pixel-accurate matching UI. Three modes: (A) fetch a pre-built DESIGN.md from the catalog by site name (instant, exact tokens); (B) generate one from any URL…

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

# Vibe Design MD Skill

Captures the visual language of any real website into a DESIGN.md file.
vibe-design reads this file at session start to produce UI that matches
the target product's aesthetic — exact tokens, not approximations.

> **Autonomous / headless mode.** At startup resolve the settings with
> `python3 ~/.claude/skills/vibe-mode/scripts/vibe_state.py mode`. If `vibe_mode` is
> `autonomous`, every "wait", "ask", "confirm" and approval step in this skill follows
> vibe-mode's `references/HEADLESS.md` §2 instead: take the recommended option, accept a draft
> only as §2.2 allows (after its independent goldfish review where one runs), log each choice to `vibe/DECISIONS.md`, never ask the
> user, and stop — writing `vibe/.run_state.json` — only when a person is genuinely required.

Two modes. Same output. Always `DESIGN.md` in the project root.

---

## Mode A — Catalog fetch (instant)

**When:** User names a site that exists in the catalog
**How:** Download the pre-built DESIGN.md from awesome-design-md
**Accuracy:** High — tokens extracted directly from real CSS
**Time:** ~5 seconds

**Triggers:**
```
design-md: stripe
design-md: linear
design-md: notion
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add aakashdhar/vibe-skill/vibe-design-md@sha256:adf6ea2b02ea6709

The line at the top of this page pins the label git:20261030.a66992c, 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_mvylegxfws5af4my.svg)](https://markdownregistry.com/a/art_mvylegxfws5af4my)

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

Versions

The registry has recorded 5 versions of this file, between Apr 17, 2026 and Oct 30, 2026, about one every 49 days.

versioncommittedcommitsizeaudit
git:20261030.a66992c latest2026-10-30 a66992c 14,157 BA view · diff
git:20260923.02e11082026-09-23 02e1108 14,109 BA view · diff
git:20260910.57653a92026-09-10 57653a9 13,586 BA view · diff
git:20260910.a6c69b82026-09-10 a6c69b8 10,798 BA view · diff
git:20260417.e152a1c2026-04-17 e152a1c 10,627 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 (14157 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

aakashdhar/vibe-skill · 7 stars · license none declared · pushed 2026-10-30 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_mvylegxfws5af4my
GET https://markdownregistry.com/api/v1/resolve?ref=aakashdhar/vibe-skill/vibe-design-md
GET https://markdownregistry.com/api/v1/blob/adf6ea2b02ea670921da8bb5a7759e1897d55c19050b5599b64f8dbd257d744a

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 aakashdhar/vibe-skill

vibe-add-feature SKILL.md skill
aakashdhar/vibe-skill · vibe-add-feature/SKILL.md · Full spec-driven workflow for adding a feature to an existing codebase with an AI coding agent. Triggers on "feature:"…
git:20261030.c951717 · audit A · 7 stars
vibe-agent SKILL.md skill
aakashdhar/vibe-skill · vibe-agent/SKILL.md · Standalone agentic architecture skill. Designs complete multi-agent AI systems from scratch — no other vibe-* skills…
git:20261030.c951717 · audit A · 7 stars
vibe-architect SKILL.md skill
aakashdhar/vibe-skill · vibe-architect/SKILL.md · Architecture planning workflow for establishing code structure, patterns, and principles before any code is written…
git:20261030.c951717 · audit A · 7 stars
vibe-brainstorm SKILL.md skill
aakashdhar/vibe-skill · vibe-brainstorm/SKILL.md · Comprehensive brainstorming workflow for turning any app idea into a clear, validated, buildable brief. Two paths…
git:20261030.c951717 · audit A · 7 stars
vibe-change-spec SKILL.md skill
aakashdhar/vibe-skill · vibe-change-spec/SKILL.md · Scope change workflow for modifying, adding, or removing requirements at any point during a build. Triggers on…
git:20261030.c951717 · audit A · 7 stars
vibe-changelog SKILL.md skill
aakashdhar/vibe-skill · vibe-changelog/SKILL.md · Generates and maintains two changelog files from git tags, TASKS.md, DECISIONS.md, and feature folders. CHANGELOG.md at…
git:20260417.e152a1c · audit A · 7 stars
vibe-cost SKILL.md skill
aakashdhar/vibe-skill · vibe-cost/SKILL.md · Tracks and reports token usage and dollar cost across every level of a vibe-* project — per task, per session, per…
git:20260910.ce54be9 · audit A · 7 stars
vibe-deploy SKILL.md skill
aakashdhar/vibe-skill · vibe-deploy/SKILL.md · Prepares a vibe-* project for deployment to 7 platforms: Railway, Render, Fly.io, Heroku, Vercel, Netlify, GitHub…
git:20261030.a66992c · audit A · 7 stars
vibe-design SKILL.md skill
aakashdhar/vibe-skill · vibe-design/SKILL.md · Frontend design workflow that produces non-generic, editorial-quality UI. Immediately invokes the frontend-design skill…
git:20261030.c951717 · audit B · 7 stars
vibe-doctor SKILL.md skill
aakashdhar/vibe-skill · vibe-doctor/SKILL.md · Environment health check and auto-remediation for vibe-* projects. Checks node_modules vs package.json drift, nested…
git:20261030.c951717 · audit B · 7 stars
vibe-document SKILL.md skill
aakashdhar/vibe-skill · vibe-document/SKILL.md · Generates complete documentation for vibe-* projects — inline code docs, README.md, CHANGELOG.md, API reference, and…
git:20260910.886c5df · audit A · 7 stars
vibe-e2e SKILL.md skill
aakashdhar/vibe-skill · vibe-e2e/SKILL.md · Generates and runs full end-to-end UI tests using Playwright against a live URL. Auto-installs Playwright and Chromium…
git:20260919.d598e39 · audit B · 7 stars

Every file in aakashdhar/vibe-skill

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