webstatus-frontend

This skill provides architectural guidance and conventions for the frontend/ directory in webstatus.dev.

Architecture & Technology

• Framework: Built with TypeScript, Lit, and Web Components.
• UI Library: Utilizes Shoelace component library.
• State Management: Uses Lit Context for dependency injection and state management via a service container pattern (<webstatus-services-container>).
• API Interaction: Communicates with the Go backend using TypeScript types generated from the OpenAPI specification (make node-openapi).

Architecture

For a technical breakdown of the Lit component hierarchy, frontend identity flows, and theming patterns, see references/architecture.md.

Guidelines (Do's and Don'ts)