将提示词、截图和网址转成 UI 设计,辅助 AI 编码与主题令牌生成。
复制安装指令,让 AI 自动完成配置 · 推荐新手
请帮我安装 askskill 上的 "Visily UI Design" MCP 服务: 执行:claude mcp add --transport http 'io-github-visily-app-visily' 'https://app.visily.ai/api/mcp'
请根据以下需求生成一个 SaaS 仪表盘的 UI 设计:包含左侧导航、顶部搜索栏、核心指标卡片、趋势图和最近活动列表,风格简洁现代。
输出一个符合描述的页面 UI 设计方案,可用于后续开发或迭代。
根据这张产品截图生成对应的 UI 设计,尽量保留布局层级、组件结构和视觉风格。
输出接近原截图的可编辑 UI 设计,便于重构或交付给开发。
参考这个网址的页面结构与视觉风格,生成一个同类产品的 UI 设计,并整理可复用的主题 token。
输出参考该网站风格的界面设计,并附带可用于主题系统的令牌信息。
开发者在让 AI 生成前端代码前,可先用提示词、截图或网址产出界面设计。这样能让后续代码生成更贴近目标页面。
产品经理或设计师在需求早期,可用文字描述快速生成页面草图或界面方案。适合在方案讨论和方向对比时使用。
团队可基于截图或网址提取现有界面的结构与风格,生成新的设计稿或主题 token。适用于重设计、仿真参考和设计系统整理。
它用于根据提示词、截图和网址生成 UI 设计,并可服务于 AI 编码代理与主题 token 相关流程。给定信息未说明更多细节。
已知支持三类输入:文本提示词、截图和网址。是否支持更多输入形式,见源码仓库。
给定描述明确提到 UI design 和 theme tokens,并说明面向 AI coding agents,但未直接说明是否生成代码。更具体的输出形式见源码仓库。
帮助完成设计需求分析、视觉元素提取、方案生成与视觉审查。
为 AI 编码代理提供设计指导、界面代码建议与设计评审支持。
帮助生成界面设计规范、获取配色方案并检索品牌设计参考素材。
帮助 AI 理解并操作网页界面,完成导航、元素识别与状态追踪。
将参考界面提炼为可量化的设计DNA,并据此生成风格一致的UI方案。
本地调用 Claude Design 生成高质量 UI 模型、原型和演示页面。