Starting New Projects

A shared folder with AI prompts and code snippets

From workspace: Bolt

Team: Main

Total snippets: 6

Bolt

Starting New Projects

6 snippets

For Design Systems

Look at this card design: [paste code] Create a product grid using the same: - Shadow effects - Border styles - Color scheme - Spacing patterns

Style Pattern Library

Save working components and styles. Use these prompt formats. For New Components.

Using this button style: [paste button code] Create matching components for: - Form inputs - Cards - Alert messages

Adapting Designs You Love

Found a design you love? Here's how to use it: 1. Find and copy component code (or screenshot) 2. Show it to bolt.

Make my navigation menu look like this style: [paste component code/screenshot] Keep the same visual style but change it to include these menu items: - Home - Products - About Us

Break Down into Pieces

Instead of building everything at once, request specific parts: 1. First, the main page 2. Then, the listing form 3. Next, the search feature 4. Finally, user profiles #Pro Tips: - Break large files into logical components (header, main...

Core Prompting Strategies

Start with the Big Picture: Begin with your end goal and work backwards, Let bolt interpret your vision before diving into specifics, Be intentionally vague sometimes - bolt often surprises you with better solutions

I want to build a marketplace app where: - Users list items for sale - Buyers browse and purchase - Sellers track their sales [other stuff you want]

Starting New Projects template

Use this template to begin:

“I need a [type] application with: Tech Stack: - Frontend: React with TypeScript - Styling: Tailwind CSS - Auth: Firebase - Database: [choice] Core Features: 1. User authentication 2. [Main feature] 3. [Secondary features] Start with the main...

Bolt - Starting New Projects - AI Prompts & Code Snippets | Snippets AI