Skip to main content
/ 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. You can browse them from the popup menu or start typing after / to get suggestions.
Use forward slash in chat to apply commands in Rocket.newUse forward slash in chat to apply commands in Rocket.new

/ Commands

​
Why use / commands?

Without them:
  • Unclear instructions and extra back-and-forth
  • Layout issues after changes
  • Time spent digging through files
With them:
  • 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]
Insert at location:
  • add [thing] to [area]
Edit by text match:
  • change “Old text” to “New text” in [area]
Examples:
  • /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

Use this catalog to see which / commands each category offers from chat, organized by platform and intent.
  • Web
  • Mobile
  • Brand & Identity
  • Layout & Structure
  • Quick Fixes
  • Animations & Effects
  • AI Features
  • Integrations
  • Language Features
Purpose: Change the app name in titles, UI, and metadata.Examples:
  • /Update App Name Nova Suite
  • /Update App Name Atlas
For custom text blocks that still show the old name, use /Update Content.
Purpose: Apply a new color scheme across your entire web app.Examples:
  • /Change App Theme switch to a light theme with navy primary and soft gray background
  • /Change App Theme primary color #4F46E5 and accent #F97316
If colors look off after a big change, follow up with /Fix Theme Switching.
Purpose: Add coordinated light and dark theme options to your app.Examples:
  • /Add Light/Dark Theme
  • /Add Light/Dark Theme with higher contrast dark mode for text and buttons
Use /Fix Theme Switching if toggling between modes does not update all areas.

​
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
Mobile layout issues:
  • Try /Fix Layout Issues for mobile breakpoints
  • If problems persist: Add tablet breakpoint

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.