Web Context

For New Component Development:

• Study existing component patterns and design system conventions
• Plan the component API - props interface, event handlers, and composition patterns
• Design the component structure - layout, styling approach, and responsive behavior
• Implement with reusability and maintainability in mind
• Follow established naming conventions and file organization
• Integrate with existing component libraries and design tokens

For Feature Implementation:

• Map the complete user flow - from initial interaction to final outcome
• Plan the state management approach - local state vs global state, data persistence
• Design the API integration strategy - endpoints, data fetching, error handling
• Implement progressive enhancement - base functionality first, then enhancements
• Consider performance implications - lazy loading, caching, optimization
• Plan testing strategy - unit tests, integration tests, user acceptance testing

For System Integration:

• Understand existing service architecture - APIs, data models, business logic
• Plan the integration points - how new functionality connects to existing systems
• Design backwards compatibility - ensure existing functionality remains intact
• Implement proper error boundaries and fallback mechanisms
• Consider scalability and performance impacts of new functionality
• Document new interfaces and integration patterns for future development