Generating Previews

Create shareable demo pages from the contracts you've deployed through Virtual Cofounder.

Prerequisites

• An active conversation with Virtual Cofounder
• At least one deployed contract (NFT collection, marketplace, token, etc.)
• The contract address from your deployment

If you haven't deployed anything yet, start with one of the Guides to build your first project.

Step 1: Build Your Application

Deploy the contracts that make up your project. For example:

Deploy an NFT collection called "Cosmic Cats" with symbol "CATS"

Or set up something more complex:

Deploy a marketplace for my Cosmic Cats collection

Save the contract addresses Virtual Cofounder gives you — you'll reference them in the preview.

Step 2: Request a Preview

Once your contracts are deployed, ask Virtual Cofounder to generate a preview:

Generate a demo preview for my Cosmic Cats NFT collection

Or for a multi-contract project:

Create a demo preview showing my NFT collection and marketplace together

You can also use more casual language:

I want to share this project with my team — can you make a demo preview?

Virtual Cofounder will identify the relevant contracts, select appropriate components, and generate an interactive page.

How Components Are Selected

When you request a preview, Virtual Cofounder analyzes your deployed contracts and assembles the right combination of components. For example:

• A CW721 contract gets an NFT gallery with collection stats
• A CW721 + marketplace gets a full marketplace view with listings and buy buttons
• A CW20 token gets a token dashboard with supply and balance info
• An auction contract gets live auction state with bid history

You don't need to know the component names — just describe what you want to show and the system matches the right pieces. See Available Components for the full list of supported contract types.

Step 3: Customize (Optional)

You can influence how the preview looks and what it includes:

Theme and Layout

Every preview uses one of three layout styles:

Previews support light and dark themes. Dark is the default. Request your preferences when you generate:

Make the demo preview dark mode with a grid layout

Use a two-column layout with light theme for the demo preview

Specific Features

Generate a demo preview for my NFT collection with collection stats and a grid layout

Create a demo preview for my auction that includes the bid history and current auction state

Generate a demo preview for my CW20 token showing the token supply, minter info, and top balances

Create a demo preview for my marketplace with a buy button and fee breakdown

Descriptive Context

Add a description that says "Cosmic Cats is a generative art collection on Andromeda"

If you don't specify preferences, Virtual Cofounder picks sensible defaults — dark theme, single-column layout, and components matched to your contract types.

Step 4: Get Your Link

After generation completes, Virtual Cofounder shares the preview URL in the chat. Copy it and send it to anyone — the page is immediately live.

Example Workflow

Here's a complete flow from deployment to shareable preview:

Switch to testnet

Deploy an NFT collection called "Space Explorers" with symbol "SPACE"

Mint an NFT with token ID 1, name "Pioneer", and description "The first explorer"

Mint an NFT with token ID 2, name "Navigator", and description "Charting new paths"

Generate a dark mode demo preview for my Space Explorers collection

Virtual Cofounder returns a URL you can open in any browser to see your collection displayed interactively.

Tips for Better Previews

Be Specific About What to Showcase

The more context you provide, the better the result. Instead of "make a demo preview," describe what the viewer should see.

Start on Testnet

Practice the full workflow on testnet before generating previews for mainnet deployments.

Include Multiple Contracts

Previews are more interesting when they show related contracts together — like an NFT collection paired with its marketplace.

Mention Layout Preferences Early

If you know you want a grid layout or dark theme, include that in your initial request rather than regenerating later.

Troubleshooting

Preview generation failed

Check that your contracts are still deployed and accessible. If you recently switched chains, make sure you're on the right network.

Preview doesn't show expected components

Try being more specific about what you want to see. You can request particular features by name.

Want to update an existing preview?

Ask Virtual Cofounder to generate a new preview — each generation creates a fresh page with its own URL.

Next Steps

• Sharing & Viewing — How to share your preview and manage past ones
• Available Components — See what types of interfaces are supported