# Prompts Better in Wegic

## Introduction

In Wegic, you only need to start with one sentence — the AI will actively ask for details.

This guide is not about preparing a complete requirements document. Instead, it teaches you how to express ideas efficiently in conversation and get precise revisions.

## Core Principle: Start Easy, Improve Step by Step

✅ How Wegic really works

**First sentence:** Just say whatever comes to mind

* `“Help me create a restaurant website”`
* `“I want a portfolio site”`
* `“Make a website like this” + upload an image`

**The AI will proactively ask:**

* `What style do you want?`
* `What colors do you like?`
* `What features do you need?`

**After you see the website, keep the conversation going to refine:**

* `“Make the header text bigger”`
* `“Change it to blue”`
* `“Add a contact form”`

## Best Practices

### First Time Creating — How to Start?

**❌ Don’t say this:**

User: “Make a website”

Problem: Too vague, AI doesn’t know what type of site to make

**✅ Recommended phrases:**

User: `“Help me make a coffee shop website”`

Or: `“I want a portfolio website to showcase my photography”`

Or: `“Make a website like this” [upload reference image]`

> Why it works: 
>
> Gives a clear basic direction so AI can start working and ask for more details proactively.

### When AI Asks for Details — How to Respond?

When AI ask you: “What style do you want?”

**❌ Vague answers:**

User: “Nice” or “Professional”

Problem: Everyone’s understanding of “nice” or “professional” differs

**✅ Be specific:**

**Method 1 — Describe the scenario:**

* `“Cozy, like a coffee shop vibe”`
* `“Simple and modern, like Apple’s website”`
* `“Vintage and artsy, like a bookstore”`

**Method 2 — Describe colors:**

* `“Dark tones, mostly black”`
* `“Off-white and light wood, with a Japanese feel”`
* `“Bright yellow and black, energetic vibe”`

**Method 3 — Provide references:**

* `“Like Starbucks style”`
* `“Refer to this site [link/screenshot]”`

### After Seeing the Website — How to Give Feedback?

This is the most important step! Many users get stuck here.

**❌ Ineffective requests:**

User: “Not good, change it”

* Problem: AI doesn’t know what’s wrong

User: “Make it more professional”

* Problem: What does “professional” mean here?

**✅ Efficient feedback formula:**

{% hint style="success" %}
**Location + Problem + Expected effect**
{% endhint %}

* Example 1 — Text change: `“The homepage title text is too small. Can you make it bigger and more eye-catching?”`
* Example 2 — Color change: `“The navigation buttons are blue now. Can you change them to black? It fits the overall style better.”`
* Example 3 — Image change: `“The background image in the About Us section is too busy. Can you replace it with something simple? Light gray is fine.”`
* Example 4 — Layout change: `“The three product images are arranged horizontally now. Can you change them to vertical and make each image bigger?”`

### Image Requests — How to Describe?

#### Scenario 1: Need to generate a new image

**❌ Vague request:**

“Add a picture here”

**✅ Clear description:**

`“Add a horizontal close-up photo of coffee latte art at the top of the homepage, warm tones, natural light”`

Key details to include:

* Location: Top of homepage
* Content: Coffee latte art
* Composition: Close-up
* Style: Warm tones, natural light
* Orientation: Horizontal (AI knows to generate a wide image)

#### Scenario 2: Replace an existing image

Simply say:

`“Replace this image with a photo of an outdoor café with people drinking coffee”`

### Case 5: Color Descriptions — How to Be Clear?

**❌ Hard-to-understand:**

“This color is ugly, change to something more advanced”

**✅ Effective color descriptions:**

* Method 1 — Use mood words:
  * `“Too bright, change to a more calm dark blue”`
  * `“Too dark, change to a bright yellow”`
* Method 2 — Use brand references:
  * `“Change to Starbucks green”`
  * `“Use Hermes orange”`
* Method 3 — Use scene analogies:
  * `“Like coffee brown, a dark chestnut color”`
  * `“Like the color of the sky blue”`

### Feature Requests — How to Add New Features?

Just say what you want:

**Examples:**

* `“Can you add a contact form with name, email, and message fields?”`
* `“Add a product display section with 6 products, each having a picture and price”`
* `“I need a map to show our store location”`

AI will help implement these — no technical details needed!

## Three Golden Tips

#### 1. Use “like…” to describe:

* “Like the feel of a coffee shop”
* “Like Apple’s website, simple”
* “Like a magazine cover layout”

#### 2. Explain “why”:

* “Make the title bigger because it’s the most important info”
* “Use a dark background because we are a premium brand”

  This helps AI understand your intention better.

#### 3. Give 2-3 changes at a time

Don’t ask for everything in one go. Step-by-step works better:

✅ Good rhythm:

* “Make the title bigger and change the color to black”
* After AI finishes, say: “Great! Now can you add a contact form?”

## Common Mistakes

**❌ Mistake 1: Asking for too many changes at once**

“I want to change the title, colors, images, layout, features, fonts…”

→ Suggestion: Split into 2-3 rounds, change one aspect each time

**❌ Mistake 2: Only saying what’s wrong without direction**

“This is bad”

→ Instead say: “The button is too small, can you make it bigger?”

## Summary: Remember These 3 Points

1. **For first creation:** One sentence is enough to start; AI will ask details.
2. **When AI asks:** Describe with specific scenarios, colors, or references.
3. **After seeing the website:** Give clear feedback with location + problem + desired effect.

Wegic’s advantage: You don’t need to prepare perfect requirements all at once. Build step by step through conversation and get your website just right!


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.wegic.ai/prompt/prompts-better-in-wegic.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.