web-flow
将一句话产品意图落地为真实、带动效、可部署的前端站点,通过 research/prototype/design/build/deploy 子 Skill 渐进执行,并在每阶段交接调用 web-flow-benchmark 做有限评测;每个子 Skill 独立维护自己的错误…
Skill by wangjs-jacky
Chalk Labs
Need help deploying web-flow?
Chalk Labs sets up agents like this inside real teams: connected to your tools, tested on your data, with a human in the loop where it matters.
Install
Works with Claude Code, Claude apps, Codex, Cursor, Gemini CLI, GitHub Copilot, VS Code, OpenCode, Goose, Windsurf. Read the repository before you give any tool access to your data.
npx agentmarket install skill/wangjs-jacky-web-flow
Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.
Get the weekly diff
The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.
About
Use cases: design, frontend, devops, research
Reviews
Write a reviewNo reviews yet. Installed it? Reviews come from verified installers only. How reviews work
Permissions
What this skill can do and what it asks for, from its SKILL.md. Checked Oct 25, 2026.
- Tools
- No tools found
- Secrets
- None asked for
- Install scripts
- None found
- Runs as
- Node.js package
Network hosts it talks to 1
codeload.github.com· found in install command
Files it touches
~/.claude/skills/web-flow
What's inside
- Skill name
web-flow- Description
- 将一句话产品意图落地为真实、带动效、可部署的前端站点,通过 research/prototype/design/build/deploy 子 Skill 渐进执行,并在每阶段交接调用 web-flow-benchmark 做有限评测;每个子 Skill 独立维护自己的错误 memory。用于仿做网站、建设官网或落地页、产出项目代码并部署到真实 URL;不处理纯后端、纯 CLI 或非可视产物,单文件 HTML 成品应使用 crafted-web。
- License
- MIT
- Instructions
- 40 lines in SKILL.md · view on GitHub
Before installing
- Ships executable scripts
Files (31)
- .gitignore
- SKILL.md
- external-capabilities.md · references/
- runtime-state.md · references/
- workflow.md · references/
- artifact-ledger.mjs · scripts/lib/
- artifact-store.mjs · scripts/lib/
- deployment-contract.mjs · scripts/lib/
- deployment-store.mjs · scripts/lib/
- finalize-contract.mjs · scripts/lib/
- finalize-store.mjs · scripts/lib/
- gate-contract.mjs · scripts/lib/
- gate-store.mjs · scripts/lib/
- package-validator.mjs · scripts/lib/
- review-contract.mjs · scripts/lib/
- review-store.mjs · scripts/lib/
- runtime-store.mjs · scripts/lib/
- sensitive-scan.mjs · scripts/lib/
- source-safety.mjs · scripts/lib/
- state-contract.mjs · scripts/lib/
- terminal-validator.mjs · scripts/lib/
- validators.mjs · scripts/lib/
- workflow-contract.mjs · scripts/lib/
- web-flow-runtime.mjs · scripts/
- artifacts-paths.test.mjs · tests/
- deployment-contract.test.mjs · tests/
- finalization-contract.test.mjs · tests/
- package-validation.test.mjs · tests/
- review-contract.test.mjs · tests/
- runtime-smoke.test.mjs · tests/
- state-contract.test.mjs · tests/
SKILL.md (first lines)
# web-flow · 总地图 > 把产品意图推进成可验证的真实网站。本文件只保留入口、硬约束与按需导航;不要一次性加载全部阶段 Skill。 ## 何时使用 用于官网、落地页、产品站、参考站点重构,以及需要真实项目代码、浏览器验证或可选部署的前端任务。纯后端、纯 CLI、非可视产物不属于本 Skill;单文件 HTML 成品应使用 crafted-web。 ## 开始前 1. 先读[工作流导航](references/workflow.md),确认 create/update、attended/unattended、fast/full/adaptive,以及是否请求部署。 2. 再读[运行时状态](references/runtime-state.md),通过 Node CLI 初始化 run;update 模式必须先记录源码变更计划,才可进入 build。 3. 只有当前阶段真的需要浏览器、设计或图像能力时,才读[外部能力](references/external-capabilities.md)并做一次最小探测。 4. 到达某阶段才读取对应 Skill,不预载后续阶段说明。 ## 硬约束 1. `events.jsonl` 是运行事实源;`run.json` 只是可重建投影。所有机器状态由 JS 合约校验,禁止手写或直接改状态文件。 2. 所有持久化路径必须是项目相对 POSIX 路径;不得记录 token、认证头、用户绝对路径、localhost 或私网 URL。 3. 阶段产物先写文件,再登记不可变 artifact revision;更新只能追加 revision,复用必须记录来源 run、artifact ref 与 hash。 4. 每个生产阶段交给 `web-flow-benchmark` 独立评审。事实门失败立即阻断;主观评审最多两轮,每轮只修一个 `top_fix`。 5. attended 模式的 G1/G2/G3 由用户决定;unattended 只能由运行时依据已绑定的独立评审自动通过,不能替用户授权部署。 6. 部署是可选分支。只有用户在 G3 后明确授权,`web-flow-deploy` 才能发布;Node 运行时只记录 preflight 与发布证据,不执行网络发布。 7. 当前阶段 Skill 拥有自己的错误 memory 候选。只有真实错误、根因已验证、未来可复现三项同时成立才允许沉淀;主 Skill 不建中心 memory。 8. 终态必须通过 `finalize` 写入,随后以 `validate-run --require-terminal` 对账;不得直接把 run 标成完成。 ## 阶段调用 - research:调用 [web-flow-research](../web-flow-research/SKILL.md),产出内容规格、参考证据与素材需求。 - wireframe / prototype:调用 [web-flow-prototype](../web-flow-prototype/SKILL.md),并处理 G1;full profile 还要处理 G2。 - design:调用 [web-flow-design](../web-flow-design/SKILL.md),把已批准原型转成设计契约。 - build:调用 [web-flow-build](../web-flow-build/SKILL.md),写入真实 sourceDir、启动预览并处理 G3。 - review:每个生产阶段调用 [web-flow-benchmark](../web-flow-benchmark/SKILL.md),将评审和 rubric 原始字节绑定到事件。 - deploy:仅在请求且获授权时调用 [web-flow-deploy](../web-flow-deploy/SKILL.md)。 ## 结束条件 交付至少包含真实预览或生产 URL、当前 G3 证据、验证结果、`skill-usage.md`、`retrospective.md` 与 residual。success、partial、failed、cancelled 都必须有可解释原因和可重放终态。
From wangjs-jacky/jacky-skills, MIT.
More from wangjs-jacky/jacky-skills
- 0.643score
experiment-selection-ops
wangjs-jacky
Use when a technical choice needs a comparative experiment, including visual designs, animations, functions or libraries; when the decision report lacks…
SkillAFreshness: A★ 15Claude Code +9 - 0.640score
release-ops
wangjs-jacky
软件发布经验库:按发布平台与常用 operations 维护 GitHub 仓库推送、PR 合并、Release、npm 包和 VS Code/Open VSX 扩展发布的流程、限制、排障与验证经验;项目引用共享知识,执行后自动沉淀。适用于发布准备、配置及排障。
SkillAFreshness: A★ 15Claude Code +9 - 0.637score
codex-project-replay
wangjs-jacky
从本地 Codex 历史重建项目的多会话时间线,回放用户要求、AI 操作、验证、错误与修正;用于项目复盘、追溯决策和整理执行过程,输出独立的 Markdown 回放目录。
SkillAFreshness: A★ 15Claude Code +9 - 0.637score
happy-ops
wangjs-jacky
Happy/Paws 运维经验入口。按 index.md 渐进读取系统与单目标 operation,查询发布、认证、会话和连接故障的方法与本机证据;执行前核实当前事实,完成后维护经验。用于发布交接、运维排障及经验沉淀。
SkillAFreshness: A★ 15Claude Code +9 - 0.637score
goal-first-ops
wangjs-jacky
按 project → features 管理 Goal First 项目目标:将每个目标的需求、报告、过程、产物、证据和复用经验集中保存。用于目标归档、接续、复盘及维护项目记录。
SkillAFreshness: A★ 15Claude Code +9 - 0.637score
codex-ops
wangjs-jacky
Codex 使用与运维经验库:按能力及 operations 维护安装升级、运行配置、全局 AGENTS、技能安装同步、认证与连接排障、剩余额度查询;复核版本与宿主差异,执行后自动沉淀。不因普通任务使用 Codex 编码而触发。
SkillAFreshness: A★ 15Claude Code +9 - 0.637score
cloudflare-ops
wangjs-jacky
Cloudflare 开发与运维经验库:按能力与常用 operations 维护设计边界、免费额度、已验证的坑和应用实例;用于 Workers、Durable Objects 的方案设计、部署与超限排障,并落实禁止轮询约束。
SkillAFreshness: A★ 15Claude Code +9 - 0.635score
ssh-connect
wangjs-jacky
让 Claude 知道并使用「本机已经能 SSH 连到我的远程机器」这项能力:连上已登记的远程主机、在其上放手执行命令,并把连接经验(主机清单 / 排查结论 / 远端工作流套路)像 web-search 一样沉淀进 experience.local.md,越用越聪明。触发:用户说『连一下 mac mini /…
SkillAFreshness: A★ 15Claude Code +9 - 0.634score
ego-ops
wangjs-jacky
Ego 浏览器操作的经验库与治理层:渐进读取、实时复核、授权边界、成功验证和脱敏知识沉淀。
SkillAFreshness: A★ 15Claude Code +9 - 0.633score
goal-first
wangjs-jacky
通过追问、复述和用户确认澄清目标,再整理为可追踪、可审计、可由独立 AI 接续执行的本地任务工作区;用于开启需求、拆分任务或建立目标驱动项目流程,不替代具体领域的实施 Skill。
SkillAFreshness: A★ 15Claude Code +9 - 0.632score
github-repo-publish
wangjs-jacky
GitHub 仓库发布兼容入口:创建仓库、推送改动、合并 PR、创建 Release,以及发布链路配置或排障时使用;先加载 release-ops 的对应平台与 operation,按当前项目流程执行并沉淀经验。
SkillAFreshness: A★ 15Claude Code +9 - 0.632score
codex-env-config
wangjs-jacky
Codex 环境配置兼容入口:安装升级、环境迁移、运行配置、认证、代理、Responses WebSocket 与技能同步统一读取 codex-ops 对应能力及 operation。
SkillAFreshness: A★ 15Claude Code +9
Signals
- Stars
- 15
- Forks
- 4
- Open issues
- 2
- Last commit (this folder)
- Jul 11, 2026 (3 months ago)
From GitHub (fetched Oct 24, 2026).
Details
- License
- MIT
- Repository
- github.com/wangjs-jacky/jacky-skills
- First seen
- Oct 24, 2026
- Last checked
- Oct 24, 2026
- Source
- GitHubgithub-graphql
More from wangjs-jacky
- 0.643score
experiment-selection-ops
wangjs-jacky
Use when a technical choice needs a comparative experiment, including visual designs, animations, functions or libraries; when the decision report lacks…
SkillAFreshness: A★ 15Claude Code +9 - 0.640score
release-ops
wangjs-jacky
软件发布经验库:按发布平台与常用 operations 维护 GitHub 仓库推送、PR 合并、Release、npm 包和 VS Code/Open VSX 扩展发布的流程、限制、排障与验证经验;项目引用共享知识,执行后自动沉淀。适用于发布准备、配置及排障。
SkillAFreshness: A★ 15Claude Code +9 - 0.637score
codex-project-replay
wangjs-jacky
从本地 Codex 历史重建项目的多会话时间线,回放用户要求、AI 操作、验证、错误与修正;用于项目复盘、追溯决策和整理执行过程,输出独立的 Markdown 回放目录。
SkillAFreshness: A★ 15Claude Code +9 - 0.637score
codex-ops
wangjs-jacky
Codex 使用与运维经验库:按能力及 operations 维护安装升级、运行配置、全局 AGENTS、技能安装同步、认证与连接排障、剩余额度查询;复核版本与宿主差异,执行后自动沉淀。不因普通任务使用 Codex 编码而触发。
SkillAFreshness: A★ 15Claude Code +9 - 0.637score
goal-first-ops
wangjs-jacky
按 project → features 管理 Goal First 项目目标:将每个目标的需求、报告、过程、产物、证据和复用经验集中保存。用于目标归档、接续、复盘及维护项目记录。
SkillAFreshness: A★ 15Claude Code +9 - 0.637score
cloudflare-ops
wangjs-jacky
Cloudflare 开发与运维经验库:按能力与常用 operations 维护设计边界、免费额度、已验证的坑和应用实例;用于 Workers、Durable Objects 的方案设计、部署与超限排障,并落实禁止轮询约束。
SkillAFreshness: A★ 15Claude Code +9
Done for you
Rather not set it up yourself?
Chalk Labs scopes, builds and runs agents for your team: the task audit, the eval harness, the integrations and the weekly ops report. Fixed scope, priced before we start.
See how we build AI agents →Read the case studies
Chalk Labs is a two-founder AI and growth studio. We build AI agents, CRMs and MVPs for Web3 and AI companies, and have shipped 50+ product and token launches.
- launches shipped
- 50+
- launches shipped
- media placements
- 500+
- media placements
- founders on every account
- 2
- founders on every account
Press we've placed: Forbes · CoinDesk · Decrypt · Cointelegraph · The Block
Rahil Jain, Co-founder, Chalk Labs. Ex-Goldman Sachs engineer. You talk to the person who builds it.
Get web-flow running in your business
Tell us what you want to automate. A founder replies within one working day with a plan, not a pitch deck.
Cite this page
web-flow skill. Agent Mart. https://agentmart.dev/skills/wangjs-jacky-web-flow (last updated 2026-10-24)