​

Using the AI Chat Panel

​

Chat Interface

​

Input Area

• Text field - Type your request
• Send button - Submit your prompt
• Image upload - Attach reference images (some agents)

​

Message History

• Your prompts appear on the right
• AI responses appear on the left
• Actions and confirmations are logged

​

Creating with Chat

​

Basic Website Creation

Create a website for a coffee shop called "Bean There" 
with a menu, about us, and contact page

​

Specific Page Creation

Create a landing page for a SaaS product with 
hero section, features, pricing, and testimonials

​

Content Generation

Create a blog post about the benefits of remote work

​

Writing Effective Prompts

​

Be Specific

​

Include Context

• Business name and type
• Target audience
• Key features needed
• Preferred style (modern, minimal, bold)

​

Mention Sections

• Hero section
• Features/services
• Testimonials
• Pricing
• Contact
• Footer

​

Sample Prompts

​

Business Website

Build a professional website for "TechStart Solutions", 
a B2B software company. Include hero with CTA, 
services section, client logos, testimonials, 
and contact form.

​

E-commerce

Create a product landing page for wireless headphones. 
Include product images, features list, specifications, 
reviews section, and buy now button.

​

Portfolio

Design a creative portfolio for a UX designer. 
Include case studies grid, about me section, 
skills, and contact information.

​

Chat Actions

• Edit - Open in website editor
• Regenerate - Try again with same prompt
• Modify - Ask for specific changes

​

Tips

• Start broad, then refine
• Use follow-up messages for adjustments
• Reference previous context in conversation
• Upload images for design inspiration

​

Next Steps

• Browsing templates
• AI Agents guide
• Writing effective prompts