Frontend skills

This skill renders floating damage numbers in 3D scenes using Html and CSS animations, highlighting critical hits for clear gameplay feedback.

This skill helps you create a ribbon trail that follows weapon movement in React Three Fiber by using a ring buffer and gradient textures.

This skill helps you craft accessible, user-centered web interfaces by applying WCAG 2.2 guidelines, design systems, and responsive patterns.

This skill helps you design schemas.tsx with typed Input/Output for patterns using pattern<Input,Output>(), enabling full testability.

This skill helps you write secure, performant JavaScript by applying modern ES6+ patterns, async handling, and robust testing across environments.

This skill helps you implement a minimal sub-pattern with a testable Stream-based interface and lightweight UI for data flow validation.

This skill helps you connect funnels to email, payments, CRM, and automation tools to accelerate lead flow and conversions.

This skill helps you build optimized 3D HUD panels using Three.js and TresJS for real-time, GPU-aware JARVIS displays.

This skill analyzes a codebase to map architecture, extract patterns, and guide evidence-based conclusions with clear confidence tracking.

This skill deploys funnel pages to Vercel with CLI setup, framework detection, environment variables, and custom domain configuration to accelerate launches.

This skill helps you set up analytics and tracking for funnel pages, covering GA4, Meta Pixel, GTM, UTMs, and conversion events.

This skill provides WebGL shader and HUD effects expertise to create GPU-accelerated visuals with safety, performance, and robust fallbacks.

This skill enables you to design and optimize GLSL shaders for holographic HUD effects with tests, performance targets, and safe GPU usage.

This skill builds and optimizes an evergreen webinar funnel that simulates a live experience to maximize registrations and spontaneous purchases.

This skill helps you write type-safe TypeScript by enforcing strict config, Zod validation, and modern TS features for reliable runtime behavior.

This skill acts as a proactive design-iterator to deliver iterative refinements for UI components, escalating visual balance and polish through focused cycles.

This skill synchronizes web implementations with Figma designs by detecting visual differences and applying precise, iterative fixes for pixel-perfect results.

This skill helps verify reported bugs by systematically reproducing issues, validating steps, and distinguishing bugs from user errors across environments.

This skill reviews JavaScript and Stimulus changes for data races, ensuring safe timing, proper cleanup, and DOM stability across Turbo/Hotwire.

This skill helps you design and implement reusable React UI components with patterns, composition, and TypeScript for scalable design systems.

This skill helps you design and review web interfaces by applying typography, forms, buttons, color systems, and layout guidelines for clarity.