Skip to main content

Prompting Tips

This page teaches you how to write prompts that get better results from the AI chat.

Be specific​

Vague prompts get vague results. Tell the AI exactly what you want.

  • Bad: "Make it look better"

  • Good: "Increase the heading font size, add 24px spacing below it, and change the background to light gray"

  • Bad: "Add a section"

  • Good: "Add a testimonial section with 3 cards, each showing a quote, author name, and company"

The more detail you give, the fewer corrections you need afterwards.

Describe the result, not the implementation​

You don't need to tell the AI which CSS properties to use. Describe what you want to see.

  • Bad: "Use flexbox with gap"
  • Good: "Put these three cards side by side with space between them"

The AI knows CSS and HTML. You describe the outcome, it picks the approach.

Work in steps​

Don't try to build an entire page in one prompt. Break it into stages.

  1. "Create a hero section with a heading and subheading"
  2. "Add a features grid below with 4 items"
  3. Switch to the Designer: "Use a dark theme with blue accents"
  4. Switch to the Writer: "Make the copy more action-oriented"

Each step builds on the last: the AI reads your page as it is now. Switching agents starts a new conversation, so say what you want in full after a switch.

Use the right agent​

Each agent has a focus:

  • Structure and blocks: Builder
  • Colors, spacing and fonts: Designer
  • Text: Writer

Asking the wrong agent wastes a turn and tokens. If you need blocks created, don't ask the Designer. If you need a color change, the Designer does it with more care than the Builder.

Give context with attachments​

Click + in the message box to attach files:

  • A screenshot of a design you want to replicate
  • A PDF with brand guidelines
  • An image from your media library to use as a reference

The more context you give, the closer the result matches what you have in mind.

Refer to what's on the page​

The AI sees your current page. Refer to existing elements naturally.

  • "Make the first section darker"
  • "Move the CTA button above the features grid"
  • "Change the heading in the hero to something about productivity"

You don't need to describe your page layout: the AI already knows what's there.

Common prompting patterns​

What you wantPrompt example
Build a layout"Create a pricing section with 3 tiers: Basic ($9), Pro ($29), Enterprise (custom)"
Fix spacing"Add more vertical space between sections and reduce padding on mobile"
Dynamic data"Show the current post's title, date, and featured image"
Create a form"Build a contact form with name, email, message, and a file upload" (add the Add forms skill)
Improve copy"Rewrite the hero headline to focus on saving time, keep it under 10 words"
Add animation"Add a fade-in animation when the cards scroll into view" (add the Add animations skill)

For whole projects, the prompts library has ready-to-use prompts for each job, from the brief to the launch.

What the chat can't do​

A few limits to keep in mind:

  • It can't visit websites or fetch live data from the web.
  • It can't install WordPress plugins.
  • It can't change your WordPress settings.
  • It works on the page or template you have open, and no other.

Styles are the exception to the last point: the CSS the AI writes is your site's. A class it changes looks different on every page that uses it.

When the editor refuses a change, the chat says so in red under the answer. You won't get a silent failure.

Common mistake

If the AI gets something wrong, don't start over. Tell it what to fix: "The spacing is too large, reduce it by half" or "Wrong color, use #1a1a2e instead". Iterating is faster than restarting.

Next steps​