Pagesmith.ai
Start building

AI Command Reference

Reference guide for Pagesmith AI commands. Create, modify, style, and manage your website.

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]
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]