Performance And Web Vitals
dembrandt/dembrandt-skills/skills/performance-and-web-vitalsby dembrandt20de5f225ea7cffe2a721ac18c1077a92769a013No licenseListed Oct 9, 2026Updated Oct 9, 2026
Lighthouse audits and Core Web Vitals — LCP, CLS, INP. Use when optimising page load, layout shift, input delay, images, fonts or render-blocking resources.
- 20de5f225ea7cffe2a721ac18c1077a92769a013Currentcommit 20de5f2Published Oct 9, 2026
Source and attribution
Source:dembrandt/dembrandt-skillsinskills/performance-and-web-vitalsat commit20de5f2
License: No license
Content belongs to its original authors. SourceWeft indexes it from a public repository.
More from dembrandt/dembrandt-skills
Visual Emphasis And Hierarchy
dembrandt
Guidance for using size, colour, weight and position to establish visual hierarchy and a single primary action in UI layouts.
User Flows And Guided Paths
dembrandt
Guides design of multi-step user flows, wizards, onboarding, checkout and setup journeys.
Status Colors And Errors
dembrandt
Guidance for designing a small semantic status colour palette and recoverable, actionable error states.
Ui Context And Scope
dembrandt
Guidance for designing UI that shows users their location, active context, and the scope of their actions.
Sticky And Fixed Elements
dembrandt
Guides choosing between sticky and fixed CSS positioning for headers, toolbars, FABs and table headers.
Tab Navigation
dembrandt
Guidance for designing tabbed navigation interfaces, covering tab types, states, overflow, keyboard use, ARIA and persistence.
More in Software Development
Playground
anthropics
Builds self-contained interactive HTML playgrounds with controls, live preview, and copyable prompt output.
M5 Onboard
anthropics
Provisions M5Stack ESP32 boards by detecting them on USB, flashing UIFlow 2.0 firmware, and installing a MicroPython app bundle.
Cardputer Buddy
anthropics
Guides iterating on a Cardputer-Adv MicroPython app bundle: adding apps, pushing files over USB-serial, tailing logs, and running REPL commands.
Web Design Guidelines
vercel-labs
Reviews UI code against Web Interface Guidelines fetched from a remote source and reports findings as file:line entries.
Vercel React Native Skills
vercel-labs
React Native and Expo best-practice rules covering list performance, animation, navigation, UI patterns, state, and monorepo setup.
Vercel React Best Practices
vercel-labs
Vercel's React and Next.js performance guidelines, organized as 70 rules for writing, reviewing, and refactoring code.