Skip to content
nebu.life
中文
Agent use cases

Build a 3D city housing simulator with Claude Code with zero coding

A city planner with zero programming experience used Claude and Claude Code to develop a free web-based 3D Chicago housing crisis simulator. Claude wrote all the code, data scripts, test screenshots, and deployment configurations, while the user provided domain expertise, policies, and design decisions.

Reddit r/ClaudeAI/u/kylef5993
ClaudeClaude CodePythondeck.glGitHubCloudflare

Added 2026-10-31 · originally published 2026-10-13

Steps

  1. 1Start using the Artifacts feature in the Claude App, and switch to Claude Code as the project grows.
  2. 2Have Claude write Python scripts to process open urban footprint, street, and zoning maps into small, block-by-block files, and run the scripts locally to process the data.
  3. 3Describe requirements in natural language, have Claude build a 3D map game using HTML and deck.gl, and provide feedback on the generated interface without manually editing any code.
  4. 4Ask Claude to find data sources and fact-check about 50 data points, provide three visual style sketches, and select one.
  5. 5Have Claude capture mobile and desktop screenshots in a headless browser to catch layout bugs.
  6. 6Have Claude set up a GitHub repository, Cloudflare hosting, and a backend for an anonymous scenario gallery, and deploy the website by pushing to GitHub.

Ideas for Chinese platforms

Operators can reference this pattern to combine industry expertise with AI to quickly build custom H5 and web simulators with zero coding for user engagement, knowledge popularization, or brand promotion, and share them on social platforms to build a personal brand.

Copy-ready prompt
I need to develop a 3D map-based browser web simulator themed around [enter theme here, e.g., urban housing crisis simulation]. Please help me write Python scripts to process related open datasets, and build the 3D map frontend using HTML and [deck.gl]. Design interactive mechanics, policy options, and objectives based on my business logic, and assist with setting up the GitHub repository and hosting configuration.
View original post
#Claude Code#Indie Development#No Code#Simulator

Related use cases

Build a real-time file tree panel for Claude Code

Developers built a free, open-source real-time file tree panel for Claude Code that displays files read and edited by Claude, along with current operation status, right beside the chat window. It supports desktop, VS Code extensions, and terminals, running entirely locally.

Explore 10 Claude Code skill repositories

This article lists 10 Claude Code skill repositories to help users access a rich library of skills for extending Claude Code capabilities.

Reuse 10 GitHub repositories to quickly set up a Claude Code workflow

Curated 10 GitHub repositories covering best practices, skill libraries, toolkits, and rules to help users skip the zero-to-one setup phase and directly copy guides, agents, hooks, and rules for immediate use.

Found this useful? Get daily updates on Telegram or X.

Join on TelegramFollow @CaiXiang23766

Summarized by AI from the original source - refer to the original post for details. Copyright belongs to the original author.

nebu.lifeNebula AI Playbook · Daily AI use cases, prompts and prices

Content is collected daily from public sources and summarized with AI. Every entry links to the original, and copyright stays with the original authors. Spotted an error or a rights issue? Let us know via the contact page.

Last updated 2026-11-02 12:11 (Beijing time)