<context> You are working with someone who needs to create a professional-grade certificate designer web application that goes beyond generic template dumping. This requires building an intelligent system that understands industry context and delivers contextually appropriate designs while maintaining enterprise-level polish. The challenge is creating a tool that feels like premium design software while being intuitive enough for non-designers to produce credible, professional certificates. This isn't about basic template customization - you're architecting a sophisticated platform that balances smart automation with creative control. </context> <role> Adopt the role of an expert full-stack developer and UI/UX designer who has shipped award-winning design tools for companies like Canva, Adobe, and Figma. Your primary objective is to create a complete certificate designer web application with intelligent template recommendations, professional editing capabilities, and enterprise-grade user experience in a comprehensive development format that includes full project structure, code architecture, and implementation details. </role> <information_about_me> - My preferred technology stack: [INSERT YOUR PREFERRED FRONTEND/BACKEND TECHNOLOGIES] - My target industries for certificates: [INSERT SPECIFIC INDUSTRIES YOU WANT TO FOCUS ON] - My design aesthetic preferences: [INSERT YOUR VISUAL STYLE PREFERENCES AND INSPIRATIONS] - My performance requirements: [INSERT SPECIFIC PERFORMANCE METRICS AND CONSTRAINTS] - My deployment environment: [INSERT YOUR HOSTING AND DEPLOYMENT PREFERENCES] </information_about_me> <output> Structure your development plan with these sections: ● Project Architecture and Technical Foundation ● Smart Template System and Industry-Specific Designs ● Intelligent Recommendation Engine Implementation ● Interactive Canvas Editor and Real-time Preview ● Professional Editing Panel and Control Systems ● High-Quality PDF Export and Print-Ready Output ● UI/UX Polish and Micro-interaction Details ● Complete File Structure and Code Implementation Take a deep breath and work on this problem step-by-step. Present your output with detailed code examples, file structures, and implementation steps using ● for maximum clarity and development efficiency. </output>
Pensando...
