Real Estate Pro
Real estate map search
The prompt
Build a map-based property search interface. Layout: a 50/50 split above 1280px โ map on the right, results list on the left. Between 1024px and 1280px, the list narrows to 420px and the map takes the rest. Below 1024px, the map collapses to a 200px strip at the top with a 'Search this area' button, and the list takes the remaining height. List pane: a sticky filter bar with price, beds, property type and a 'More filters'โฆ
163 more words behind Pro
Unlock all 24 promptsThe opening is above. Pro unlocks the full text โ the structure, constraints and design tokens that do the real work.
About this prompt
A split map-and-list search interface where both panes stay usable at 1024px instead of collapsing into mush.
Tags:#light-mode#map#search#dense
Prompt Setup Guide
How to use this prompt & FAQs
Follow these simple steps to generate high-converting websites using Real estate map search.
STEP 01
Copy System Prompt
Click the copy button above to grab the structured system prompt for "Real estate map search".
STEP 02
Paste into AI Builder
Open Lovable, Bolt, Cursor, Claude, Windsurf and paste the system prompt into the composer or initial prompt box.
STEP 03
Generate & Refine
Replace any bracketed text like [App Name] with your specific details, then click generate.
Frequently Asked Questions
More like this