Transform your product concepts into professional-grade creative assets.
Imagine your product across Billboards, Newspapers, and Social Media while maintaining perfect visual consistency.
High-fidelity prompt engineering interface for consistent branding. |
Urban-scale visualization maintaining product geometry and vibe. |
Seamless asset generation across media. |
|
- 🔒 Secure Proxy Architecture: Implemented an Express backend to safely handle LLM API keys, preventing client-side exposure.
- 🎨 Dynamic Component Injection: Uses
motion/reactfor fluid layout transitions between different medium views. - 👁️ Prompt Orchestration: Custom system instructions to ensure OOD (Out-of-Distribution) consistency across DALL-E 3 and Gemini vision models.
- 📐 Responsive Realism: CSS grid systems designed to mimic real-world aspect ratios for Billboards and Print media.
- 🎯 AI Creative Director: Intelligent prompt engineering that maintains your product's DNA across different formats.
- 🖼️ Multi-Medium Support: Specialized generation for high-impact Billboards, elegant Newspapers, and lifestyle Social Posts.
- 🛡️ Safety Guardrails: Built-in "No People" policy ensures your product remains the absolute star of every shot.
- ⚡ Performance First: Full-stack architecture with secure, high-speed proxies for Gemini 2.0, Claude 3.5, and GPT-4o.
- Core: React 19, Vite, TypeScript
- Styling: Tailwind CSS, Motion, shadcn/ui
- Backend: Node.js, Express (Internal API Proxy)
- Intelligence: Google Gemini 2.0, OpenAI DALL-E 3, Anthropic
- Node.js (v18+)
- npm or pnpm
- Google Gemini API Key
# Clone the repository
git clone <your-repo-url>
cd brand-builder-app
# Install dependencies
npm installCreate a .env file in the root:
GEMINI_API_KEY=your_key_here
# Optional for additional models:
# OPENAI_API_KEY=...
# ANTHROPIC_API_KEY=...npm run devExplore at http://localhost:3000
npm run build
npm start