screenshot-page-workflow

Community

Turn screenshots into runnable prototypes

Authorlintendo
Version1.0.0
Installs0

System Documentation

What problem does it solve?

基于网页或应用截图的视觉分析与原型还原的规范化工作流,帮助将截图中的视觉信息迅速转化为可实现的原型与资产,提升设计与开发协作效率。

Core Features & Use Cases

  • 通过截图进行视觉分析,提取布局、文本、颜色与设计语言,形成设计主题与设计系统规范
  • 实现原型还原与代码生成,产出可维护的前端代码资产与规格文档
  • 提取并验收截图中的功能、交互与数据模型等资产,输出设计系统材料与文档

Quick Start

提供一个截图后,系统自动启动资产提取与原型还原流程。

Dependency Matrix

Required Modules

None required

Components

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: screenshot-page-workflow
Download link: https://github.com/lintendo/Axhub-Make/archive/main.zip#screenshot-page-workflow

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.