从给定URL爬取并分析网站的视觉设计系统,识别设计风格、色彩体系、字体排版、组件样式和UI模式。
UI 扫描器 — 网站设计系统提取器是一项面向实际任务的技能,主要用于自动爬上一个网站URL,并逆向修改其视觉设计系统,输出一个结构化设计规格文件;.Workflow.Ro。
从功能定位来看,该技能强调把分散的操作要求整理成清晰、可复用的处理流程,使用户能够围绕既定目标快速准备输入、选择执行方式并获得结构化结果。实际使用前应先确认任务范围、数据来源、运行环境、必要权限和关键参数,再依据技能说明逐步执行;
若输入条件不完整,应先补齐信息或采用保守配置,避免因错误假设导致结果偏离需求。执行过程中需要关注工具调用是否成功、接口或依赖是否可用、输出格式是否符合预期,并对异常提示、缺失字段和边界情况进行处理;涉及批量任务时,还应保存进度,避免中断后重复操作。
自动爬取指定网站 URL,并逆向解析其视觉设计系统,输出结构化的设计规范文档。
URL 输入 → 页面爬取 → 视觉元素分类 → 样式提取 → 结构化输出 → 写入文件
| 场景 | 参考文件 |
|---|---|
| 快速上手,最小化工作流 | quick-start.md |
| 输出格式、YAML 模板及字段说明 | output-template.md |
| 6 个分析维度的详细说明 | analysis-dimensions.md |
| 提取方法、CSS 来源、推断规则 | extraction-methods.md |
| 常见错误与反模式 | anti-patterns.md |
结果将写入 {domain}_design.md 文件,采用标准 YAML frontmatter + Markdown 结构。完整模板及字段说明请参阅 output-template.md。
相关专题
热门下载
相关下载
精品课程
共86课时 | 27.4万人学习
共18课时 | 6.1万人学习
共31课时 | 5万人学习