/ commands are specialized shortcuts you run from chat. They work on the current open screen and accept plain-language references, reducing retries and keeping token usage optimum.What are / commands?
Text-driven shortcuts that execute precise updates on whatever page you have open.
Commands
Why use / commands?
Without them:
- Unclear instructions and extra back-and-forth
- Layout issues after changes
- Time spent digging through files
- Page-scoped operations with natural phrasing
- Fewer revisions and quicker outcomes
- Optimum token usage
Think of
/ commands as a text-driven command palette. Say it once, Rocket applies it.How they work
Automatic targeting: Commands run on the current open screen unless you specify otherwise. Natural references: Use everyday language to describe sections and elements, or quote exact text. Screen switching: Open a different screen first, then run your command.After a command runs: You’ll see a short summary and a preview link to review changes.
Save tokens: One specific command beats a long description. Quoting exact text or naming areas avoids follow-up prompts.
Command phrasing patterns
Replace in place:- replace [thing] in [area] with [new thing]
- add [thing] to [area]
- change “Old text” to “New text” in [area]
/Update Content change "Get started" to "Launch now" in hero section/Remove Element testimonial card three in reviews section/Generate Image replace team photo in About section with a modern workspace photo/Fix Layout Issues in pricing grid
Available commands
/Update App Logo
/Update App Logo
Purpose:
Replace the app logo across all screens.Usage:
Attach the logo file first, then run the command.Example:
/Update App Logo
Prefer SVG for crisp scaling. Transparent PNGs also work.
/Update App Name
/Update App Name
Purpose:
Change the app name in titles, UI, and metadata.Examples:
/Update App Name Nova Suite/Update App Name Atlas
For custom text blocks with old names, use
/Update Content./Update Content
/Update Content
Purpose:
Replace text, placeholders, or branding.Examples:
/Update Content change "Get started" to "Launch now" in hero section/Update Content change hero title to "Welcome to Rocket" in hero section/Update Content change all CTA buttons to "Buy Now" in pricing section/Update Content change pricing tier names to Starter, Growth, Scale in pricing section
/Generate Image
/Generate Image
Purpose:
Create an AI image and place it by naming the destination.Examples:
/Generate Image add hero banner with soft gradient sky to hero section/Generate Image replace product visual in hero section with a sleek abstract render/Generate Image replace image in pricing card A with a minimal 3D icon/Generate Image replace team photo in About with an abstract 3D shape (include alt: "Our team values")
Use one clear visual idea per prompt. Include alt text where helpful.
/Remove Element
/Remove Element
Purpose:
Delete UI elements or sections with automatic layout reflow.Examples:
/Remove Element hero section/Remove Element footer/Remove Element announcement bar/Remove Element image row under "Features"
/Fix Layout Issues
/Fix Layout Issues
Purpose:
Repair spacing, alignment, positioning, and responsiveness.Examples:
/Fix Layout Issues/Fix Layout Issues for mobile breakpoints/Fix Layout Issues in pricing grid/Fix Layout Issues for tablet and mobile breakpoints
Guidelines
Referencing elements
Use clear terms like “hero section”, “footer”, “primary CTA button”, or “pricing image row”. Quote exact text for copy changes:"Get started" to "Launch now".
Workflow tips
Make content changes first. If reflow causes issues, run/Fix Layout Issues. State locations for clarity: “in hero”, “in pricing”, “navigation bar”.
Troubleshooting
Nothing changed:- Confirm you’re on the correct screen
- For text: Quote the exact phrase
- For images: Name the area precisely
- Try
/Fix Layout Issues for mobile breakpoints - If problems persist: Add tablet breakpoint
Quick reference
| Goal | Command | Example |
|---|---|---|
| Replace logo | /Update App Logo | /Update App Logo (attach file first) |
| Rename app | /Update App Name | /Update App Name Nova Suite |
| Change text | /Update Content | /Update Content change "Get started" to "Launch now" in hero section |
| Create image | /Generate Image | /Generate Image add hero banner with soft gradient sky to hero section |
| Delete element | /Remove Element | /Remove Element hero section |
| Fix layout | /Fix Layout Issues | /Fix Layout Issues for mobile breakpoints |
You did it!
You now have a concise toolkit of
/ commands to execute precise changes with confidence.Need help?
Email support@rocket.new or join our Discord to connect with other builders.
Email support@rocket.new or join our Discord to connect with other builders.