web-flow-prototype SKILL.md skillA

web-flow-prototype from wangjs-jacky/jacky-skills is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add wangjs-jacky/jacky-skills/web-flow-prototype@git:20260711.fe811e1

Pins git:20260711.fe811e1 in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
wangjs-jacky/jacky-skills
Path
labs/web-flow/web-flow-prototype/SKILL.md
Versions recorded
2
Latest version
git:20260711.fe811e1, committed Jul 11, 2026
First version recorded
Jul 11, 2026
Size
3,640 bytes
Repository stars
15
License
MIT

web-flow 内部的原型设计阶段:以 wireframe 和 prototype 两种模式,把源接地内容转成低保真草图与可观察的视觉或交互原型;运行时按需复用外部能力,缺失时降级为 HTML/CSS。仅在 web-flow 主 Skill 明确调用时使用。不要因普通用户请求单独触发。.

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

# web-flow-prototype · 草图与视觉原型

> 原型不是“让图片模型出一张图”。它复现人真实的设计过程:先排结构并评审 G1,再做视觉原型并评审 G2。

从 [WebFlow 工作流](../web-flow/references/workflow.md)读取当前 profile、mode 和已登记的 research artifact。只处理 wireframe 和 full profile 的 prototype,不在本阶段写真实项目源码。

## 独立 memory

若本 Skill 的 `memory/index.md` 存在,只沿当前 mode 和外部原型工具相关入口读取 1–3 条记忆;不存在时直接继续。通过三项验证的候选只写回本 Skill 的 `memory/`。

## `wireframe` 模式(G1)

1. 从 `research/content-spec.md` 和 `research/reference-evidence.md` 确认受众、主任务、主行动与必须出现的信息。
2. 按用户完成任务的顺序建立信息架构,明确首屏重点与页面节奏。
3. 写可真实打开的 `wireframe/wireframe.html`,不依赖构建工具也能检查信息层级、阅读路径和桌面/移动布局。
4. 写 `wireframe/stage-result.md`,用 runtime `artifact add` 登记两个文件;调用 `web-flow-benchmark` 的 wireframe rubric 并用 `review record` 登记版本化评审。
5. 评审路径必须是 `reviews/<stage>/attempt-<n>/round-<n>--<artifact-id>-r<revision>.md`;must-pass recheck 使用运行时规定的独立槽位,不占主观两轮。
6. 通过 `gate decide` 记录 G1。attended 展示 artifact 后由用户 approve/revise/defer/reject;unattended 只能依据当前独立评审决定。
7. revise 会进入新的 attempt,并要求新 artifact revision、review 和 gate decision,不能覆盖 attempt-1 的文件。
8. G1 时锁定 profile:fast 直接进入 design,full 进入 prototype,adaptive 必须在这里选择其一。

## `prototype` 模式(G2)

1. 只接受 full profile,并读取已批准 G1 所绑定的 wireframe 与 `research/asset-requirements.md`。
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add wangjs-jacky/jacky-skills/web-flow-prototype@sha256:f06ba5c29ec7487f

The line at the top of this page pins the label git:20260711.fe811e1, 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_hmnwv2tkdjvgzg5c.svg)](https://markdownregistry.com/a/art_hmnwv2tkdjvgzg5c)

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

Versions

The registry has recorded 2 versions of this file, all committed on Jul 11, 2026.

versioncommittedcommitsizeaudit
git:20260711.fe811e1 latest2026-07-11 fe811e1 3,640 BA view · diff
git:20260711.57c13622026-07-11 57c1362 2,680 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 (3640 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

wangjs-jacky/jacky-skills · 15 stars · license MIT · pushed 2026-10-19 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_hmnwv2tkdjvgzg5c
GET https://markdownregistry.com/api/v1/resolve?ref=wangjs-jacky/jacky-skills/web-flow-prototype
GET https://markdownregistry.com/api/v1/blob/f06ba5c29ec7487fb1547dffb0dd188b5d429dff6595d9cd93c7639074570e94

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 wangjs-jacky/jacky-skills

AGENTS.md AGENTS.md file
wangjs-jacky/jacky-skills · AGENTS.md
git:20260711.ccfb5ec · audit B · 15 stars
CLAUDE.md CLAUDE.md file
wangjs-jacky/jacky-skills · CLAUDE.md
git:20261015.c21ad69 · audit A · 15 stars
agent-pipeline-benchmark SKILL.md skill
wangjs-jacky/jacky-skills · archived/agent-pipeline-benchmark/SKILL.md · Benchmark Evaluator:运行测试、评估质量、生成评分报告。由 agent-pipeline 编排器调用,也可通过 /agent-pipeline-benchmark 独立触发。
git:20260711.0fcbb55 · audit A · 15 stars
agent-pipeline-generate SKILL.md skill
wangjs-jacky/jacky-skills · archived/agent-pipeline-generate/SKILL.md · Generator Agent:基于计划实现代码,遵循 TDD 红→绿流程。由 agent-pipeline 编排器调用,也可通过 /agent-pipeline-generate 独立触发。
git:20260405.06b2dd2 · audit A · 15 stars
agent-pipeline-plan SKILL.md skill
wangjs-jacky/jacky-skills · archived/agent-pipeline-plan/SKILL.md · Plan Agent:调研代码库 + 生成实施计划和验收标准。由 agent-pipeline 编排器调用,也可通过 /agent-pipeline-plan 独立触发。
git:20260405.06b2dd2 · audit A · 15 stars
agent-pipeline SKILL.md skill
wangjs-jacky/jacky-skills · archived/agent-pipeline/SKILL.md · 三 Agent 流水线编排器。协调 Plan → Generate → Score 三个子 Agent 的执行、状态管理和质量循环。触发于 /agent-pipeline 或"流水线"、"三Agent"。
git:20260711.0fcbb55 · audit A · 15 stars
long-running-agent SKILL.md skill
wangjs-jacky/jacky-skills · archived/long-running-agent/SKILL.md · Use when starting a new session for a cross-session development project, or when the project uses Memory Bank structure…
git:20260405.06b2dd2 · audit A · 15 stars
multi-agent SKILL.md skill
wangjs-jacky/jacky-skills · archived/multi-agent/SKILL.md · 多 Agent 协作,并行调用多个 AI 模型并合并最佳结果。适用于需要高质量答案、代码审查、风险对冲的场景。
git:20260405.06b2dd2 · audit A · 15 stars
tw-benchmark SKILL.md skill
wangjs-jacky/jacky-skills · archived/tw-benchmark/SKILL.md · 基准评测 Agent。对 Generator 产出的代码进行多维评估:测试通过率、TypeScript 检查、代码质量。由 /tw-benchmark 或 task-workflow 编排器触发。
git:20260711.0fcbb55 · audit A · 15 stars
tw-generator SKILL.md skill
wangjs-jacky/jacky-skills · archived/tw-generator/SKILL.md · 代码生成 Agent。根据 PLAN.md 逐任务执行代码修改。由 /tw-generator 或 task-workflow 编排器触发。
git:20260711.0fcbb55 · audit A · 15 stars
tw-planner SKILL.md skill
wangjs-jacky/jacky-skills · archived/tw-planner/SKILL.md · 任务规划 Agent。调研代码库、分析需求、生成执行计划。由 /tw-planner 或 task-workflow 编排器触发。
git:20260711.0fcbb55 · audit A · 15 stars
CLAUDE.md@harness CLAUDE.md file
wangjs-jacky/jacky-skills · harness/CLAUDE.md
git:20261015.c21ad69 · audit A · 15 stars

Every file in wangjs-jacky/jacky-skills

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