vibe-design SKILL.md skillA

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

Install it, pinned
mdr add idiotleolyj/daliu-awesome-skills/vibe-design@git:20260701.e6639d9

Pins git:20260701.e6639d9 in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
idiotleolyj/daliu-awesome-skills
Path
plugins/qima/skills/vibe-design/SKILL.md
Versions recorded
1
Latest version
git:20260701.e6639d9, committed Jul 1, 2026
Size
15,412 bytes
Repository stars
148
License
none declared

Vibe Coding 流水线第 4 步:视觉设计准则。design.md 是【用户提供】的网站视觉设计系统 (Google DESIGN.md / awesome-design-md 格式),本 skill 不画图、不生成视觉,而是 【承接 + 结构化 + 校验】用户提供的视觉来源,固化成标准 design.md,作为下游 vibe-prototype 出图与 vibe-implement 还原的唯一视觉真相。 当用户说"设计准则 / 视觉设计 / 设计系统 / design.md / 把我的设计稿整理成 design.md / 品牌视觉规范 / Style Reference / design tokens / 把我的 Figma 截图变成设计系统 / 这个网站的视觉规范帮我抽出来 / 整理一份配色字体规范"等,想把【用户提供的视觉来源】固化成 结构化、可被 Stitch 与实现消费的标准 design.md 时,必须使用本 skill。 它产出 spec 合规的 design.md…

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 — 视觉设计准则(design.md)

> Vibe Coding 流水线第四环:把【用户提供】的视觉来源(Figma 截图 / 网站 URL / 现有 DESIGN.md / 设计稿图片 / 口述风格 / 参考站点)**承接、结构化、校验**成一份 spec 合规的视觉设计系统 `design.md`,作为下游 `vibe-prototype` 出图与 `vibe-implement` 还原的**唯一视觉真相**。
> SKILL.md 正文承载**定位、三步方法论、完成判定与交接规则**;Google DESIGN.md 格式规范、承接与校验操作步骤、金标准范例下沉到 `references/`,正文用「详见 references/<file>.md」指向。

## 定位

- **流水线第四环**:产物主线 `idea.md → interaction.md → architecture.md → design.md → prototypes/ → 代码` 中的第四环。**上游输入** = `idea.md`(由 `vibe-idea` 产出,提供页面/功能全集)+ `interaction.md`(由 `vibe-interaction` 产出,提供每个可交互元素与四态);技术骨架 `architecture.md` 现也排在本环之前(由 `vibe-architecture` 产出);**视觉来源**由用户提供;**输出** = `design.md`(视觉设计系统),固定名、置于项目根。
- **关键命名提醒(本 skill 的 `design.md` 是【视觉】义,不是技术义)**:在本套件里,技术骨架/数据模型/接口/架构归 `architecture.md`(由 `vibe-architecture` 产出);本 skill 产出的 `design.md` 专指【视觉设计准则 / 视觉设计系统】(Google DESIGN.md / awesome-design-md 格式)。两者同处项目根、各司其职,严禁混淆。
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add idiotleolyj/daliu-awesome-skills/vibe-design@sha256:15640f1126081c1a

The line at the top of this page pins the label git:20260701.e6639d9, 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_afj7se4wwjqhc2yb.svg)](https://markdownregistry.com/a/art_afj7se4wwjqhc2yb)

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

Versions

The registry has recorded 1 version of this file, committed on Jul 1, 2026.

versioncommittedcommitsizeaudit
git:20260701.e6639d9 latest2026-07-01 e6639d9 15,412 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 (15412 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

idiotleolyj/daliu-awesome-skills · 148 stars · license none declared · pushed 2026-11-01 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_afj7se4wwjqhc2yb
GET https://markdownregistry.com/api/v1/resolve?ref=idiotleolyj/daliu-awesome-skills/vibe-design
GET https://markdownregistry.com/api/v1/blob/15640f1126081c1aeea6f671bdaee90e0619a9d909c45e66f0447f096fae406c

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 idiotleolyj/daliu-awesome-skills

vibe-architecture SKILL.md skill
idiotleolyj/daliu-awesome-skills · plugins/qima/skills/vibe-architecture/SKILL.md · Vibe Coding 流水线第三步:技术骨架。以 idea.md + interaction.md 为输入,只产出 architecture.md(技术骨架 / 技术设计 / 数据模型 / 接口 / 架构), 从…
git:20260701.e6639d9 · audit A · 148 stars
vibe-idea SKILL.md skill
idiotleolyj/daliu-awesome-skills · plugins/qima/skills/vibe-idea/SKILL.md · Vibe Coding 流水线第一步:你是一位顶级产品经理,善于时刻洞察各领域的核心需求。 本 skill 把一个模糊或平庸的产品想法澄清、逼问,并用 AI 时代产品框架拔高,收敛成一份可进入技术设计的 idea.md。…
git:20260701.e6639d9 · audit A · 148 stars
vibe-implement SKILL.md skill
idiotleolyj/daliu-awesome-skills · plugins/qima/skills/vibe-implement/SKILL.md · Vibe Coding 流水线的实现阶段(流水线终点,顺序 idea → interaction → architecture → design → prototype → implement)。当…
git:20260701.e6639d9 · audit A · 148 stars
vibe-interaction SKILL.md skill
idiotleolyj/daliu-awesome-skills · plugins/qima/skills/vibe-interaction/SKILL.md · Vibe Coding 流水线第二步:以 idea.md 为输入,产出一份零歧义的超详细交互文档 interaction.md(第一份 UI 文档:首次定义 页面/模块/元素 ID)。 当用户说"设计交互 / 交互文档 / 页面逻辑 /…
git:20260701.e6639d9 · audit F · 148 stars
vibe-prototype SKILL.md skill
idiotleolyj/daliu-awesome-skills · plugins/qima/skills/vibe-prototype/SKILL.md · Vibe Coding 流水线第五步:依据 design.md(视觉准则)与 interaction.md,为每个页面在 Stitch 画布生成原型, 经 stitch-mcp 拉取 HTML 与截图存入…
git:20260701.e6639d9 · audit A · 148 stars
skill-creator-cn SKILL.md skill
idiotleolyj/daliu-awesome-skills · plugins/skill-creator-cn/skills/skill-creator-cn/SKILL.md · 创建、修改、改进 skill,并衡量其表现。当用户想从零做一个 skill、改进/调试已有 skill、把刚才对话里的流程"变成 skill"、或说"我想做个 skill 但不知道怎么做""帮我做个 skill"时使用。也适用于优化…
git:20260520.f081e1e · audit A · 148 stars
ten-step-learning SKILL.md skill
idiotleolyj/daliu-awesome-skills · plugins/ten-step-learning/skills/ten-step-learning/SKILL.md · 把大刘的「十步学习法」(五视角 STORM × 费曼闭环)固化成一次性、端到端的学习流水线: 用户只给一个【主题】,skill 就从头到尾自动跑完十步(五视角 STORM → 矛盾图谱 → 综合简报 → 同行评审自检 → 资源筛选 →…
git:20260721.41c3ca0 · audit A · 148 stars
video-downloader SKILL.md skill
idiotleolyj/daliu-awesome-skills · plugins/video-downloader/skills/video-downloader/SKILL.md · Download videos from Douyin, Kuaishou, Xiaohongshu, and Bilibili by sharing link. Invoke when user provides a share…
git:20260909.8860202 · audit A · 148 stars
workbuddy-credits SKILL.md skill
idiotleolyj/daliu-awesome-skills · plugins/workbuddy-credits/skills/workbuddy-credits/SKILL.md · 查询 WorkBuddy 积分余额、签到活动、成长计划与 Buddy 旅行状态,领取签到和旅行奖励, 管理本机自动领取及结果通知。当用户提到 WorkBuddy 查积分、签到、旅行领奖、 开启或关闭自动领取、检查后台、配置领取通知时使用。
git:20261101.9a9b6df · audit A · 148 stars

Every file in idiotleolyj/daliu-awesome-skills

Other files named vibe-design

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

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