A vague coding request
Build a pricing section for my landing page.
PromptFlux translates the way you think into prompts AI understands.
Identify what you want AI to accomplish.
Surface ambiguity, missing context, and conflicting constraints.
Get the answers that can change the final result.
Organize your intent into instructions AI can follow.
Make sure the final prompt still says what you meant.
Build a pricing section for my landing page.
01 — Pricing What are the plans, prices, billing frequency, included features, and button action for each option? 02 — Deliverable What should I deliver: design guidance, copy, or implementation-ready code, and which technology or framework should it use? 03 — Design direction What brand style, colors, and existing landing-page design should the pricing section follow?
Build a pricing section for my landing page.
Done — I created three pricing tiers with checkout.
Actually, the plans are Free, Plus, and Pro.
Updated — I added three pricing plans.
Free is $0 with up to 3 prompts per day.
Added the Free plan.
Plus is $3.99 with up to 20 prompts per day.
Added the Plus plan.
Pro is $6.99 with up to 50 prompts per day. Highlight it as recommended.
Added Pro and marked it as recommended.
Match the existing colors, typography, spacing, borders, shadows, and component patterns.
Updated the visual styling.
Use React with Tailwind CSS. Make it responsive for mobile, tablet, and desktop.
Added responsive React and Tailwind styles.
Use semantic markup, concise button labels, and return the complete component code without inventing features or claims.
Done — I’ll return the complete React component.
Build an implementation-ready React pricing section styled with Tailwind CSS for my existing landing page. Match the page’s current visual design, including its colors, typography, spacing, borders, shadows, and component patterns. Include three responsive pricing cards: - Free: $0, up to 3 prompts per day - Plus: $3.99, up to 20 prompts per day - Pro: $6.99, up to 50 prompts per day Use clear plan names, prices, usage limits, concise CTA buttons, and accessible semantic markup. Highlight Pro as the recommended plan while keeping all plans easy to compare. Make the layout polished and responsive across mobile, tablet, and desktop. Do not invent additional features, billing terms, discounts, or product claims. Return the complete React component code with Tailwind classes, including any minimal supporting data or helper code required to run it.
Done — I built the responsive React pricing section with Free, Plus, and Pro plans.
Good job!
“I want to post about my new app on LinkedIn.”
Audience · Angle · Tone · Goal
Audience — Indie makers & early adopters Angle — Personal build story Tone — Genuine, not salesy Goal — Early sign-ups Format — Short LinkedIn post with a soft CTA
Limited usage
Choose plan$59.88 $47.88 billed annually
Higher usage
Choose plan$83.88 $71.88 billed annually
Highest usage
Choose plan