Open-source prompt resources designed to be copied one-shot into BuilderStudio. BuilderStudio is the primary place where these prompts can be brought to life.
- Keep high-quality prompts open, reusable, and easy to discover.
- Make every prompt easy to copy into BuilderStudio for one-shot generation.
- Organize prompts by category so contributors can submit focused additions through PRs.
- Require a public demo link for every new prompt submitted through a pull request.
- Pick a prompt from the catalog below.
- Open its
prompt.mdfile. - Copy the full prompt.
- Paste it into builderstudio.dev and run it one-shot.
- For community-submitted prompts, open the attached demo link to preview what the prompt can create.
- We recomment GPT-5.3-Codex when generating these sites.
Default seeded prompts in this repository may omit demo_url. Every new prompt added through a pull request must include a valid demo_url in prompt.json.
| Category | Prompt | Summary | BuilderStudio | Demo |
|---|---|---|---|---|
| components | CTA Hero Section | A focused single-page hero section prompt built for React, TypeScript, and Tailwind CSS. | Open BuilderStudio | Seed prompt |
| components | Full Screen Hero | A reusable full-screen hero section prompt using React, Tailwind CSS, Framer Motion, and Lucide React. | Open BuilderStudio | Seed prompt |
| components | Proof Partnerships Section | A responsive partnerships and metrics section prompt with staggered word animation and marquees. | Open BuilderStudio | Seed prompt |
| creative-studios | Axion Studio | A design agency landing page with shader-driven visuals and a crisp editorial layout. | Open BuilderStudio | Seed prompt |
| creative-studios | DesignPro Landing Page | A modern high-performance landing page prompt for creative product and studio experiences. | Open BuilderStudio | Seed prompt |
| creative-studios | Neue Studio | A polished premium studio landing page prompt built with carefully specified typography, media, and layout. | Open BuilderStudio | Seed prompt |
| creative-studios | Prisma Creative Studio | A moody cinematic creative studio landing page prompt with warm cream tones and motion. | Open BuilderStudio | Seed prompt |
| effects-and-ui | Cinematic Video Hero | A premium dark hero section prompt centered around a full-screen video experience. | Open BuilderStudio | Seed prompt |
| effects-and-ui | Glass UI Frontend | A polished React frontend prompt built around Tailwind CSS v4 and glass-style motion UI. | Open BuilderStudio | Seed prompt |
| effects-and-ui | Liquid Glass Hero | A cinematic hero section prompt with looping video and liquid-glass UI elements. | Open BuilderStudio | Seed prompt |
| fintech-web3 | Orbis.Nft | A dark space-themed NFT landing page prompt with liquid glass treatment and video-driven sections. | Open BuilderStudio | Seed prompt |
| fintech-web3 | RIVR DeFi Dashboard | A glassmorphism DeFi hero prompt for sleek fintech and web3 product presentation. | Open BuilderStudio | Seed prompt |
| fintech-web3 | Rocol Finance Hero | A polished finance landing page hero prompt inspired by premium abstract visual direction. | Open BuilderStudio | Seed prompt |
| portfolio | 3D Creator Portfolio | A one-shot prompt for building a dark 3D creator portfolio for Jack using React, TypeScript, Tailwind CSS, Framer Motion, and Lucide React. | Open BuilderStudio | Seed prompt |
| portfolio | Lexo Hero Section | A highly accurate responsive React hero prompt for a polished marketing presentation. | Open BuilderStudio | Seed prompt |
| portfolio | Metery Hero Section | A responsive React hero section prompt tuned for exact visual matching and strong presentation. | Open BuilderStudio | Seed prompt |
| saas | Aura Email Client | A premium AI-native email client landing page with cinematic video, glass UI, and polished SaaS presentation. | Open BuilderStudio | Seed prompt |
| saas | Dark Hero Section | A premium dark-mode hero section prompt with motion, Lucide icons, and strong landing-page structure. | Open BuilderStudio | Seed prompt |
| saas | Loop Hero Section | A hero section creation prompt suitable for one-shot SaaS and landing page generation. | Open BuilderStudio | Seed prompt |
| saas | Qumica Software Hero | A high-performance software company hero section prompt focused on speed, clarity, and conversion. | Open BuilderStudio | Seed prompt |
| saas | SaaS Project Setup | A structured SaaS project prompt for building a production-quality landing page and app shell. | Open BuilderStudio | Seed prompt |
| saas | Securify Data Security | A full-screen data security SaaS hero section prompt for trust-forward product marketing. | Open BuilderStudio | Seed prompt |
| travel-luxury | Cinematic Space Travel | A cinematic space-travel landing page prompt for immersive premium web experiences. | Open BuilderStudio | Seed prompt |
| travel-luxury | JetCrest Private Aviation | An ultra-luxury private jet hero section prompt with high-fidelity premium aesthetics. | Open BuilderStudio | Seed prompt |
| travel-luxury | Ratw Hero Section | A highly polished responsive HTML hero section prompt with background video and staged animations. | Open BuilderStudio | Seed prompt |
| travel-luxury | Travel Cinematic Hero | A cinematic travel-oriented hero section prompt built as a single responsive HTML experience. | Open BuilderStudio | Seed prompt |
- Summary: A focused single-page hero section prompt built for React, TypeScript, and Tailwind CSS.
- Prompt file: prompts/components/cta-hero-section/prompt.md
- BuilderStudio: builderstudio.dev
- Demo: seed prompt, no demo URL required
- One-shot usage: Copy the contents of prompt.md and paste it into BuilderStudio for a one-shot run.
- Summary: A reusable full-screen hero section prompt using React, Tailwind CSS, Framer Motion, and Lucide React.
- Prompt file: prompts/components/full-screen-hero/prompt.md
- BuilderStudio: builderstudio.dev
- Demo: seed prompt, no demo URL required
- One-shot usage: Copy the contents of prompt.md and paste it into BuilderStudio for a one-shot run.
- Summary: A responsive partnerships and metrics section prompt with staggered word animation and marquees.
- Prompt file: prompts/components/proof-partnerships-section/prompt.md
- BuilderStudio: builderstudio.dev
- Demo: seed prompt, no demo URL required
- One-shot usage: Copy the contents of prompt.md and paste it into BuilderStudio for a one-shot run.
- Summary: A design agency landing page with shader-driven visuals and a crisp editorial layout.
- Prompt file: prompts/creative-studios/axion-studio/prompt.md
- BuilderStudio: builderstudio.dev
- Demo: seed prompt, no demo URL required
- One-shot usage: Copy the contents of prompt.md and paste it into BuilderStudio for a one-shot run.
- Summary: A modern high-performance landing page prompt for creative product and studio experiences.
- Prompt file: prompts/creative-studios/designpro-landing/prompt.md
- BuilderStudio: builderstudio.dev
- Demo: seed prompt, no demo URL required
- One-shot usage: Copy the contents of prompt.md and paste it into BuilderStudio for a one-shot run.
- Summary: A polished premium studio landing page prompt built with carefully specified typography, media, and layout.
- Prompt file: prompts/creative-studios/neue-studio/prompt.md
- BuilderStudio: builderstudio.dev
- Demo: seed prompt, no demo URL required
- One-shot usage: Copy the contents of prompt.md and paste it into BuilderStudio for a one-shot run.
- Summary: A moody cinematic creative studio landing page prompt with warm cream tones and motion.
- Prompt file: prompts/creative-studios/prisma-creative-studio/prompt.md
- BuilderStudio: builderstudio.dev
- Demo: seed prompt, no demo URL required
- One-shot usage: Copy the contents of prompt.md and paste it into BuilderStudio for a one-shot run.
- Summary: A premium dark hero section prompt centered around a full-screen video experience.
- Prompt file: prompts/effects-and-ui/cinematic-video-hero/prompt.md
- BuilderStudio: builderstudio.dev
- Demo: seed prompt, no demo URL required
- One-shot usage: Copy the contents of prompt.md and paste it into BuilderStudio for a one-shot run.
- Summary: A polished React frontend prompt built around Tailwind CSS v4 and glass-style motion UI.
- Prompt file: prompts/effects-and-ui/glass-ui-frontend/prompt.md
- BuilderStudio: builderstudio.dev
- Demo: seed prompt, no demo URL required
- One-shot usage: Copy the contents of prompt.md and paste it into BuilderStudio for a one-shot run.
- Summary: A cinematic hero section prompt with looping video and liquid-glass UI elements.
- Prompt file: prompts/effects-and-ui/liquid-glass-hero/prompt.md
- BuilderStudio: builderstudio.dev
- Demo: seed prompt, no demo URL required
- One-shot usage: Copy the contents of prompt.md and paste it into BuilderStudio for a one-shot run.
- Summary: A dark space-themed NFT landing page prompt with liquid glass treatment and video-driven sections.
- Prompt file: prompts/fintech-web3/orbis-nft/prompt.md
- BuilderStudio: builderstudio.dev
- Demo: seed prompt, no demo URL required
- One-shot usage: Copy the contents of prompt.md and paste it into BuilderStudio for a one-shot run.
- Summary: A glassmorphism DeFi hero prompt for sleek fintech and web3 product presentation.
- Prompt file: prompts/fintech-web3/rivr-defi-dashboard/prompt.md
- BuilderStudio: builderstudio.dev
- Demo: seed prompt, no demo URL required
- One-shot usage: Copy the contents of prompt.md and paste it into BuilderStudio for a one-shot run.
- Summary: A polished finance landing page hero prompt inspired by premium abstract visual direction.
- Prompt file: prompts/fintech-web3/rocol-finance-hero/prompt.md
- BuilderStudio: builderstudio.dev
- Demo: seed prompt, no demo URL required
- One-shot usage: Copy the contents of prompt.md and paste it into BuilderStudio for a one-shot run.
- Summary: A one-shot prompt for building a dark 3D creator portfolio for Jack using React, TypeScript, Tailwind CSS, Framer Motion, and Lucide React.
- Prompt file: prompts/portfolio/3d-creator-portfolio/prompt.md
- BuilderStudio: builderstudio.dev
- Demo: seed prompt, no demo URL required
- One-shot usage: Copy the contents of prompt.md and paste it into BuilderStudio for a one-shot run.
- Summary: A highly accurate responsive React hero prompt for a polished marketing presentation.
- Prompt file: prompts/portfolio/lexo-hero-section/prompt.md
- BuilderStudio: builderstudio.dev
- Demo: seed prompt, no demo URL required
- One-shot usage: Copy the contents of prompt.md and paste it into BuilderStudio for a one-shot run.
- Summary: A responsive React hero section prompt tuned for exact visual matching and strong presentation.
- Prompt file: prompts/portfolio/metery-hero-section/prompt.md
- BuilderStudio: builderstudio.dev
- Demo: seed prompt, no demo URL required
- One-shot usage: Copy the contents of prompt.md and paste it into BuilderStudio for a one-shot run.
- Summary: A premium AI-native email client landing page with cinematic video, glass UI, and polished SaaS presentation.
- Prompt file: prompts/saas/aura-email-client/prompt.md
- BuilderStudio: builderstudio.dev
- Demo: seed prompt, no demo URL required
- One-shot usage: Copy the contents of prompt.md and paste it into BuilderStudio for a one-shot run.
- Summary: A premium dark-mode hero section prompt with motion, Lucide icons, and strong landing-page structure.
- Prompt file: prompts/saas/dark-hero-section/prompt.md
- BuilderStudio: builderstudio.dev
- Demo: seed prompt, no demo URL required
- One-shot usage: Copy the contents of prompt.md and paste it into BuilderStudio for a one-shot run.
- Summary: A hero section creation prompt suitable for one-shot SaaS and landing page generation.
- Prompt file: prompts/saas/loop-hero-section/prompt.md
- BuilderStudio: builderstudio.dev
- Demo: seed prompt, no demo URL required
- One-shot usage: Copy the contents of prompt.md and paste it into BuilderStudio for a one-shot run.
- Summary: A high-performance software company hero section prompt focused on speed, clarity, and conversion.
- Prompt file: prompts/saas/qumica-software-hero/prompt.md
- BuilderStudio: builderstudio.dev
- Demo: seed prompt, no demo URL required
- One-shot usage: Copy the contents of prompt.md and paste it into BuilderStudio for a one-shot run.
- Summary: A structured SaaS project prompt for building a production-quality landing page and app shell.
- Prompt file: prompts/saas/saas-project-setup/prompt.md
- BuilderStudio: builderstudio.dev
- Demo: seed prompt, no demo URL required
- One-shot usage: Copy the contents of prompt.md and paste it into BuilderStudio for a one-shot run.
- Summary: A full-screen data security SaaS hero section prompt for trust-forward product marketing.
- Prompt file: prompts/saas/securify-data-security/prompt.md
- BuilderStudio: builderstudio.dev
- Demo: seed prompt, no demo URL required
- One-shot usage: Copy the contents of prompt.md and paste it into BuilderStudio for a one-shot run.
- Summary: A cinematic space-travel landing page prompt for immersive premium web experiences.
- Prompt file: prompts/travel-luxury/cinematic-space-travel/prompt.md
- BuilderStudio: builderstudio.dev
- Demo: seed prompt, no demo URL required
- One-shot usage: Copy the contents of prompt.md and paste it into BuilderStudio for a one-shot run.
- Summary: An ultra-luxury private jet hero section prompt with high-fidelity premium aesthetics.
- Prompt file: prompts/travel-luxury/jetcrest-private-aviation/prompt.md
- BuilderStudio: builderstudio.dev
- Demo: seed prompt, no demo URL required
- One-shot usage: Copy the contents of prompt.md and paste it into BuilderStudio for a one-shot run.
- Summary: A highly polished responsive HTML hero section prompt with background video and staged animations.
- Prompt file: prompts/travel-luxury/ratw-hero-section/prompt.md
- BuilderStudio: builderstudio.dev
- Demo: seed prompt, no demo URL required
- One-shot usage: Copy the contents of prompt.md and paste it into BuilderStudio for a one-shot run.
- Summary: A cinematic travel-oriented hero section prompt built as a single responsive HTML experience.
- Prompt file: prompts/travel-luxury/travel-cinematic-hero/prompt.md
- BuilderStudio: builderstudio.dev
- Demo: seed prompt, no demo URL required
- One-shot usage: Copy the contents of prompt.md and paste it into BuilderStudio for a one-shot run.
Add a new prompt under prompts/<category>/<slug>/ with both prompt.md and prompt.json. New prompt PRs must include demo_url.
npm run validate
npm run generate:readme
npm run validate:pr