← 返回
未分类 中文

UI Scanner — Website Design System Extraction

Given a website URL, crawl and analyze its visual design system — identify design style, color system, typography, component styles, and UI patterns. Outputs...
从给定URL爬取并分析网站的视觉设计系统,识别设计风格、色彩体系、字体排版、组件样式和UI模式。
openlark openlark 来源
未分类 clawhub v1.0.1 2 版本 100000 Key: 无需
★ 0
Stars
📥 188
下载
💾 0
安装
2
版本
#latest

概述

UI Scanner — Website Design System Extraction

Automatically crawl a website URL and reverse-engineer its visual design system, outputting a structured design specification document.

Workflow

URL input → page crawl → visual element classification → style extraction → structured output → write to file

Routing Table

ScenarioReference File
-------------------------
Quick start, minimal workflowquick-start.md
Output format, YAML template, field descriptionsoutput-template.md
Detailed explanation of 6 analysis dimensionsanalysis-dimensions.md
Extraction methods, CSS sources, inference rulesextraction-methods.md
Common mistakes and anti-patternsanti-patterns.md

Output

Results are written to {domain}_design.md using standard YAML frontmatter + Markdown structure. See output-template.md for the complete template and field descriptions.

版本历史

共 2 个版本

  • v1.0.1 当前
    2026-06-30 20:40
  • v1.0.0
    2026-06-01 12:54 安全 安全

安全检测

腾讯云安全 (Keen)

队列中

腾讯云安全 (Sanbu)

队列中

🔗 相关推荐

design-media

UI/UX Pro Max

xobi667
提供 UI/UX 设计智能与实现指导,帮助打造精美界面。适用于 UI 设计、UX 流程、信息架构、视觉风格、设计系统/标记、组件规格、文案/微文案、无障碍及前端 UI(HTML/CSS/JS、React、Next.js、Vue、Svelte
★ 222 📥 48,213
design-media

Nano Banana Pro

steipete
使用 Nano Banana Pro (Gemini 3 Pro Image) 生成或编辑图像。支持文生图、图生图及 1K/2K/4K 分辨率,适用于图像创建、修改及编辑请求,使用 --input-image 指定输入图像。
★ 431 📥 117,408
design-media

Openai Whisper

steipete
使用 Whisper CLI 进行本地语音转文字(无需 API 密钥)
★ 333 📥 94,270