Component architecture, styling, forms, routing, performance, a11y, SEO

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.

Resource files

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