给佬们推荐一个ai design项目
- 内容介绍
- 文章标签
- 相关推荐
最近一直在找UI设计的工具 体验过论坛佬开发的
【教程】Design-Learn:收集自己喜欢的 UI/UX 设计风格 MCP
体验还不错 差不多是clone网站风格让智能体复现 但是如果需要定位到某个位置让智能体修改 自然语言形容起来比较费劲
最近在github上找到了这个项目能够可视化精准的找到需要修改的地方让智能体修改 佬们可以试试
目前项目仅支持react18+项目 只需要在项目中用npm引入该包就能够通过可视化添加需要修改的地方 然后copy callback给智能体按提示修改
佬们有兴趣可以参考它的开源代码,把这套“可视化圈选 DOM → 提取选择器 → 生成结构化 Markdown”的逻辑用 Vue 重新封装成一个全局调试组件
image1677×829 106 KB
callback看起来像是这样的:
## Page Feedback: /
**Viewport:** 1686×835
### 1. Area selection
**Location:** region at (1161, 113)
**Feedback:** 添加一个天气组件
### 2. Area selection
**Location:** region at (1126, 521)
**Feedback:** 此处添加词云 风格兼容整体样式
项目地址:https://github.com/benjitaylor/agentation
网友解答:--【壹】--:
感谢佬友分享,最近正好遇到类似设计的问题
最近一直在找UI设计的工具 体验过论坛佬开发的
【教程】Design-Learn:收集自己喜欢的 UI/UX 设计风格 MCP
体验还不错 差不多是clone网站风格让智能体复现 但是如果需要定位到某个位置让智能体修改 自然语言形容起来比较费劲
最近在github上找到了这个项目能够可视化精准的找到需要修改的地方让智能体修改 佬们可以试试
目前项目仅支持react18+项目 只需要在项目中用npm引入该包就能够通过可视化添加需要修改的地方 然后copy callback给智能体按提示修改
佬们有兴趣可以参考它的开源代码,把这套“可视化圈选 DOM → 提取选择器 → 生成结构化 Markdown”的逻辑用 Vue 重新封装成一个全局调试组件
image1677×829 106 KB
callback看起来像是这样的:
## Page Feedback: /
**Viewport:** 1686×835
### 1. Area selection
**Location:** region at (1161, 113)
**Feedback:** 添加一个天气组件
### 2. Area selection
**Location:** region at (1126, 521)
**Feedback:** 此处添加词云 风格兼容整体样式
项目地址:https://github.com/benjitaylor/agentation
网友解答:--【壹】--:
感谢佬友分享,最近正好遇到类似设计的问题

