Copy, paste, and edit. Every prompt below is a starting point, not a formula. Replace anything in brackets with your own details.
Five habits that make the difference between one edit and five.
The hero or the three-column benefits section works. The top part makes Flint guess.
Link a page that already looks right, or paste a screenshot and describe what you want from it.
Flint changes less when you tell it what to leave alone.
Ad copy, PDFs, brand guidelines, competitor URLs, embed code. All of it works as input.
Batch requests when you are still exploring.
Create a landing page for [offer]. Match the design system from [your site URL]. Include a hero, a three-part benefits section, social proof, and one CTA pointing to [destination].
Duplicate [page name] and rewrite it for [new audience or offer]. Keep the layout and design exactly as they are, change only the copy and images.
Here is our [one-pager]. Build a landing page from it using our design system. Keep it to a hero, three key points, and a CTA.
Mirror the layout and section order of [URL], but use our brand fonts, colors, and copy.
Create a new page at [/your-slug] using [external URL] as the source. Make sure it follows our branding and messaging, and that the sections match the original page exactly.
Set all headings to [font name] and all body text to [font name]. Apply this across every page in the site.
Our brand fonts are [heading font] and [body font]. Re-extract our design system from [URL] and apply the correct fonts everywhere.
Change the accent color to [hex] on buttons and links only. Leave backgrounds, text, and icons as they are.
Reduce vertical padding on all sections by about 30 percent so the page feels tighter on desktop.
Here is a screenshot of the hero on our real site. Rebuild this page's hero to match its spacing, type scale, and image treatment.
Use the imported rebranded page as the design reference for this page. Migrate the current layout and components to the new design while preserving the existing copy, images, links, and page purpose. Match the reference's typography, colors, spacing, buttons, cards, and mobile behavior. After the first pass, identify and refine any details that still use the old design.
Use the attached HTML and CSS as the reference for component layout and styling, and use the attached Markdown brand-token file for exact colors, typography, spacing, and usage rules. Migrate this page to the new design while preserving its existing content and links. Review the result and correct any elements that do not match the attached source files.
Use these screenshots as the visual reference for the new brand. Update this page's typography, colors, spacing, buttons, and section treatments while preserving its existing content and links. Because screenshots do not include exact tokens or responsive rules, flag any uncertain details and refine them based on my feedback.
The components on this page are not following our design system. Rebuild them to look like the ones on our index page. Keep the current positioning and spacing since those came from the wireframe, and change everything else so the result is on brand. Apply this to every section on the page.
Review this page at mobile width and fix any text overflow, misaligned stacking, or buttons running past the screen edge.
Replace the hero image with the file I just uploaded. Keep the same crop and aspect ratio.
Pull the product images from [your page URL] and use them in the [section name].
Replace every stock photo on this page with images from our asset library. Match each one to the section it sits in.
Add the logos for [companies] to the social proof strip. Size them evenly and keep them in greyscale.
Our logo is rendering too small and too close to the nav edge. Increase it by 40 percent and add breathing room on the left.
Rewrite the hero headline for [audience]. Lead with [the outcome they care about]. Keep it under 10 words and give me three options.
Here is the ad copy and creative we are running. Rewrite the hero so the message matches what people clicked on.
Tighten all body copy on this page. Cut filler, keep the meaning, and keep sentences short.
Rewrite this page in a [warmer / more direct / more premium] voice. Here are two pages from our site that hit the tone we want: [URLs].
This page backs our [campaign name] ads. Here is the ad headline and creative. Audit the page for message match and tell me what you would change before changing anything.
Cut this page down to a single CTA. Remove nav links, footer links, and secondary offers that pull attention away from [primary action].
Add a form to the hero with these fields: [fields]. Keep it to [n] fields and put the submit button directly below.
Create a landing page for this Google Ads campaign: [campaign details]. Match the hero to the ad headline and search intent, focus the page on [conversion goal], and remove links that distract from the primary CTA.
Here are our Google Ads headlines, descriptions, and target keywords: [paste ad copy and keywords]. Rewrite the hero and CTA so the page continues the same promise without changing the layout.
Duplicate this landing page for these Google Ads ad groups: [ad groups and keywords]. Give each version a unique slug and tailor only the hero headline, supporting copy, and CTA to its keyword theme.
Add Google Ads conversion tracking for [form submission / button click / purchase] using conversion ID [ID] and conversion label [label]. Confirm it fires only after a successful conversion.
Create three hero variants for a CRO test. Vary the headline angle only and keep layout, images, and CTA identical across all three.
Make the hero headline read from the [utm_term] query parameter so it matches the search keyword, with [fallback headline] as the default.
Add this form to the [section name]. Keep the surrounding layout and copy unchanged. [paste embed code]
Add this HubSpot form to the [section name]. Make it responsive and match the form width, spacing, and button treatment to the page. [paste HubSpot embed code]
Embed this Typeform in the [section name]. Show it inline instead of as a popup, make it responsive, and leave the rest of the section unchanged. [paste Typeform embed code]
Add this [form platform] form to the [section name]. Preserve the submission behavior from the embed code, make the form responsive, and do not change anything else on the page. [paste embed code]
The [HubSpot] form in this section looks off brand. Analyze the component and report back with guidance on how to adjust it before you change anything.
The form on this page shows no feedback when submitted, which makes it feel like it failed. Keep the page static and show a confirmation message on submit instead of reloading and appending values to the URL.
Restyle this form to match the buttons and input fields on our index page. Keep the field order and validation as they are.
Build a landing page for [product line] aimed at [audience]. Pull product imagery from [store URL] and point the CTA at [collection page].
Create a campaign page for [promo]. Match our storefront design and link every product card to its product page on [store URL].
This traffic comes from [Meta / TikTok] and is almost entirely mobile. Build the page mobile first, keep it to two screens of scroll, and match the tone of the ad creative I pasted above.
Build a lookbook style page for [collection]. Full width imagery, minimal copy, one CTA per section.
Turn this page into a template. Make the company name, logo, and [pain point] dynamic so I can generate one page per account from a CSV.
Apply this change to every page in [folder or campaign]: [change]. Leave the copy on each page alone.
Create 20 variants of this page with different layouts.
Find companies that fit the ICP for [your site URL] and create ABM pages at new slugs that sell our services to them. Use the index page as the layout reference and reuse its sections so everything stays on brand. Make sure the copy reflects our positioning and business model.
Move the [/old/slug] page to [/new/slug].
Move all pages from the [/lp] folder to [/events].
Implement a redirect so every visit to this page sends the user to [destination URL].
We want these pages live at [subdomain]. Walk me through the DNS records I need to add and what to check once they propagate.
Our main site is on [Shopify / Webflow / WordPress]. We want Flint pages at [path]. Tell me the setup steps and anything that could break.
Add our GTM container [ID] to every page and confirm form submissions fire as conversion events.
The [element] in the [section] is not displaying. Check its opacity, visibility, and animation state, then tell me what you found before fixing it.
I asked you to [change] and the page still shows [old state]. Investigate why the change is not there and report what you found before trying again.
The imported page is missing [what is missing]. Here is a screenshot of how it should look. Rebuild the section to match.
