Learning Timeline
Key Insights
Avoid the Standard Image Model
If you use the standard image model in Gemini, it will only produce static design images that cannot be edited (they look 'okay' but aren't practical). Use 'Canvas' to get code that you can use immediately.
Prompts
Landing Page Generation Prompt
Target:
Gemini Canvas
Create a clear and engaging landing page explaining what Skill Leap offers
Step by Step
Generating Landing Page Code with Gemini Canvas
- Open the Gemini interface in your browser.
- Find and activate the 'Canvas' feature (do not use the standard image model).
- Enter a prompt describing the landing page structure and content into the chat box.
- Click the send button to start the generation process.
- Review the output; Gemini Canvas will generate the actual code rather than just a static image.