Stop getting generic code from AI. Start building production-ready UIs.
Prompt Architect is a single-file GUI tool designed to solve the "Quality Ceiling" problem when working with AI coding assistants (ChatGPT, Claude, Gemini).
When you ask an AI to "make a website," it defaults to generic styles, uses Lorem Ipsum, and often skips complex logic. This tool generates a Master System Prompt that forces the AI to:
- Commit to a specific aesthetic (e.g., "Swiss Minimal" or "Cyberpunk").
- Adhere to a strict tech stack (Tailwind, GSAP, Vanilla JS).
- Include mandatory sections (preventing incomplete outputs).
- Adopt a Senior Developer persona.
- 3 Core Archetypes: Choose between Visual (High-end), SaaS (Functional), or Micro-Tool (Logic-heavy).
- Aesthetic Selector: Narrow down the design DNA before a single line of code is written.
- Mandatory Checklist: Explicitly tell the AI which components (Hero, Pricing, Footer) cannot be skipped.
- One-Click Copy: Generates a pre-formatted prompt ready to paste into a new chat session.
- No Build Step: Built with vanilla HTML/JS and Tailwind CDN. Just open and run.
- Clone or Download this repository.
- Open
landingpage-generator.htmlin your browser. - Select your Archetype (e.g., "SaaS").
- Choose your Vibe (e.g., "Bento Grid").
- Check required sections (e.g., "Pricing Table", "FAQ").
- Type your idea (e.g., "A crypto dashboard for tracking whale movements").
- Click Copy and paste the result into ChatGPT, Claude, or Gemini.
- HTML5
- Tailwind CSS (via CDN for portability)
- Vanilla JavaScript (No framework overhead)
- Phosphor Icons
This is a lightweight tool, but ideas are welcome!
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature) - Commit your Changes (
git commit -m 'Add some AmazingFeature') - Push to the Branch (
git push origin feature/AmazingFeature) - Open a Pull Request
Distributed under the MIT License. See LICENSE for more information.
Built by macchant