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

相关推荐
您^_^21 小时前
专家(一):Claude Code 微服务实战——6 个服务从拆分到 K8s 部署,$0.45 全套 YAML 照抄
人工智能·windows·微服务·架构·kubernetes·个人开发·claude code
沪漂阿龙21 小时前
面试题:Transformer 模型详解——核心创新、编码器解码器结构、位置编码、因果掩码与大模型基础全解析
人工智能·深度学习·transformer
JunLa21 小时前
Agent Basic 上篇
大数据·人工智能·agent
Raink老师21 小时前
【AI面试临阵磨枪-57】如何防止 Prompt 注入、越狱、敏感信息泄露
人工智能·面试·prompt·ai 面试
沪漂阿龙21 小时前
面试题:预训练模型详解——GPT、BERT、T5 结构与训练目标、预训练微调范式、Transformers 加载 BERT 实战全解析
人工智能·深度学习
数智工坊21 小时前
【CLIP论文阅读】:基于自然语言监督的通用视觉预训练范式
论文阅读·人工智能
wanhengidc21 小时前
显卡服务器都有哪些功能
运维·服务器·人工智能·科技·智能手机·云计算
janeysj1 天前
OpenDeepResearch源码解析和二次开发
人工智能·langchain
redgxp1 天前
启发式算法WebApp实验室:从搜索策略到群体智能的能力进阶(七)
人工智能·机器学习·数据挖掘
qq_411262421 天前
四博AI双目智能音箱方案升级:会说话、会眨眼、会互动,还能接入客户自己的小程序和后端
人工智能·智能音箱