$ loading_
从任意网页提取设计令牌与构建提示,帮助快速复刻界面并推进开发。
复制安装指令,让 AI 自动完成配置 · 推荐新手
请帮我安装 askskill 上的 "io.github.mishaovcharenko/uiscanner" MCP 服务: 执行:claude mcp add io-github-mishaovcharenko-uiscanner -- npx -y uiscanner-mcp
请扫描这个网址并提取设计令牌:https://example.com 。输出颜色、字体、间距、圆角、阴影和常见组件样式,整理为结构化清单。
一份结构化的设计令牌清单,可直接用于设计系统或前端样式配置。
基于这个页面生成一个详细的构建提示词:https://example.com/pricing 。要求说明页面结构、区块层级、组件类型、交互状态和响应式布局建议。
一段可直接交给 AI 编码助手的高质量提示词,用于复刻该页面。
扫描以下竞品页面:https://example.com/app 。总结它的视觉风格、主要组件模式和可借鉴的设计规范,并给出适合我产品的实现建议。
一份竞品界面分析摘要,包含风格要点、组件模式与落地建议。
将参考界面提炼为可量化的设计DNA,并据此生成风格一致的UI方案。