WorkBuddy(Claw)原型设计之Axhub实战篇

Axhub布道篇,单击此处跳转

准备工作

  1. Codebuddy_CN、WorkBuddy(Claw):国内版,积分可通过官微活动领取或购买

  2. 谷歌系浏览器:Chrome、Quark、Edge(基于Chromium开源项目的浏览器)

  3. Axhub插件:https://axhub.im/chrome/

集成飞书

参考官方文档配置飞书机器人,然后通过聊天形式发起任务,自动调用WorkBuddy,Claw模式自动分析需求拆解任务并生成可网页预览结果

飞书客户端集成WorkBuddy传送门:https://www.codebuddy.cn/docs/workbuddy/Feishu-Guide

使用方式

WorkBuddy直接生成HTML网页

在飞书对话中对集成的workbuddy机器人进行自然语言提问后回车即可,如:

"创建1个手机登录页面,实现多种安全验证的功能交互,最终生成1个可交互的html网页并自动打开"

飞书发送消息后聊天对话框返回文字结果如下:

如想更生成结果更准确,可通过"行业、受众、功能、风格"4个维度将需求描述清楚,在飞书或WorkBuddy聊天窗口继续提问,如:

"创建1个手机登录页面,toG业务的政务系统使用,支持政务网统一身份认证一键进入,腾讯系风格,实现多种安全验证的功能交互,最终生成1个可交互的html网页并自动打开"

生成网页后,产品经理给到前端工程师修改or直接用于项目前端工程,也可将网页复制到Figma或Axure(Axhub托管),通过分享的方式与团队进行协作

Axhub插件网页转Figma或Axure

浏览器开发者模式下安装Axhub的crx插件,打开需要的网页后,点击Axhub插件->复制到Figma或复制到Axure->到Figma或Axure中直接复制粘贴->进一步设计其他原型页面

当然,如果有其他感兴趣的在线原型或网页页面,觉得合适的可以直接通过插件复制到对应的原型设计工具中自用

注意:

Figma:预先安装Figma客户端,复制前需先提前打开Figma客户端

Axure:预先安装RP11 3743以上版本,复制前需先提前打开Axure客户端

复制到Axure

复制到Figma

Figma复制到Axure

Figma客户端安装Axure插件后,可直接将全部元素或选中元素直接复制到剪切板,在Axure画布中直接粘贴即可

CodeBuddy与Figma直接联动

Codebuddy基于"图片+需求描述"或Figma图片页面生成html网页代码

注意:提前在CodeBuddy中打开Figma页面,可右击元素"添加到对话",CodeBuddy右侧显示进度

相关推荐
Elastic 中国社区官方博客4 小时前
从建议到修复的 4 个阶段:使用 Elastic Workflows 实现人在回路中的自动化
运维·数据库·人工智能·后端·elasticsearch·ai·自动化
码视野5 小时前
基于 Spring Boot + Vue3 的【城市地下燃气管网微泄漏感知与相邻地下空间燃爆预警中台】设计与实现(含PRD/三端高保真源码/大屏)
java·前端·人工智能·spring boot·后端
土星云SaturnCloud5 小时前
大型仓储AI视觉全场景落地实战:安全·效率·库存,32TOPS土星云边缘算力赋能分区部署
服务器·人工智能·ai·边缘计算
智塑未来5 小时前
2026年边缘计算网关哪个品牌好?多厂商边缘算力能力横评
人工智能·边缘计算
ShallWeL5 小时前
【Agent工程】(6)—— 危险写操作与二次确认
人工智能·agent·工作流·智能体
具身AGI5 小时前
基座模型架构之争,物理AI 人类学习路线 的双脑答案
人工智能·学习·架构
DeepIntelli5 小时前
GEO服务、传统网页优化与AI问答引流的区别:从工程视角看三者的目标、链路与验收方式
人工智能
SmartBrain5 小时前
以史为鉴,对AI时代企业数字化转型的启示
人工智能·架构·创业创新
阿宁学科技术库5 小时前
关于“库库AI”在股票投研场景实用性的技术观察
大数据·人工智能·职场和发展
AR-26710-5 小时前
机器学习复习Day8——异常检测
人工智能·python·机器学习·scikit-learn