Skip to main content

Prompting Tips

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

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 follow-up corrections you need.

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 best 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 Designer: "Use a dark theme with blue accents"
  4. Switch to Writer: "Make the copy more action-oriented"

Each step builds on the last. The AI sees your current page and works from there.

Use the right agent​

Each agent has a focus area:

  • Structure and blocks → Builder
  • Colors, spacing, and fonts → Designer
  • Text content → 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, don't ask the Builder.

Provide context with attachments​

Drop files into the chat to give the AI more to work with:

  • A screenshot of a design you want to replicate
  • A PDF with brand guidelines
  • An image for the AI to reference

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

Reference 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" (activate 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" (activate Add animations skill)

What the AI cannot do​

A few things to keep in mind:

  • It cannot access external websites or fetch live data
  • It cannot install WordPress plugins
  • It cannot modify files outside the current page or template
  • It cannot access your WordPress admin settings

If you hit a limitation, the AI will tell you. 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​