web-flow-build SKILL.md skillA

web-flow-build 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-build@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-build/SKILL.md
Versions recorded
2
Latest version
git:20260711.fe811e1, committed Jul 11, 2026
First version recorded
Jul 11, 2026
Size
3,636 bytes
Repository stars
15
License
MIT

web-flow 内部的实现阶段:按内容规格、已选原型、design tokens 和布局契约分 section 构建前端与动效,组装并验证真实预览。仅在 web-flow 主 Skill 明确调用时使用;当前阶段为 build。不要因普通用户请求单独触发。.

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-build · 实现与真实预览

按 [WebFlow 工作流](../web-flow/references/workflow.md)把已批准设计落实到真实项目。源码只写 `sourceDir`;run 目录只保存证据,不作为站点源码或构建输入。

## 独立 memory

若本 Skill 的 `memory/index.md` 存在,只读取并行 section、动效、响应式和集成相关的 1–3 条记忆;不存在时直接继续。通过三项验证的候选只写回本 Skill 的 `memory/`。

## 写入前安全门

1. 读取 run input、当前 G1/G2 绑定、`design/design-tokens.css` 和 `design/layout-contract.md`,确认 hash 未漂移。
2. create 模式确认 sourceDir 不存在或为空;不得把源码写进 `.web-flow/`。
3. update 模式先读取初始化生成的 `preexisting-state.md`,再执行 runtime `source plan` 登记精确 allowlist。
4. allowlist 与已有 dirty path 重叠属于 `dirty conflict`,没有用户逐路径确认就必须阻断。
5. typed transition 只有看到 source plan 才允许 update 进入 build;不能先改代码再补计划。

## 真实 SOP

1. **拆实现单元**:按 layout contract 的 slot 规划组件边界;每个单元只接收当前 section 所需内容和共享 tokens。
2. **保持单写者**:可以并行分析或生成补丁建议,但禁止并行写同一源码树。一个协调者按顺序把变更应用到 sourceDir,避免互相覆盖和 baseline 失真。
3. **按原型实现动效**:CSS 优先,动效必须支持信息理解或状态反馈;尊重减少动态效果设置。
4. **组装真实页面**:按布局契约拼装,保留内容来源和原型对应关系。
5. **执行源码验证**:运行项目自身的格式化、类型、测试和构建命令,记录命令与结果,不把依赖目录登记为 artifact。
6. **验证写入边界**:update 模式在 build 后执行 runtime `source verify`,对比初始化 baseline、allowlist、已确认 dirty 内容和当前 Git 状态;失败时不得进入评审。
…

Read the whole file at its exact version.

How to install

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

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

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,636 BA view · diff
git:20260711.57c13622026-07-11 57c1362 1,899 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 (3636 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_fw253izjsv4lwg64
GET https://markdownregistry.com/api/v1/resolve?ref=wangjs-jacky/jacky-skills/web-flow-build
GET https://markdownregistry.com/api/v1/blob/f5213c1d967a9d56846d07b7a555f2ef580f66601b1b176e3655029a897ba89c

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.