For the complete documentation index, see llms.txt. This page is also available as Markdown.

Prompt Basics

Use these guidelines to craft clear, actionable prompts that help Maker deliver exactly what you need.

For live examples and templates, see Prompt Examples & Usecases.


1. Context & Objectives

1

Define Audience & Goals

  • Describe the target persona (e.g. “tech-savvy professionals,” “young creatives”).

  • State the primary goal (e.g. “showcase portfolio,” “drive sign-ups,” “educate users”).

  • Optionally include success metrics (“increase click-through by 20%”).

2

Align on Brand & Tone

  • Describe the target persona (e.g. “tech-savvy professionals,” “young creatives”).

  • State the primary goal (e.g. “showcase portfolio,” “drive sign-ups,” “educate users”).

  • Optionally include success metrics (“increase click-through by 20%”).

3

Provide Examples & Inspiration

  • Link to existing sites, components, or mood boards.

  • Share screenshots or describe visual references (“in the style of X”).

  • Outline layouts or flows you admire (e.g. “two-column hero with side nav”).


2. Design & Technical Specifications

1

Be Precise in Layout & Style

  • Specify structural elements (header, footer, sidebar, grid).

  • Call out spacing, typography, color usage.

2

Detail Interactions & Behavior

  • Define hover, focus, or animation effects.

  • Include links / URLs to which the elements or cards should be linked to (e.g. “link the Banner CTA “Shop Now” to [URL]”).

3

Outline Content & Data Needs

  • Provide placeholder text, sample images, or data schemas.

  • Specify pagination, filtering, or sorting requirements.

4

Set Technical & Performance Constraints

  • Define responsiveness targets (mobile, tablet, desktop breakpoints).


3. Workflow, Iteration & Feedback

1

Encourage Creative Latitude

  • Allow the AI to suggest variations (“feel free to propose alternative layouts”).

  • Use open-ended prompts for brainstorming (“generate three hero concepts”).

2

Structure Revision Cycles

  • After initial output, ask targeted follow-ups (“reduce header height by 20px”).

  • Use Select to Edit for pinpoint changes on specific elements.

  • Save iterations as Remix or duplicate projects to track progress.

3

Clarify When to Ask Questions

  • Prompt the AI to request missing details (“What’s the primary call-to-action?”).

  • Provide additional context only when needed to avoid lengthy back-and-forth.


4. Advanced Tips

  • Chain Prompts: break complex tasks into sequenced prompts (scaffold → style → validate → document).

  • Leverage Brand Styles: prefix prompts with [YourBrandStyle] to auto-apply theme settings.

  • Use Examples Inline: include screenshot references to guide output.

  • Control Scope: specify “only modify the banner”


By combining clear context, precise specs, and structured iteration, you’ll streamline your Maker workflow and achieve on-target results every time.


Last updated

Was this helpful?