Inspiration
In elementary I met my best friend through a shared interest in the trading card game 'Yu-Gi-Oh!'. But during Covid, my only way to play the game was through a site where players had to manually move cards and try to play by the rules using confusing navigation. That's why I wanted to create a site where players can communicate rule-sets in natural language and have an AI enforce the rules for them.
What it does
Players can use AI agents to create trading card games with various rule-sets and cards using an AI Agent. They can play online by creating and joining rooms, and they can view other people's games as well.
How I built it
I used the Spacetime Database to have player moves communicated swiftly. The website is organized using ReactRouter. The Agent is built with Grok. The frontend and backend are both written in TypeScript and deployed with Render. I used Codex and Cursor to accelerate development.
Challenges I ran into
One thing I found challenging was keeping AI development tools reigned in so that I still understood all of the projects code. Increasing prompt specificity helped with this. Another challenge was building the constraints for agent to build games within, as it was difficult to balance having a variety of options with making sure the Agent had clear functions for each task it came up with. Also, it was challenging to tune down how long the agent spends on tasks.
Accomplishments that I'm proud of
I'm proud of being able to tie the tech-stack together and actually deploy it.
What I learned
I learned that AI Agents are more capable than I thought. I also learned that spending a long time determining the scope of a project pays off tremendously.
What's next for TCG Unlimited
It would be nice to have a second AI agent that can play the game and be added to rooms by players who want to play solo or maybe just need one more player.
Built With
- grok
- motion
- react
- render
- spacetime
