VibeDesign

VibeDesign能分析任意页面的颜色、排版、阴影、组件及动画，为Replit、Claude Design等AI编码工具生成可直接粘贴的提示。打开侧边栏点击图标，两秒内扫描实时DOM完成分析，无需联网。复制提示粘贴到工具即可，同一网站重新打开面板上次提示自动恢复。还能捕获完整设计令牌集，按域名保存提示，可选连接AI添加书面设计方向，免费账户可跨设备同步历史记录，可选择AI模型，无需API密钥，无成本可离线工作。

产品功能

• 将任何网站的设计转化为编码提示，一键抓取网站设计并粘贴到AI工具
• 打开侧边栏，点击Chrome工具栏中的VibeDesign图标，无需切换标签
• 点击“Analyze Page”，VibeDesign扫描实时DOM，两秒内完成分析，无需向外部服务器发送网络请求
• 复制提示并粘贴到Claude Design、Replit、Bolt、Lovable或Figma Make等工具中，可获得最佳效果，同一网站重新打开面板，上次提示自动恢复
• 捕获完整设计令牌集，包括调色板、CSS变量、字体、间距比例、阴影、边框半径、运动令牌和检测到的UI模式
• 每个生成的提示按域名保存，同一网站重新打开扩展，上次提示已在，无需重新生成，无额外API成本
• 可选连接Gemini、Claude或OpenAI，为提示添加书面设计方向部分，AI分析提取的令牌并撰写涵盖字符、节奏、排版、颜色、形状和交互的7段摘要
• 保存每次分析，匿名保存扩展历史面板中按域名索引的最后30个网站，免费账户可跨设备同步无限历史记录，可在vibedesign.tech/dashboard查看、访问和删除过去的分析
• 免费账户提供跨设备同步和vibedesign.tech的仪表板，可查看过去的分析，匿名模式无需账户即可完全使用，每月5个提示，本地历史记录，无需注册
• 仅分析所需内容，如颜色、排版、阴影、运动、布局或组件，用于提取特定令牌而不生成完整提示
• 可选择AI模型，默认使用基于规则的引擎生成提示，无需API密钥，无成本，可离线工作，连接AI提供商可添加书面设计方向部分