Analyze webpage screenshots to extract colors, typography, and component styles. Generate structured JSON describing reusable design rules and an AI coding prompt, or convert the results into brand styling for a presentation video.
网页与数字界面设计师和网页开发工程师在需要逆向分析网页截图时，使用本技能一键提取配色、排版及组件特征，自动生成结构化 Design System 数据与 AI Coding Prompt，让设计还原与前端开发更高效。
Review the instructions the agent will receive before you install.
Pillow>=10.0.0
标准流程：
接收图片
调用分析脚本
scripts/analyze_design.py --image <图片文件路径> 执行分析展示结果
可选分支：
--input 指定 JSON 路径，--output 指定输出路径）# 用户：请分析这张网页截图
# 智能体调用脚本
python scripts/analyze_design.py --image ./uploads/landing-page.png
# 用户：分析这个网页，然后用提取的设计规范创建一个 Hero Section
# 智能体：
# 1. 调用脚本分析图片
# 2. 展示结果
# 3. 使用生成的 Coding Prompt 指导代码生成
# 用户：分析这个网页，然后导出为路演视频风格
# 智能体：
# 1. 调用 analyze_design.py 分析图片，生成 design_system.json
# 2. 调用 convert_to_roadshow_style.py 转换，生成 brand_style.json
# 3. 提示用户可以将 brand_style.json 用于路演视频生成
No reviews yet. Tell others what you thought.
No login needed. Share how it worked for you, ask a question, or note where it did not run.
No comments yet. Be the first to write one.
Organize AI agents into execution, management, and review roles for complex projects. Choose preset or custom teams, share project context and decisions, and combine their discussions and work into meeting records, feasibility reports, or implementation outputs.
Generate character images, backgrounds, synthetic speech, and music for product videos featuring 小省导购员, a digital shopping presenter. Coordinate these assets with InfiniteTalk to produce a 25-second vertical video made from five scenes.
Convert PDF, Word, and Excel documents into structured Markdown for search and knowledge bases. The skill tries three parsers in sequence when needed and returns metadata, a confidence score, and the parser used.
Organize parsed documents into four color-coded cards covering facts, explanations, risks, and actions. Preserve source references and generation details so readers can review evidence, identify uncertainty, and consider next steps in research, financial, or legal analysis.
Record operations across multiple AI agents and connect events into a traceable history. Search records by tracking ID, time window, or responsible component to support audits and investigations, with local storage available when the vector database fails.
Screen documents and external URLs before they enter a processing workflow. Check blocked domains and document permissions, then produce a pass or reject decision, a risk report, and a tracking ID for later review.