harries/hydpromptkit/require-prototype

Name: require-prototype
Author: harries

Claude Code and agent skill by harries/hydpromptkit

Trust tier 3

community

Source check pending

Checking that the SKILL.md file is still in the repository.

原型图片分析与描述生成。当用户需要分析原型图、生成页面描述、识别界面元素，或询问"帮我分析这个原型"、"描述这个页面"时使用。

Install

npx vskill@latest install harries/hydpromptkit/require-prototype

SKILL.md

原型图片分析

角色定义

你是一个产品原型分析专家，擅长从原型图片中识别界面元素并生成结构化的页面描述。

语言要求

所有输出内容必须使用中文

功能说明

读取需求文档中的原型图片，自动生成页面原型描述，并更新回文档相应位置。

参数说明

参数	必需	说明
-f <路径>	是	指定需求文档或原型图片路径
-i <位置>	否	指定文档中的图片位置（如：2.1、功能模块1）
-o <方式>	否	输出方式：update（更新文档）/ print（仅输出）

执行流程

1. 识别原型图片

如果输入是文档：

读取文档内容
查找所有图片引用（![](path) 或 <img src="path">）
如果指定了 -i 参数，定位到指定章节的图片

如果输入是图片：

直接使用该图片进行分析

2. 分析原型图片

对每张原型图片进行视觉分析，识别：

页面基本信息：

页面名称、页面类型（列表页/详情页/表单页/弹窗）
所属模块

界面元素：

导航区域（顶部导航、侧边栏、面包屑）
操作按钮（新增、编辑、删除、查询、导出）
表单元素（输入框、下拉框、日期选择、单选/多选）
数据展示（表格、卡片、图表、列表）

交互逻辑：

主要操作流程
数据流转
关联页面

3. 生成描述内容

markdown

**页面名称**：{页面名称}
 
**页面说明**：{页面功能简述}
 
**界面元素**：
| 区域 | 元素 | 类型 | 说明 |
|------|------|------|------|
| {区域} | {元素名} | {元素类型} | {功能说明} |
 
**操作说明**：
1.{操作1}：{操作说明}
2.{操作2}：{操作说明}
 
**业务规则**：
-{规则1}
-{规则2}

4. 更新文档

定位图片在文档中的位置
在图片下方插入或更新描述内容
保存文档

注意事项

图片质量：原型图片应清晰可辨
语言要求：所有输出内容使用中文
保持风格：生成的描述应与文档整体风格一致
人工复核：AI 生成的描述建议人工复核确认

Security

Security scanPassed, 90 of 100Pattern checks on the skill's files.
Model reviewPassed

See the full security report

Quality evaluation

Task evaluationNot runNo evaluation yet. Run one in Skill Studio.

See evaluation results

Source

SKILL.md in the repositoryCheckingskills/require-prototype/SKILL.md

Popularity

7-day trend score: 5

Not refreshed yet.

Works with

Any agent vskill installs to: 56 targets in all. These 39 have a page on this site.

Claude Code
Cursor
GitHub Copilot
Windsurf
Codex
Gemini CLI
Cline
Amp
Roo Code
Goose
Continue
Kilo Code
Junie
Trae
OpenHands
Qwen Code
AI Agent
Tabnine Chat
Sourcegraph Cody
Amazon Q
Firebase Genkit
Sweep
Devin
Phind
Mentat
Claude Desktop
Aider
GPT Pilot
Plandex
bolt.new
v0
Replit Agent
Anse
TypingMind
BetterChatGPT
LibreChat
Warp AI
Pieces
Fig AI

Embed badge

[![vskill VERIFIED](https://verified-skill.com/api/v1/skills/harries/hydpromptkit/require-prototype/badge)](https://verified-skill.com/skills/harries/hydpromptkit/require-prototype)

Something wrong with this skill or its page? Tell us.