development

# Development Skill

Software development patterns for backend, frontend, mobile, deployment, and AI engineering.

## Quick Reference

| Area | Key Patterns | When to Use |
|------|--------------|-------------|
| **Backend** | REST APIs, microservices, database schema | Server-side systems |
| **Frontend** | React, state management, accessibility | Web applications |
| **Fullstack** | End-to-end features, API integration | Complete features |
| **Mobile** | React Native, Flutter, cross-platform | Mobile apps |
| **iOS** | Swift/SwiftUI, iOS 18 features | Native iOS apps |
| **Deployment** | CI/CD, Docker, Kubernetes, GitHub Actions | Infrastructure |
| **AI** | LLM integration, RAG, prompt pipelines | AI-powered apps |
| **Prompts** | System prompts, agent optimization | LLM behavior |

---

## Backend Architecture

### Focus Areas
- RESTful API design with proper versioning and error handling
- Service boundary definition and inter-service communication
- Database schema design (normalization, indexes, sharding)
- Caching strategies and performance optimization
- Security patterns (auth, rate limiting)

### Approach
1. Start with clear service boundaries
2. Design APIs contract-first
3. Consider data consistency requirements
4. Plan for horizontal scaling from day one
5. Keep it simple - avoid premature optimization

### Output
- API endpoint definitions with example requests/responses
- Service architecture diagram (mermaid or ASCII)
- Database schema with key relationships
- Technology recommendations with rationale
- Bottlenecks and scaling considerations

---

## Frontend Development

### Focus Areas
- React and modern component patterns
- State management (Redux, Zustand, Context)
- Performance optimization (memoization, code splitting)
- Accessibility (WCAG compliance)
- Responsive design and CSS-in-JS

### Approach
1. Component-first architecture
2. Lift state only when necessary
3. Optimize renders with React.memo, useMemo
4. Test with React Testing Library