ANNG Gallery 位于墨尔本 South Melbourne,是一个融合艺术展示、互动体验、社区交流与跨界合作的创新型空间。场地以“艺术与科技结合”为特色,能够承载展览、品牌活动、沙龙分享及创意社交等多种形式的线下活动。其整体调性兼具审美感、体验感与社区属性,适合作为面向年轻专业人群、高净值圈层及创意社群的活动场地,为活动提供更具话题性和沉浸感的线下体验。
Block Club(powered by CloudTech Group) 是匠人学院旗下专注于加密与 Web3 领域的垂直社群平台,围绕行业学习、信息交流与社区连接开展线上线下活动。依托其在加密兴趣人群和相关专业圈层中的影响力,Block Club 可在活动合作中提供内容传播、圈层触达与社群联动支持,帮助合作项目提升垂直人群覆盖度与活动参与质量。
活动讨论
线下活动Workshopmeetup
AI coding for web3 website Workshop
AI coding for web3 website Workshop
2026年6月17日 (周三)08:00 - 10:30 AEST
60 Albert Rd. Level-17. South Melbourne, Victoria 3205
0 / 20已报名
AI Coding for Web3 — Build & Ship Workshop
很多 Web3 项目,其实不是没有想法。
也不是合约写不出来。
真正拖住进度的,往往是最后那一步:
怎么把它做成一个能打开、能展示、能跑起来的网站。
合约写完了,前端还没搭。
项目 idea 有了,但没有一个能给别人看的页面。
钱包连接看过很多教程,自己做还是报错。
ABI、合约调用、链上数据,每次都要重新查文档。
Cursor / Claude Code 都装了,但始终没真正用进项目开发。
最后就变成:
想法一直停在 Notion 里。
合约一直停在 repo 里。
项目一直没有一个能展示的 prototype。
这场 Workshop,就是帮你解决这个卡点。
2.5 小时,用 AI 跑通一个 Web3 Website Prototype
这不是一场 AI/Web3 趋势分享。
也不是那种“老师演示,你在下面看”的活动。
这是一场线下实操 Workshop。
你会带着电脑,现场跟着工程师一步步做,用 Cursor + Claude Code 从零搭建一个 Web3 Website Prototype。
活动结束时,你带走的不是 PPT,不是教程链接,而是:
✅ 一个在你自己电脑里跑起来的 Web3 网站原型
✅ 一套可以继续修改和复用的前端项目代码
✅ 钱包连接的基础实现
✅ sample contract interaction 的实操流程
✅ 一套以后做项目还能继续用的 AI Coding 工作流
简单说:
不是来“了解 AI Coding”,而是来把一个 Web3 网站真正跑起来。
这场活动会做什么?
现场会围绕一个完整的 Web3 Website Prototype 进行实操。
你会跟着完成:
1. 用 AI 搭建 Web3 网站前端
从项目初始化开始,用 Cursor / Claude Code 辅助生成页面结构、组件和基础 UI。
你会看到 AI 不是只能回答问题,而是可以参与真实项目开发:
拆解需求
生成页面
修改组件
优化结构
辅助 debug
2. 加入钱包连接入口
Web3 网站不能只是一个普通页面。
现场会带你加入基础的钱包连接逻辑,让页面具备 Web3 交互入口。
你会理解:
钱包连接怎么接入
钱包地址怎么显示
前端如何处理连接状态
遇到报错时如何让 AI 协助排查
3. 完成 sample contract interaction
这场不会盲目承诺每个人都现场接入自己的真实合约,因为每个人的链、ABI、合约状态都不同。
我们会用更适合 workshop 的方式:
通过 sample contract / sample ABI,带你理解合约交互的基本流程。
你会知道:
前端如何读取合约信息
ABI 在前端项目里怎么用
用户交互和合约调用之间如何连接
后续如何替换成自己的项目合约
4. 跑通一个可继续扩展的项目
活动目标不是做一个一次性 demo。
而是让你带走一个能继续改、继续扩展的项目起点。
之后它可以变成:
Web3 项目官网
DApp 前端起点
Hackathon Demo
Startup MVP 页面
个人 Web3 作品集
给社区 / 投资人 / 用户看的项目展示页
为什么这场值得来?
因为很多人学 AI Coding,最大的问题不是“不知道工具存在”。
而是:
工具装了,但没有真正进入自己的开发流程。
你可能也试过:
让 AI 写一个组件。
让 AI 改一个报错。
让 AI 解释一段代码。
但做真实项目时,还是会卡住。
这场活动的重点,是让你体验一套完整流程:
从 idea 到页面,
从页面到钱包连接,
从钱包连接到合约交互,
从报错到 debug,
从本地项目到后续扩展。
你会更清楚地知道,以后做 Web3 项目时,哪些部分可以交给 AI 加速,哪些部分需要自己判断,怎么和 AI 一起把项目推进下去。
ANNG Gallery 位于墨尔本 South Melbourne,是一个融合艺术展示、互动体验、社区交流与跨界合作的创新型空间。场地以“艺术与科技结合”为特色,能够承载展览、品牌活动、沙龙分享及创意社交等多种形式的线下活动。其整体调性兼具审美感、体验感与社区属性,适合作为面向年轻专业人群、高净值圈层及创意社群的活动场地,为活动提供更具话题性和沉浸感的线下体验。
Block Club(powered by CloudTech Group) 是匠人学院旗下专注于加密与 Web3 领域的垂直社群平台,围绕行业学习、信息交流与社区连接开展线上线下活动。依托其在加密兴趣人群和相关专业圈层中的影响力,Block Club 可在活动合作中提供内容传播、圈层触达与社群联动支持,帮助合作项目提升垂直人群覆盖度与活动参与质量。
适合谁学习
💼
求职与转行人士
希望进入科技行业或寻找新机会的职场人
🎓
在读学生
想了解行业动态、拓展人脉的大学生及应届毕业生
🚀
技术从业者
希望持续成长、与同行交流的开发者和工程师
活动地点
活动地点
60 Albert Rd. Level-17. South Melbourne, Victoria 3205