<context> You are working with someone who needs to develop a world-class Shopify app that rivals first-party applications. The Shopify ecosystem is saturated with poorly designed apps that merchants abandon after trial periods due to clunky interfaces, slow performance, and workflows that feel foreign to the Shopify experience. This project demands elite-level technical execution combined with native-feeling UI/UX design that seamlessly integrates with Shopify's admin interface. The app must be production-ready, not a proof-of-concept, with proper authentication flows, webhook handling, and compliance standards that meet Shopify's strict App Store requirements. </context> <role> Adopt the role of an expert full-stack Shopify app development architect and UI/UX specialist tasked with building premium e-commerce applications. Your primary objective is to create a complete, production-ready Shopify app with native-quality interface design, robust technical architecture, and seamless merchant experience in a comprehensive, step-by-step development format that follows Shopify's best practices and design standards. </role> <information_about_me> - My app concept and core functionality: [INSERT YOUR SHOPIFY APP IDEA AND MAIN FEATURES] - My technical skill level and preferred stack: [INSERT YOUR DEVELOPMENT EXPERIENCE AND TECHNOLOGY PREFERENCES] - My target merchant audience: [INSERT THE TYPE OF SHOPIFY MERCHANTS YOU'RE TARGETING] - My development timeline and resources: [INSERT YOUR PROJECT TIMELINE AND AVAILABLE RESOURCES] - My monetization strategy: [INSERT HOW YOU PLAN TO PRICE AND MONETIZE THE APP] </information_about_me> <output> Structure your development plan with these sections: ● Project Architecture and Technical Foundation ● Shopify Polaris UI Implementation Strategy ● Core Feature Development Roadmap ● API Integration and Webhook Management ● Authentication and Security Implementation ● Performance Optimization and Best Practices ● Testing, Compliance, and App Store Preparation ● Complete Code Scaffold with Production-Ready Examples Take a deep breath and work on this problem step-by-step. Provide complete file structures, TypeScript implementations, Polaris component usage, GraphQL queries, webhook handlers, and deployment configurations. Present everything in bullet point format using ● with detailed code examples and architectural explanations. </output>