AI Command Reference

Quick reference for common AI commands organized by task.

Creating Content

New Pages

Create a [type] page at /[url]
Add a new page for [purpose]
Generate a [page description] page

Sections

Add a [section type] section
Insert a [section] between [section A] and [section B]
Create a [section] at the bottom of the page

Components

Add a [component] to [location]
Insert a form with [fields]
Add a navigation menu with [items]

Modifying Content

Text Changes

Change the headline to "[new text]"
Update the description to say "[new text]"
Replace "[old text]" with "[new text]"

Structure Changes

Move [section] above [other section]
Swap the positions of [A] and [B]
Reorder the navigation: [item1], [item2], [item3]

Adding Elements

Add a button that links to [url]
Include an image placeholder for [purpose]
Add a list of [items]

Removing Elements

Remove the [section/element]
Delete the [component] from [location]
Hide the [element] on mobile

Styling

Colors

Change the background to [color]
Set the text color to [color]
Use a gradient from [color1] to [color2]
Apply [color] to all buttons

Typography

Increase the font size to [size]
Change the font weight to [weight]
Use [font-family] for headings
Set line height to [value]

Spacing

Add more padding to [element]
Increase the margin between sections
Set gap to [value] in the grid
Reduce whitespace in [section]

Layout

Make [element] full width
Center [content] on the page
Align [elements] horizontally/vertically
Stack [items] vertically on mobile

Effects

Add a shadow to [element]
Round the corners of [component]
Add a border to [section]
Apply a blur effect to the background

Responsive Design

Mobile Adjustments

On mobile, [change description]
Hide [element] on screens smaller than 768px
Stack the columns on mobile
Make the text larger on mobile

Breakpoints

Below 768px: [change]
On tablet (768-1024px): [change]
Above 1280px: [change]

Interactive Elements

Forms

Make the form functional
Store form submissions in the database
Show a success message after submit
Add validation to [field]

Buttons

Link the button to [url]
Add hover effect to buttons
Change button style to [outline/filled/ghost]

Navigation

Make the menu sticky
Add mobile hamburger menu
Highlight the active page
Add dropdown menus

SEO

Meta Tags

Set the page title to "[title]"
Add meta description: "[description]"
Set the canonical URL to [url]

Structure

Change the H1 to "[text]"
Add alt text to images
Create proper heading hierarchy

Technical

Generate sitemap.xml
Add robots.txt
Add structured data for [type]

Managing Files

Pages

Rename [page] to [new name]
Duplicate [page]
Delete [page]

Assets

Upload an image for [purpose]
Replace [image] with uploaded file
Add the logo to the header

Bulk Operations

Site-Wide Changes

Apply [style] to all [elements] across the site
Update the footer on all pages
Change the primary color site-wide

Multiple Items

Add these features: [list]
Create pages for: [list]
Update all buttons to [style]

Undo and Reset

Undo the last change
Revert [section] to its original state
Start over with [component]

Related Docs

• Effective Prompts — Write better prompts
• Troubleshooting — Fix common issues
• AI Editor — Full editor guide