Frontend skills

This skill helps you build Starknet DeFi features by integrating avnu SDK for best-price swaps, DCA, staking, and gasless transactions.

This skill visualizes audio frequency and time-domain data in real time, synchronized with React updates to enhance scheduling and analysis.

This skill fixes ESLint violations across the codebase by analyzing errors, grouping by rule, and proposing actionable plan and tasks.

This skill helps you implement fluid CSS grid layouts with 12 columns and responsive gutters using Utopia utilities.

This skill helps you optimize JavaScript tasks by prioritizing native APIs and lightweight utilities for objects, arrays, strings, numbers, and functions.

This skill helps orchestrate Next.js full-stack projects by converting intent into phased, verifiable, tokenized execution.

This skill enables fluid drag-and-drop with physics-based animations, tracking pointer events, collisions, and spring-like reordering for responsive UIs.

This skill analyzes page speed and Core Web Vitals to identify root causes and provide actionable optimization recommendations.

This skill enables seamless integration of custom elements into a React virtual DOM, mapping props, forwarding refs, and syncing events.

This skill helps you apply design tokens and core components for consistent UI across boxes, layouts, and typography.

This skill provides expert guidance on implementing PagerKit in SwiftUI, optimizing cross-platform page navigation and custom indicators.

This skill monitors Sentry for unresolved frontend and backend errors, filtering by project, environment, and time range to help you triage quickly.

This skill helps you build accessible, headless design systems with Radix UI primitives, enabling full theming control and composable, production-ready

This skill helps you enforce input shape with Zod in the presentation layer, while business rules live in entities and server actions use schemas.

This skill helps you design and implement a Tesla-inspired dashboard UI for iPad using atomic design, dark glassmorphism, MapKit navigation, and media controls.

This skill helps you implement and optimize React Native Expo mobile apps with API-driven UI, navigation, performance, and platform considerations.

This skill helps diagnose and resolve hydration mismatches to eliminate UI thrashing and layout shifts across server and client renders.

This skill designs streaming SSR hydration strategies to improve interactivity and TTI with progressive hydration and graceful recovery.

This skill helps implement accessible, responsive motion patterns using Anime.js v4 for UI feedback, transitions, and celebratory animations.

This skill orchestrates end-to-end testing workflows by coordinating server setup, browser automation, and result analysis for complete user flows.

This skill guides macOS MapKit integration in SwiftUI/AppKit apps, enabling map display, location, routing, search, and Look Around features.