Targeted Intelligence
Component Mini-Prompts
Don't regenerate the whole page for a single button change. Use Mini-Prompts to perform surgical AI edits on specific elements, saving time and credit.
Surgical Precision
A Mini-Prompt sends the isolated HTML of your selected element to the AI with your instructions. The AI rewrites only that block, and MockaUI "hot-swaps" it back into your layout flawlessly.
When to use:
- Adding complex hover animations
- Changing a 3-column grid to 4-columns
- Rewriting copy for a specific paragraph
- Adding icons to existing buttons
Standard Prompt
"Change the header button color to red and regenerate the whole page."
Mini-Prompt (The Right Way)
[Select Button]
"Make this a high-contrast red primary button with a slight pulse animation."
"Make this a high-contrast red primary button with a slight pulse animation."
Advanced Techniques
✨
The Interaction Hack
Ask for specific states. "Add a shine effect that sweeps across this card every 5 seconds."
🎨
The Style Sync
Maintain branding. "Style this new form to match the primary button used in the hero."
📐
The Layout Shift
Structural changes. "Take this horizontal list and turn it into a bento-style grid."