frontend-engineering
Domain package with 17 compiled Units.
Unit counts by external type
| Kind | Count |
|---|---|
| scope | 3 |
| step | 3 |
| metric | 2 |
| rule | 2 |
| tradeoff | 2 |
| provocation | 1 |
| taxonomy | 1 |
| term | 1 |
| type | 1 |
| voice | 1 |
Sample Units
Metric Cls Cumulative Layout Shift
CLS is one of Google's three Core Web Vitals (alongside LCP and INP). It measures the visual stability of a page by summing the impact-fraction × distance-fraction of every unexpected layout shift during the page's lifet…
Metric Lcp Largest Contentful Paint
LCP is one of Google's three Core Web Vitals — it measures the render time of the largest image, video poster, or text block visible within the viewport during initial page load.…
Provocation No Frameworks
frontend-engineering
Button Type Explicit
Every `<button>` element MUST declare an explicit `type` attribute (`button`, `submit`, or `reset`). The HTML default is `submit`, which inside a `<form>` causes any unrelated button (e.g.…
Mobile First
CSS responsive breakpoints MUST be authored mobile-first: base styles target the smallest viewport, and `@media (min-width: ...)` queries layer on enhancements for larger viewports.…
Scope Frontend Review
Defines the preconditions and environmental requirements for running frontend design review and accessibility audit methods.…
Scope Mobile Native
Defines applicability for atoms whose guidance applies only to native mobile apps — iOS (Swift, SwiftUI, UIKit) and Android (Kotlin, Jetpack Compose, View system).…
Scope Server Side Only
Defines the applicability scope for atoms whose guidance applies only to server-side rendering, server components, API routes, edge functions, or backend code paths.…
Step Debounce Async Validation
Inputs: HTMLInputElement (or controlled equivalent), AsyncValidator function (v…
Step Debounce Search Input
Setup: let timeoutId = null; let activeController = null; const delay = delayMs…
Step Validate Required Fields
For each field F in form.fields: 1. Check `required` attribute or `data-require…
Taxonomy Form Input Types
A taxonomy of HTML form input controls and their semantic types. The HTML5 specification defines 22 input `type` values plus several distinct elements (textarea, select, button).…