This is a template
This template is designed to resemble the Gameplan platform. Some things may look a little different, but most views should closely match the real product.
The goal of this template is to make it easy to build and test prototypes. It's not meant to perfectly reflect the final design — instead, it's here to help you quickly test flows, interactions, and ideas that would otherwise take a long time to build.
Get started by editing the code or using an agent to make changes for you. Don't worry too much about writing perfect code here — the focus is on moving fast and bringing your ideal flow to life as quickly as possible.
Components and styles
We've included some of our components here to help you get started faster. Feel free to use them however you like.
Keep in mind that some styles may differ slightly from how they appear in the actual platform. The goal of these components isn't to be perfectly polished, but to help you prototype and test ideas quickly.
Use the playground to explore the different components and see their various states in action.
Layout
Just like the platform itself, this template can support two sidebars — one on the left and one on the right.
Whenever you need them, simply prompt your agent to add the sidebars for you.
Reference the component names
When prompting and adding components, make sure to reference the component names used in the playground.
You can still use the Figma connector to link your designs to the agent, but keep in mind that the names may not always match exactly. If you want to be more specific, tell the agent which component from this codebase library it should use.