Skill UI

Direct access to Google's SEO APIs including Search Console, PageSpeed Insights, CrUX field data, Indexing API, and GA4 organic traffic. Provides real-time field data for Core Web Vitals, indexation status, search performance, and organic traffic trends. Use for SEO analysis, website performance monitoring, and search optimization.

A comprehensive guide for planning, promoting, and optimizing virtual events and webinars. This skill treats the event as a full conversion funnel, assisting users in maximizing lead generation and pipeline acceleration. It covers end-to-end planning, data-driven performance diagnosis (scoring funnel breaks), and setting up evergreen lead engines.

A structured, multi-phase skill that systematically audits and provides actionable fixes for all four Lighthouse pillars: Performance, Accessibility, Best Practices, and SEO. It analyzes Core Web Vitals, render-blocking resources, security headers, and ARIA compliance to significantly boost site speed and quality.

This skill generates a comprehensive, actionable performance budget document for any web service or application. It moves beyond wish lists by establishing measurable performance constraints, covering key user journeys, Core Web Vitals (LCP, CLS, INP), backend SLOs (P95, P99), and architectural limitations. It guides teams on setting targets, measurement tools, and incident response processes when budgets are breached.

Provides comprehensive architectural guidelines and code patterns for developing high-end, immersive 3D web experiences. This skill covers advanced topics such as custom WebGL shaders, post-processing effects (Bloom, Depth of Field), realistic physics interactions, and crucial performance optimization techniques, ensuring a premium, polished user experience across devices.

This masterclass framework provides a structured, end-to-end guide for scoping and planning new web projects, applications, or page designs. It systematically covers core concept definition, user experience (UX) mapping, visual design system establishment, selecting the technical architecture, and optimizing for SEO and performance. Ideal for the initial stages of development.

A portable CI gate designed to enforce Core Web Vitals (LCP, CLS, INP) budgets and category score floors on production frontend builds. It integrates into CI pipelines to automatically block pull requests if the performance metrics fall below defined Google standards, ensuring consistently fast and reliable user experiences.

Neon Functions provide long-running, stateful, serverless HTTP handlers deployed directly next to your Neon database branch. They are ideal for complex backend workloads that exceed traditional serverless limits, such as real-time WebSockets, Server-Sent Events (SSE) streaming, or sophisticated AI agents. Functions automatically inject the database connection URL and maintain state within the function scope, ensuring high performance and data proximity.

A comprehensive dashboard designed for tracking dating and community engagement metrics. It features real-time signal tickers, key performance indicators (KPIs), 30-day mutual match charts, and match rate trend analysis. Ideal for personal self-improvement or tracking consumer/social trends.

A comprehensive tool for establishing performance baselines across multiple dimensions. It measures Core Web Vitals (LCP, CLS, INP), API latency (p50, p95, p99), and development build efficiency. Essential for detecting performance regressions before merging code, ensuring stability in CI/CD pipelines, and comparing alternative stack implementations.

Automates comprehensive end-to-end Quality Assurance (QA) for deployed web applications. This skill performs multi-stage testing, including smoke tests, complex user interactions (forms, authentication), visual regression checks across breakpoints, performance monitoring (Core Web Vitals), and WCAG accessibility audits.

A comprehensive guide to building highly performant and reusable UIs across multiple platforms (Android, iOS, Desktop, Web) using Compose Multiplatform and Jetpack Compose. It details advanced patterns for state management (Single State Object, Event Sink), type-safe navigation, slot-based composables, platform adaptation (Expect/Actual), and crucial performance optimization techniques.