当前位置: 首页 > news >正文

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右侧显示进度

http://www.jsqmd.com/news/472850/

相关文章:

  • SGP.22 eSIM通信原理-打电话
  • CGAL ::Surface Mesh 参考文档examples详解
  • 【大白话】视频文件这么小,画质却还这么好?一次搞懂编码(H.264/H.265)与封装(MP4/MKV)的“爱恨情仇”
  • map的[]运算符,这个看似方便的语法,藏着怎样的魔鬼?
  • 洛谷P8218 【深进1.例1】求区间和 考点:一维前缀和
  • 双有源桥式DC-DC变换器仿真及Matlab建模实践:自行设定输入输出电压值与基础讲解
  • K8s Service
  • 供应链产研交付提效:后端开发提效实战
  • S款直流一体机模块问题排查指导
  • effective-Objective-C-大中枢派发
  • “十五五”具身智能新基建:虚实融合训练场与Agent协同控制平台深度解析(WORD)
  • 期货软件开发「启动加载页 / 初始化窗口」
  • Python抓取广东省各城市租房数据并存储
  • 【研报216】2026年智能驾驶产业市场趋势与用户需求分析:AI 重构汽车价值链
  • 基于springboot城市智慧养犬管理平台
  • 4-Kotlin核心语法-数据类与密封类
  • 为什么防御 DDoS 攻击的成本这么高?
  • 基于AWS CAF构建标准化云治理体系,助力企业实现安全合规与可持续优化
  • CTF保姆级教程:从零基础到参赛拿奖,2026年最全指南!
  • 花8000买的商标竟是“废标”?内行人教你3步避开90%的坑
  • Java字符串反转,统计字符串中字符类型及频次
  • 爬虫识别与防御
  • Flutter 三方库 icc_parser 的鸿蒙化适配指南 - 高效解析 ICC 颜色配置文件,精准还原跨平台色彩表现
  • 原儿茶醛市场洞察:2026 - 2032年复合增长率(CAGR)为4.6%
  • 三相电压型SVPWM整流器仿真与控制策略分析,双闭环PID控制,输出电压600V(可自行调节)...
  • 氛围编程的一些体会
  • 权威认证 + 实战教学 守嘉职业技能三大热门培训 为健康产业输送专业人才 - 品牌排行榜单
  • OpenClaw Runtime 源码级解析:从 CLI 到 Agent Execution Engine
  • P1908 逆序对
  • Oracle 故障应急处理手册-RAC 投票盘(Voting Disk)故障恢复