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，让设计还原与前端开发更高效。
安装前可以查看交给 AI 代理的指令内容。
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 用于路演视频生成
还没有评价。欢迎分享你的使用感受。
无需登录即可发表。欢迎分享使用感受、提问，或说明在哪些环境下无法运行。
还没有评论。来写第一条吧。
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.
中文简介正在准备中。当前显示英语简介。