Skip to main content
There are two ways to create a storefront on Colossal. You can use: Both methods use the same underlying tooling, so you can expect great results no matter which one you pick.

​
Storefront Agent flow

Creating a storefront using Storefront Agent is very straightforward - all you have to do is create a new project and describe what do you want to create. Once the initial build is complete, you can start iterating on your storefront just as you would with a local AI agent.

​
CLI flow with local agent

​
Scaffold the project

  1. Run the create command. You’ll be redirected to authenticate with Colossal.
  2. Choose an existing project or create a new one. New projects can be seeded with demo products.
  3. The starter template is cloned, dependencies are installed, and your .env is configured.
  4. Visit http://localhost:3000 to see your storefront.
Pass --store-uid to bypass authentication and store selection in CI or automated environments:

​
Install agent skills

Add the agent skills so your AI coding agent knows the SDK, the design library, and how to apply a reference:

​
Generate the design

Ask your agent to build the storefront.

Create a beautiful store for my rap-inspired streetwear brand

Open in Cursor
The agent picks a reference from the Design Library, applies the theme into your project, and designs you a storefront using best practices and components from our design library.

​
Example

A live storefront built with this flow:

jackys.colossal.store — built with the React Vite starter and the Design Library

​
Next steps

Storefront SDK

Hooks for products, cart, and checkout.

Create an automation

Automate orders, notifications, and reports.

Connections

Connect Stripe, Klaviyo, Slack, and more.