WUXING CITY

WuXing City uses the Five Elements (Metal, Wood, Water, Fire, Earth) to turn your birthday into a destiny-matched city you can walk through.

Comment

Inspiration

WuXing City began at a moment of transition.

Our team is made up of designers, product thinkers, and non-traditional programmers. This hackathon was the first time many of us experienced AI-powered “vibe coding”—a moment where ideas no longer felt limited by technical ability.

At the same time, we were facing real-life uncertainty. Many of us were graduating, changing cities, and choosing jobs. Despite having more information than ever, we still felt unsure. Rankings, spreadsheets, and rational comparisons didn’t answer the deeper question:

Where do I actually belong?

In Chinese culture, WuXing (the Five Elements: Metal, Wood, Water, Fire, Earth) has long been used to understand a person’s nature and their relationship with the world. During times of confusion, it offers not certainty, but direction.

We wanted to bring this idea into a modern context—using AI not to predict the future, but to reduce anxiety, spark imagination, and help people feel grounded when making life decisions.

That idea became WuXing City.

What it does

WuXing City turns birth information into an explorable, destiny-based city experience.

  • Interprets user input through a Five Elements–based reasoning framework
  • Recommends a destiny-matched city with explainable logic
  • Generates a personalized 2D character
  • Creates an interactive 2D pixel city world
  • In each city, users can interact with fortune cookies—small moments of guidance and encouragement tied to the city’s elemental energy

These fortune cookies are designed as moments of pause, offering comfort, reflection, and a sense that the city is quietly responding to the user’s journey.

How we built it

Gemini powers WuXing City end-to-end.

  • Translates WuXing philosophy into structured AI reasoning
  • Maintains long-context consistency across logic, visuals, and narrative
  • Generates city identities, character styles, and fortune cookie messages, with visual assets created through Nano Banana image generation
  • Built and iterated using Antigravity IDE, enabling rapid prototyping and experimentation for a non-traditional engineering team

Challenges we ran into

  • Balancing cultural depth with global accessibility
  • Making the experience feel magical without feeling arbitrary
  • Keeping AI-generated outputs visually and narratively consistent

Accomplishments that we're proud of

  • Shipping a complete, end-to-end interactive prototype
  • Turning a cultural philosophy into a playable, explorable experience
  • Empowering designers and non-traditional programmers to build with AI
  • Creating an experience audiences can understand in under 30 seconds

What we learned

  • AI can empower creativity, not just efficiency
  • Emotional resonance matters as much as intelligence
  • Strong prompt and context design are key to coherent AI experiences

What's next for WUXING CITY

  • Expanding to more cities and professions
  • Adding richer character states and interactions
  • Introducing more narrative moments and hidden easter eggs
  • Enabling richer sharing formats such as short videos and stories

Built With

Share this project:

Updates