# Screenshot Page Workflow

> 基于网页或 App 截图进行视觉分析与原型还原的流程规范；在需要截图识别、资产提取（功能/交互/业务分析）、页面代码生成与验收时使用。 Use when this capability is needed.

- Skill: `tomevault-io/screenshot-page-workflow` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add tomevault-io/screenshot-page-workflow`
- Raw SKILL.md: https://api.skillmd.com/api/skills/tomevault-io/screenshot-page-workflow/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Productivity
- Author: tomevault-io (https://skillmd.com/u/tomevault-io)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/tomevault-io/screenshot-page-workflow

---


# 截图原型还原规范

本技能采用渐进披露：先判断用户需求，再只打开相关文档。

## 快速分流

- 资产提取（功能/交互/业务分析）：`skills/screenshot-page-workflow/asset-extraction.md`
- 原型还原/代码实现：`skills/screenshot-page-workflow/prototype-restoration.md`

## 通用前置（任何场景都需要）

1. 视觉能力检测：模型不支持视觉时必须立即告知用户并停止截图流程。
2. 接收截图：支持拖拽/粘贴/路径；临时保存到 `temp/screenshots/`。

## 通用约束

- 截图分析完全依赖视觉能力，不支持时不得继续。
- 未经用户确认不扩展需求。
- 及时说明当前进度与限制。

## 参考资源

- `development-guide.md`

---
> Converted and distributed by [TomeVault](https://tomevault.io/claim/lintendo) — claim your Tome and manage your conversions.
<!-- tomevault:4.0:skill_md:2026-04-11 -->