Settings

My Projects0
Help Center

CodeCraft Help Center

Learn how to get the most out of CodeCraft

How to Use CodeCraft

1. Enter Your Idea

Describe what you want to build in the text area. Be as specific as possible.

2. Choose Your Model

Select the appropriate Gemini model based on your project complexity.

3. Generate & Preview

Watch as your code is generated in real-time with a live preview.

4. Download or Deploy

Download your code as a ZIP file or deploy directly to Vercel.

Model Selection Guide

gemini-2.0-flash-exp

Latest experimental model with enhanced capabilities for complex code generation and deeper context understanding.

Best for: Complex applications, advanced features, detailed requirements

gemini-1.5-flash

Fast and efficient model optimized for quick code generation and simple to moderate complexity tasks.

Best for: Quick prototypes, simple apps, fast iterations

Tips & Best Practices

Be Specific in Your Prompts

Include details about functionality, styling preferences, and any specific libraries you want to use.

Use the Enhance Prompt Feature

Let AI improve your prompt for better results by clicking the 'Enhance Prompt' button.

Iterate and Refine

Use the follow-up input to make changes and improvements to your generated code.

Save Your Projects

All your projects are automatically saved in your browser for easy access later.