PromptForge MCP
Showing 25 prompts
hero
sections · hero · react-ts-tailwind-framer-motion

Clinic Trust Hero

Medical trust hero: one-line promise, dual CTA, licence badge and doctor portrait for a local clinic homepage.

services
sections · services · react-ts-tailwind-framer-motion

Clinic Services Grid

Six-service card grid for a clinic: icon, name, one-line outcome, starting price, deep link per card.

profile
sections · profile · react-ts-tailwind-framer-motion

Doctor Profile Block

Practitioner profile: portrait, credentials list, treatment philosophy in first person, licence line.

testimonials
sections · testimonials · react-ts-tailwind-framer-motion

Verified Reviews Wall

Masonry wall of verbatim patient reviews with source badges (Google stars / Facebook recommends) and honest aggregate header.

pricing
sections · pricing · react-ts-tailwind-framer-motion

Transparent Pricing Table

Clinic price list grouped by category: service, what's included free, price — no hidden fees framing.

cards
sections · cards · react-ts-tailwind-framer-motion

Phrase Learning Cards

Language-learning phrase grid: native script large, romanisation toggle, translation, one-tap audio and star-to-review.

gamification
sections · gamification · react-ts-tailwind-framer-motion

Scenario Passport Progress

Gamified progress passport: one stamp per real-life scenario, mastery grid lights up at 80% starred phrases.

features
sections · features · react-ts-tailwind-framer-motion

SaaS Feature Bento Grid

Bento grid of product features: two large visual tiles + four compact tiles, one message per tile.

pricing
sections · pricing · react-ts-tailwind-framer-motion

Pricing with Billing Toggle

Three-tier pricing with monthly/yearly toggle, one highlighted plan, feature lists with checks and a footnote on taxes.

faq
sections · faq · react-ts-tailwind-framer-motion

FAQ Accordion

Accessible FAQ accordion: single-open, keyboard friendly, chevron rotation, honest plain-language answers.

nav
sections · nav · react-ts-tailwind-framer-motion

Sticky Blur Navigation

Sticky top nav that gains a blur backdrop and hairline after scrolling; logo left, links centre, CTA right, mobile sheet menu.

footer
sections · footer · react-ts-tailwind-framer-motion

Mega Footer

Four-column mega footer: brand + newsletter, product/company/legal columns, bottom bar with licence and language switcher.

cta
sections · cta · react-ts-tailwind-framer-motion

Gradient CTA Banner

Full-width closing CTA: gradient panel, one promise, one button, one reassurance line. Nothing else.

clinic
sites · clinic · react-ts-tailwind-framer-motion

Trilingual Clinic Website

Whole-site scaffold for a local clinic: trilingual, services, doctor, case stories, reviews, pricing, booking contact.

learning
sites · learning · react-ts-tailwind-framer-motion

Survival Language Learning Site

Whole-site scaffold for a phrase-learning site: phrase book, scenario practice dialogues, tone trainer, review system, guides.

saas
sites · saas · react-ts-tailwind-framer-motion

SaaS Landing Page

Whole-site scaffold for a SaaS landing: nav, hero slot, bento features, pricing, FAQ, CTA, mega footer.

mobile-ui
apps · mobile-ui · react-ts-tailwind-framer-motion

Expiry Tracker — Stage & Spotlight Home

Mobile app home for an expiry/reminder app: a stage where the mascot presents today's most urgent item in a spotlight.

mobile-ui
apps · mobile-ui · react-ts-tailwind-framer-motion

Habit Streak Tracker

Habit app home: week strip, streak flame with honest freeze rules, one-tap check-in, gentle non-guilt copy.

dashboard
apps · dashboard · react-ts-tailwind-framer-motion

Personal Finance Overview

Finance dashboard: net-worth headline, cash-flow bar, upcoming bills list, subscription audit card.

gradient
backgrounds · gradient · react-ts-tailwind-framer-motion

Aurora Gradient Background

Slow-moving aurora gradient backdrop: three blurred HSL blobs on a deep base, GPU-friendly, reduced-motion static fallback.

pattern
backgrounds · pattern · react-ts-tailwind-framer-motion

Dot Grid with Cursor Spotlight

Subtle dot-grid background with a radial spotlight that follows the cursor; CSS variables only, no JS layout thrash.

gradient
backgrounds · gradient · react-ts-tailwind-framer-motion

Animated Mesh Gradient

Mesh gradient panel built from four large soft colour fields with slow hue drift; no WebGL, print-safe static state.

texture
backgrounds · texture · react-ts-tailwind-framer-motion

Warm Paper Texture Background

Editorial paper background: warm off-white base, fine SVG noise, faint ruled top edge — for clinics, journals, quiet brands.

skill
skill-mcp · skill · react-ts-tailwind-framer-motion

Skill: UI Audit Checklist

A reusable skill prompt that audits a page UI like a strict reviewer: overflow, type scale, touch targets, contrast, motion safety.

skill
skill-mcp · skill · react-ts-tailwind-framer-motion

Skill: Landing Copy Doctor

A reusable skill prompt that rewrites landing copy: one promise, proof with numbers, zero marketing fog.