The better your prompt, the better Clyro's results. Here's how to write prompts that get you exactly what you want.
The Anatomy of a Good Prompt
A good prompt includes:
- 1.The action: What you want to do (add, change, remove, etc.)
- 2.The target: What element you're changing
- 3.The details: Specific values, colors, sizes, etc.
- 4.The location: Where on the page (optional but helpful)
Good vs. Better Prompts
Be Specific About Elements
Help Clyro identify exactly what you want to change:
- •Use visible text: "the button that says 'Add to Cart'"
- •Describe location: "the navigation menu in the header"
- •Reference page: "on the product page"
- •Use common names: "hero section", "footer", "sidebar"
Tip: If you're not sure what something is called, describe what it looks like or does. "The big image at the top of the homepage" works just as well as "hero section."
Include Specific Values
When you have specific requirements, include them:
"Change the header background to #1a1a2e"
"Set the body font size to 16px"
"Make the container max-width 1200px"
"Add 40px of padding between sections"
Describe the Outcome
If you're not sure about specifics, describe what you want to achieve:
"Make the header feel more premium and elegant"
"Give the product page a cleaner, more minimal look"
"Make the buttons stand out more"
Combining Multiple Changes
You can request multiple changes in one prompt:
"Update the header: make the background navy blue, the logo larger, and add a search icon next to the cart"
Note: Complex requests with many changes use more credits. If you're on a budget, break them into separate prompts.
What to Avoid
- •Too vague: "Make it look better" doesn't give enough direction
- •Contradictory: "Make it bigger but take up less space"
- •Unreferenced elements: "Change that thing I showed you" (Clyro can't see previous conversations)
- •Technical jargon: Unless necessary, use plain language
Iterating on Results
Your first result might not be perfect. That's okay! You can:
- 1.Make follow-up requests to refine
- 2.Ask for specific adjustments
- 3.Roll back and try a different approach
Example iteration:
1. "Make the add to cart button green"
2. "Make it a darker green"
3. "Also add a hover effect that makes it slightly lighter"
Practice Makes Perfect
The more you use Clyro, the better you'll get at writing prompts. Start simple, see how Clyro interprets your requests, and adjust your approach accordingly.
Was this article helpful?