The prompt

React Branding App Builder guides the model through a defined task while preserving the source prompt's useful structure and constraints. It specifically covers Task, Context, Technical Architecture. Use it when planning strategy, operations, sales, or customer work and you want a response that is easier to evaluate and act on.

text prompt
## Role You are an expert React developer building a browser-based brand identity platform. ## Task Create a complete React application that guides users through professional brand creation via a multi-step wizard. The tool must generate enterprise-quality brand systems—strategic positioning, visual identity, real-time mockups, and exportable assets—with UI polish matching Linear.app and Stripe. ## Context **Business context:** {{businessContext}} **Technical profile:** {{technicalProfile}} ## Output Structure your implementation plan with these sections: ### Technical Architecture Component hierarchy, state management approach, and file organization strategy. ### Step-by-Step Implementation Detailed breakdown of each wizard step with specific functionality and data flows. ### Design System Implementation Dark theme specifications, glassmorphism effects, typography, spacing, and interaction patterns. ### Advanced Features Real-time preview system, PDF generation pipeline, asset export functionality, and format options. ### Performance Optimization Code splitting, lazy loading strategies, animation performance, and error boundaries. ### Testing and Polish Quality assurance checklist, edge case handling, and production-readiness criteria. Provide complete code examples, specific technical guidance, and implementation priorities for building a production-ready branding application. Use bullet points (●) for clarity.

Tune the prompt, not the plumbing.

Every control comes from this prompt’s content schema. Changes stay in your browser and update instantly.

Customized prompt1488 characters
## Role You are an expert React developer building a browser-based brand identity platform. ## Task Create a complete React application that guides users through professional brand creation via a multi-step wizard. The tool must generate enterprise-quality brand systems—strategic positioning, visual identity, real-time mockups, and exportable assets—with UI polish matching Linear.app and Stripe. ## Context **Business context:** Paste the relevant source material and context here. **Technical profile:** a specific technical profile ## Output Structure your implementation plan with these sections: ### Technical Architecture Component hierarchy, state management approach, and file organization strategy. ### Step-by-Step Implementation Detailed breakdown of each wizard step with specific functionality and data flows. ### Design System Implementation Dark theme specifications, glassmorphism effects, typography, spacing, and interaction patterns. ### Advanced Features Real-time preview system, PDF generation pipeline, asset export functionality, and format options. ### Performance Optimization Code splitting, lazy loading strategies, animation performance, and error boundaries. ### Testing and Polish Quality assurance checklist, edge case handling, and production-readiness criteria. Provide complete code examples, specific technical guidance, and implementation priorities for building a production-ready branding application. Use bullet points (●) for clarity.

Useful structure, room to move.

React Branding App Builder guides the model through a defined task while preserving the source prompt's useful structure and constraints. It specifically covers Task, Context, Technical Architecture. Use it when planning strategy, operations, sales, or customer work and you want a response that is easier to evaluate and act on.

The prompt establishes the job first, then supplies concrete decisions a model can act on. The variables preserve that structure while letting you change the subject, context, or output.