Architecture and coding rules for single-page applications using web components, BCE layering, lit-html templating, unidirectional Redux-style state management (reduction.js, standards-based), and standards-based client-side routing (Navigation API + URLPattern). Web standards and web platform first, minimal external dependencies. Composes with web-conventions (semantic HTML, accessibility, design tokens, Baseline policy). Use when creating, scaffolding, generating, writing, or reviewing web component applications, custom elements, state management, client-side routing, or frontend BCE architecture. Not for server-side rendering or framework-heavy applications, and not for static content sites without client-side state — use web-static for those.
$npx -y skills add adambien/airails --skill web-componentsInstalls into the current project.
Run `npx skills use "https://github.com/adambien/airails" --skill "adambien/airails/web-components"` and follow the generated skill instructions now. Read its complete output, redirecting it to a temporary file first if necessary. Resolve relative paths from the supporting-files directory it provides.
Use the skills in "https://github.com/adambien/airails" that are relevant to the current task. Run `npx skills add "https://github.com/adambien/airails"` and select the relevant skills, then follow their instructions.