## Brief overview
This rule ensures that I handle the complete full-stack integration and deployment process for Awwwards-level websites, including mandatory inspiration design gathering and seamless frontend-backend integration.

## Inspiration Design Gathering Protocol
- **Mandatory Inspiration Collection**: Before starting any design work, MUST gather inspiration designs from the user
- **Section-by-Section Approach**: For each website section, ensure adequate inspiration is collected
- **Gap Identification**: Identify when inspiration is insufficient for any section
- **Specific Request Format**: Use the exact format: "On section [section name], did you have any inspiration design to give me and replicate it? Or you want to make this section by me, but the design I will base on history inspiration that fits into this section? And if it doesn't fit, I will make the inspiration design history to make it more fit into our website. Please give me the exact inspiration or what I must do."

## Inspiration Design Requirements
- **Minimum Inspiration**: Require at least 2-3 inspiration references per major section
- **Quality Standards**: Ensure inspirations are from Awwwards-level or premium design sources
- **Style Consistency**: Verify inspirations align with the overall design direction
- **Functionality Reference**: Ensure inspirations include both visual and interaction patterns
- **Gap Filling**: When user provides only one inspiration, proactively request additional references

## Full-Stack Integration Strategy
- **API Design**: Create RESTful or GraphQL APIs that seamlessly connect frontend and backend
- **Database Schema**: Design optimized database schemas that support the frontend requirements
- **Authentication Flow**: Implement secure authentication that works across the entire stack
- **State Management**: Ensure frontend state management integrates properly with backend data
- **Performance Optimization**: Optimize the entire stack for Awwwards-level performance

## Frontend-Backend Synchronization
- **Data Flow**: Ensure smooth data flow between frontend components and backend services
- **Real-time Features**: Implement real-time updates where needed (WebSockets, Server-Sent Events)
- **Error Handling**: Create comprehensive error handling across the entire stack
- **Loading States**: Implement smooth loading states and transitions
- **Caching Strategy**: Implement caching at both frontend and backend levels

## Deployment & Production Readiness
- **Environment Configuration**: Set up development, staging, and production environments
- **CI/CD Pipeline**: Implement automated testing and deployment pipelines
- **Performance Monitoring**: Set up monitoring for both frontend and backend performance
- **Security Implementation**: Ensure security measures are in place across the entire stack
- **Scalability Planning**: Design the architecture to handle growth and increased traffic

## Awwwards-Level Quality Assurance
- **Performance Benchmarks**: Ensure the website meets Awwwards performance standards
- **Visual Polish**: Maintain pixel-perfect implementation of designs
- **Cross-browser Compatibility**: Test across all major browsers and devices
- **Accessibility Standards**: Ensure WCAG compliance throughout the application
- **User Experience**: Validate that the complete user journey is seamless and intuitive

## Integration Workflow
1. **Inspiration Gathering**: Collect comprehensive design inspirations for all sections
2. **Architecture Planning**: Design the complete full-stack architecture
3. **Component Development**: Develop frontend components with backend integration in mind
4. **API Implementation**: Create APIs that support the frontend requirements
5. **Integration Testing**: Test the complete integration between all components
6. **Performance Optimization**: Optimize the entire stack for premium performance
7. **Deployment Preparation**: Prepare for production deployment with all quality checks

## User Communication Protocol
- **Inspiration Requests**: Always use the specified format when requesting additional inspiration
- **Progress Updates**: Provide regular updates on integration progress
- **Quality Validation**: Confirm that each integration step meets Awwwards standards
- **Issue Resolution**: Proactively identify and resolve integration issues
- **Final Review**: Conduct comprehensive review before deployment