require-prototype
CommunityTurn prototypes into structured UI descriptions.
Design & Creative#prototype#design-review#image-analysis#element-identification#ui-description#page-descriptions
AuthorHarries
Version1.0.0
Installs0
System Documentation
What problem does it solve?
用户在设计评审和需求分析阶段往往需要将原型图转化为可理解的页面描述、元素清单以及交互关系。本 Skill 自动从原型图片中提取信息,生成结构化的页面描述,减少手动分析时间。
Core Features & Use Cases
- 自动识别原型中的界面元素(导航、按钮、表单、列表等)并输出页面描述
- 生成页面层级与模块关联的结构化信息,便于设计评审和开发对齐
- 使用场景:在设计评审中快速描述某一页面的布局和交互,或在需求落地前将原型转为实现规范
Quick Start
给出一张原型图片,系统自动分析并生成对应的页面描述。
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: require-prototype Download link: https://github.com/Harries/hydpromptkit/archive/main.zip#require-prototype Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 510,000+ vetted skills library on demand.