零代码用 Claude Code 开发 3D 城市住房模拟器
一位零编程基础的城市规划师利用 Claude 和 Claude Code，开发了一款免费的芝加哥 3D 住房危机模拟器网页端游戏。Claude 编写了所有代码、数据脚本、测试截图及托管配置，用户则负责提供专业领域知识、政策与设计决策。
Reddit r/ClaudeAI/u/kylef5993
ClaudeClaude CodePythondeck.glGitHubCloudflare
收录于 2026-10-31 · 原文发布于 2026-10-13
操作步骤
- 1在 Claude App 中使用 Artifacts 功能起步，当项目变大后切换到 Claude Code。
- 2让 Claude 编写 Python 脚本，将城市开放建筑底图、街道和分区地图处理为按街区划分的小文件，并在本地运行脚本处理数据。
- 3用自然语言描述需求，让 Claude 用 HTML 和 deck.gl 编写 3D 地图游戏，并根据生成的界面提出修改意见，全程不手动改代码。
- 4让 Claude 查找数据来源并进行事实核查（检查约 50 个数据），提供三种视觉风格草图并选择其一。
- 5让 Claude 在无头浏览器中截取手机和桌面端屏幕，以捕获布局错误。
- 6让 Claude 设置 GitHub 仓库、Cloudflare 托管以及匿名方案画廊的后端，通过推送到 GitHub 部署网站。
中文平台玩法
运营人员可以参考此模式，将行业专业知识与 AI 结合，快速零代码开发用于用户互动、知识科普或品牌宣传的专属 H5 与网页模拟器，并在小红书或公众号分享打造个人 IP。
可复制提示词
我需要开发一个基于 3D 地图的浏览器网页模拟器，主题是[在此输入主题，例如城市住房危机模拟]。请帮我编写 Python 脚本处理相关的公开数据集，并使用 HTML 和 [deck.gl] 构建 3D 地图前端。请根据我的业务逻辑设计互动机制、政策选项和目标，并协助设置 GitHub 仓库和托管配置。
#Claude Code#独立开发#零代码#模拟器
相关用例
内容由 AI 依据原文翻译整理，细节以原帖为准；版权归原作者。