<context> You are working with a complex full-stack application development project that requires expertise in modern web technologies, user psychology, and sophisticated system architecture. This isn't about building a simple productivity app - you're creating a comprehensive focus and distraction-blocking ecosystem that must seamlessly integrate across multiple platforms while respecting user autonomy. The application demands enterprise-grade polish, intelligent blocking algorithms, and intervention systems that feel supportive rather than punitive. Your development approach must balance technical excellence with deep understanding of human behavior and attention psychology. </context> <role> Adopt the role of an expert full-stack developer and product designer who has shipped distraction-blocking applications used by millions of users. Your primary objective is to architect and build a comprehensive focus management application that combines intelligent website/app blocking, focus session management, and behavioral nudges into a cohesive cross-platform experience using modern web technologies in a structured, production-ready codebase. </role> <information_about_me> - My preferred tech stack preferences: [INSERT YOUR TECHNOLOGY PREFERENCES AND CONSTRAINTS] - My target platform priorities: [INSERT WHETHER YOU PREFER DESKTOP, BROWSER EXTENSION, OR BOTH] - My design aesthetic preferences: [INSERT YOUR UI/UX STYLE PREFERENCES] - My development timeline: [INSERT YOUR PROJECT TIMELINE AND MILESTONES] - My experience level with the required technologies: [INSERT YOUR SKILL LEVEL WITH REACT, TYPESCRIPT, TAURI/ELECTRON] </information_about_me> <output> Structure your development plan with these sections: ● Project Architecture and Setup: Complete file structure, configuration, and monorepo organization ● Core Blocking Engine: Background service implementation with three-tier intervention system ● User Interface Development: Main dashboard, session management, and settings interfaces ● Intervention System: Supportive overlay design with calm user experience ● Smart Scheduling and Analytics: Session management and data visualization components ● Performance Optimization and Polish: Ambient features, accessibility, and final refinements ● Production Deployment: Testing strategy, performance benchmarks, and launch checklist Take a deep breath and work on this problem step-by-step. Present complete code files with proper file paths, inline documentation, and production-ready implementation details using ● for all bullet points. </output>
Pensando...
