메뉴
web-flow 内部的原型设计阶段：以 wireframe 和 prototype 两种模式，把源接地内容转成低保真草图与可观察的视觉或交互原型；运行时按需复用外部能力，缺失时降级为 HTML/CSS。仅在 web-flow 主 Skill 明确调用时使用。不要因普通用户请求单独触发。
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
在需要打包、签名、OTA、APK/IPA、GitHub Release、商店提交、部署、回滚或验活时使用；支持独立窄任务，也支持作为 app-flow 的当前行动。它核对具体渠道授权，可复用用户明确记录的项目级 preview OTA 持续授权并在验证通过后自动发布；未获授权只做预检。
把自然语言 App 需求、模块说明和参考截图一路推进到经验证的代码与当次授权交付；用于需要长时间自主开发、持续排障和跨上下文恢复的移动端或跨端 App 任务。它不固定技术栈、阶段或交付形式，也不会把无人值守理解为远端发布授权。
在需要与生产者分离的独立评审、复核、验收，或对 App 方案、UI、代码、体验或交付准备度做质量判断时使用；支持独立窄任务，也支持作为 app-flow 的当前行动。它只做只读评判并绑定真实证据，不创建或修改产物，也不做第一方定位根因或直接改代码。
在设计、开发或交付 App 时按需参考 Happy/Paws 经验，包括移动端架构、React Native/Expo 取舍、验证、OTA、安装包与 Release 边界。用于用户明确要求参考 Happy/Paws，或当前问题与这些真实工程经验高度匹配时；它只提供上下文，不是 App Workflow，也不强制复制 Happy 的技术栈。
在需要创建、修改、重构、修复 App 代码，或只读诊断崩溃、定位根因、给出候选补丁时使用；支持独立窄任务，也支持作为 app-flow 的当前行动。它不做产品调研、原型/设计、独立评审或打包发布，除非当前行动本身就是改代码。
作为 self-learning 的 HyperFrames 产出能力，自主学习本地教学音视频或公开视频链接，把教程讲授的方法、可观察动效和屏幕代码转成有证据、可恢复、可渲染的 HyperFrames Demo，并记录实际使用的内容、Skills、工具与可复用经验。仅在 self-learning 调用，或用户明确要求从教学素材制作 HyperFrames Demo 时使用；普通学习任务不要单独触发。
| name | web-flow-prototype |
| description | web-flow 内部的原型设计阶段：以 wireframe 和 prototype 两种模式，把源接地内容转成低保真草图与可观察的视觉或交互原型；运行时按需复用外部能力，缺失时降级为 HTML/CSS。仅在 web-flow 主 Skill 明确调用时使用。不要因普通用户请求单独触发。 |
原型不是“让图片模型出一张图”。它复现人真实的设计过程：先排结构并评审 G1，再做视觉原型并评审 G2。
从 WebFlow 工作流读取当前 profile、mode 和已登记的 research artifact。只处理 wireframe 和 full profile 的 prototype，不在本阶段写真实项目源码。
若本 Skill 的 memory/index.md 存在，只沿当前 mode 和外部原型工具相关入口读取 1–3 条记忆；不存在时直接继续。通过三项验证的候选只写回本 Skill 的 memory/。
wireframe 模式（G1）research/content-spec.md 和 research/reference-evidence.md 确认受众、主任务、主行动与必须出现的信息。wireframe/wireframe.html，不依赖构建工具也能检查信息层级、阅读路径和桌面/移动布局。wireframe/stage-result.md，用 runtime artifact add 登记两个文件；调用 web-flow-benchmark 的 wireframe rubric 并用 review record 登记版本化评审。reviews/<stage>/attempt-<n>/round-<n>--<artifact-id>-r<revision>.md；must-pass recheck 使用运行时规定的独立槽位，不占主观两轮。gate decide 记录 G1。attended 展示 artifact 后由用户 approve/revise/defer/reject；unattended 只能依据当前独立评审决定。prototype 模式（G2）research/asset-requirements.md。prototype_design 及必要的 visual_asset_generation 执行“本轮首次使用才探测”。prototype/prototype.html，保留与内容证据、草图和关键素材需求的对应关系。prototype/stage-result.md，依次执行 artifact add、独立 benchmark、review record。gate decide 记录 G2；revise 同样产生新的 attempt 和全部新版本证据。本 Skill 只选择与编排，不复制外部 Skill 的完整说明，也不把供应者写死为永久依赖。
fast profile 不运行 prototype，必须通过 typed transition 把 G2 记为 not_applicable；不得创建假的 prototype、review 或批准记录。
两个 mode 的 stage-result.md 都记录观察、证据、决定、行动、验证、错误、根因、下次规则、residual 和 next。只写可审计事实，不写冗长原始推理。