用 Claude 三步搭建可点击的 3D 业务数据看板
Claude can now build dashboards that are completely animated Instead of a boring website dashboard, you get a live 3D world of your business. Click any van, shelf or customer and see its real numbers. How to build one in Claude in 3 steps: 1. Connect your data (Stripe for an e-com brand, Square for a coffee shop) 2. Ask Claude to design your business as a 3D world, from a photo or a description, and turn every part of your data into something you can click 3. Tell Claude to build it with Three.js, the free 3D library, so every object opens its own stats card Comment DASHBOARD and I'll send you the step-by-step guide with all three prompts. #claude #claudeai #ai #dashboard #threejs #aitools #ecommerce #SmallBusiness
博主演示用 Claude 分三步搭建可点击的 3D 业务看板,点击货车、货架或客户即可查看对应的实时数据。第一步把业务数据接入 Claude,例如电商品牌接 Stripe、咖啡店接 Square;第二步用照片或文字描述让 Claude 把业务设计成 3D 世界,并把每部分数据变成可点击对象;第三步要求 Claude 用免费 3D 库 Three.js 构建,让每个对象弹出自己的数据卡片。
原文给出三步做法和 Three.js 关键提示词,适合录屏演示从连接 Stripe 数据到点开 3D 对象看实时数字的完整流程。
- 浏览
- 2503
- 点赞
- 99
- 评论
- 8
- 分享
- 21
- 收藏
- 113
数字来自平台,为最近一次抓取时的数据。
以下是视频口播的自动转写,可能有错字。
Claude 现在可以构建完全动画化的仪表盘,让你能看到业务中任何事物的实时数据。这是一个电商公司的仪表盘,与其看到一个无聊的网站仪表盘,我可以点击这里的任何元素,查看客户、库存水平和收入的实时统计。
这就是你在 Claude 中通过三个简单步骤做到这一点的方法。第一步,你要把你的数据连接到 Claude。例如,如果你是一个电商品牌,你会连接你的 Stripe。
而如果你是一家咖啡店,你就连接你的 Square 销售数据。第二步,你要让 Claude 把你的业务设计成一个 3D 世界。
所以给它一张照片,或者告诉 Claude 你的业务是什么样子。然后让 Claude 把你数据的每一部分都变成可以点击的东西,比如客户、产品或送货车辆。
第三步,这是大多数人搞错的最重要部分。你要告诉 Claude 使用一个名为 three.js 的免费 3D 动画库来构建它。
这会让每个对象都动起来,这样你就可以点击任何东西并查看其背后的统计数据。所以只需在下面评论 dashboard,我就会把分步指南发给你。
来源:TikTok · nocode.joshua · tiktok.com