用 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 can now build dashboards that are completely animated, so you can see live data about anything in your business. This is a dashboard for an ecom company, and rather than seeing a boring website dashboard, i can instead click on any element here and see the live stats of customers, stock levels, and revenue.
This is exactly how you can do this in claud in three easy steps. Step one, you're gonna connect in your data to claud. For example, if you're an ecom brand, you'd connect in your stripe.
Whereas if you're a coffee shop, you connect in your square sales data. Step two, you're gonna ask claude to design your business as a 3d world.
So give it a photo or tell claude what your business looks like. Then ask claude to turn every part of your data into something you can click on, like customers, products, or delivery vans.
Step three, this is the most important part that most people get wrong. You're gonna tell claude to build it using a free 3d animation library called 3 dot js.
This will animate every object, so you can click on anything and see the stats. Behind it, so just comment dashboard below and I'll send you the step by step guide.
来源:TikTok · nocode.joshua · tiktok.com