Frontend engineering guidance covering component architecture, state management, CSS/styling architecture, forms and validation, routing, responsive/mobile design, frontend performance, SEO/AI-visibility, and accessibility.
- component-architecture.md
- Structuring components, deciding what to extract, naming, folder layout
- state-management.md
- Choosing where state lives, local vs global, server vs client state
- styling-and-css.md
- Choosing a styling approach, design tokens, theming, responsive strategy
- forms-and-validation.md
- Building forms, validation timing, accessible error handling
- routing-and-navigation.md
- Route structure, code-splitting by route, auth-gated routes
- responsive-and-mobile.md
- Breakpoints, touch targets, mobile web specifics
- frontend-performance.md
- Bundle size, lazy loading, images, layout shift
- frontend-testing.md
- What to unit/integration/E2E test on the frontend
- accessibility.md
- Semantic HTML, ARIA, keyboard nav, contrast, focus management
- seo-and-launch-checklist.md
- Pre-launch pass: metadata, SEO tags, legal pages, conversion essentials
- seo-strategy-and-ai-visibility.md
- Deep SEO strategy + GEO: ranking in search and being cited by AI answer engines
- external-skills-map.md
- Whether a specialized design skill should lead instead