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，让设计还原与前端开发更高效。
설치하기 전에 에이전트에게 전달되는 지시 내용을 확인할 수 있습니다.
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.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.