vibe-interaction SKILL.md skillF

vibe-interaction 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-interaction@git:20260701.e6639d9

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

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

Vibe Coding 流水线第二步:以 idea.md 为输入,产出一份零歧义的超详细交互文档 interaction.md(第一份 UI 文档:首次定义 页面/模块/元素 ID)。 当用户说"设计交互 / 交互文档 / 页面逻辑 / 跳转逻辑 / 每个按钮点了怎么跳 / 是弹窗还是跳转 / 这个点击之后是弹窗还是新页面 / 弹窗还是新页面 / 把页面流程理清楚 / 把每个元素的交互写清楚 / 每个按钮 / 每个元素 / interaction"等,想把页面与元素的交互行为定义到可实现颗粒度时,必须使用本 skill。 它为每个页面写布局、功能模块、页面级四态(loading/empty/error/forbidden)、每个可交互元素的触发/行为/多状态/门控/边界, 并用呈现方式分类法(navigate/modal/confirm/drawer/popover/bottomsheet/toast/inline-expand/inline-edit/newtab/download) 强制标注每个行为;每页的"数据需求"用功能化方式描述读什么/写什么…

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-interaction — 超详细交互文档

> 整套 Vibe Coding skill 的**差异化灵魂**:把「用户在每个页面、每次点击会看到与触发什么」写到零歧义颗粒度。
> SKILL.md 正文承载**方法论、模板与对齐规则**;详尽词表/字段规范/专业范式下沉到 `references/`,正文用「详见 references/<file>.md」指向。

## 定位

- **流水线第二环**:产物主线 `idea.md → interaction.md → architecture.md → design.md(视觉) → prototypes/ → 代码` 中的第二环。**输入** = `idea.md`(由 `vibe-idea` 产出);**输出** = `interaction.md`(交互骨架,**第一份 UI 文档**),固定名、与 `idea.md` 同目录(项目根)。
- **类型 = 新写(独立方法论)**:本 skill 不薄封装任何 superpowers skill,自带一套「呈现方式分类法 + 逐元素交互规格」方法论。
- **职责边界**:本 skill **不碰**技术栈 / 数据库 / 接口定义(那是 `vibe-architecture` 的职责,它会照本文件的数据需求派生),也**不碰**视觉设计准则 / 设计 token / 配色排版(那是 `vibe-design` 的职责)。它只负责把每个页面的**布局、功能模块、页面逻辑、跳转逻辑、每个按钮/元素点击后的逻辑、弹窗逻辑**(明确标注 弹窗 `modal` / 跳转 `navigate` / 浮窗 `popover` / 抽屉 `drawer` / 轻提示 `toast` 等)写到「任何实现者读完都能零歧义复现」的程度。
- **第一份 UI 文档**:`interaction.md` 是流水线里**首次定义 页面ID / 模块ID / 元素ID** 的文档(下游 `architecture.md` 之后引用它们)。它描述「用户在每个页面、每次点击看到与触发什么」,并**功能化描述每页的数据需求**(这页要展示什么数据=读、这次点击写什么=写),**不写接口 ID**(`architecture.md` 此时尚不存在,接口 ID 由其随后据此派生)。细化中若发现产品层缺口,**回填上游 `idea.md`**(沿用「以上游为权威主线」的回填裁决原则;见下文「完成判定」第 5 条)。它是整条主线里「最易遗漏、用户最看重」的一环,也是本套件相对通用 AI 编程的差异化核心。
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add idiotleolyj/daliu-awesome-skills/vibe-interaction@sha256:71757b529719fa79

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_3s5a4qlkojmgw5lp.svg)](https://markdownregistry.com/a/art_3s5a4qlkojmgw5lp)

4 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 40,567 BF view

Audit of the latest version

F  16 of 17 checks passed. Fixed automatic checks with no AI involved, so the same checks give the same answer every run.
  • FAIL, critical: No zero-width or bidi control characters (matched: ​)
  • pass: Frontmatter block present
  • pass: Frontmatter declares a name
  • pass: Frontmatter declares a description
  • pass: Size between 200 bytes and 200 KB (40567 bytes)
  • 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

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

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

API

GET https://markdownregistry.com/api/v1/artifacts/art_3s5a4qlkojmgw5lp
GET https://markdownregistry.com/api/v1/resolve?ref=idiotleolyj/daliu-awesome-skills/vibe-interaction
GET https://markdownregistry.com/api/v1/blob/71757b529719fa793987ab428cfc1de0c5c6d9b6de561d74f1ecc2fd8bd0b29d

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-design SKILL.md skill
idiotleolyj/daliu-awesome-skills · plugins/qima/skills/vibe-design/SKILL.md · Vibe Coding 流水线第 4 步:视觉设计准则。design.md 是【用户提供】的网站视觉设计系统 (Google DESIGN.md / awesome-design-md 格式),本 skill 不画图、不生成视觉,而是…
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-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

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