Frontend skills

This skill helps you diagnose and optimize Next.js App Router issues, hydration, and performance to deliver faster, reliable deployments.

This skill optimizes Vite builds and dev experience by applying modern ESM-first patterns, HMR tuning, and selective plugin strategies.

This skill helps you craft scalable CSS architectures and responsive designs while optimizing performance, accessibility, and design system consistency across

This skill helps you master advanced TypeScript types, generics, and template literals to solve complex type-level challenges efficiently.

This skill generates draw.io diagrams from natural language requests, outputs valid mxCell XML, and renders them in a browser preview.

This skill applies React best practices from react.dev and Vercel to review code, optimize performance, and improve state and effects.

This skill automates browser tasks for web testing, form filling, and data extraction, simplifying interactive testing and capturing results.

This skill helps you implement Liquid Glass UI in SwiftUI using the glassEffect API for modern, interactive, and morphing designs.

This skill enables camera-based visual search integration with iOS Visual Intelligence to surface app content quickly.

This skill builds a production image loading pipeline with memory and disk caching, deduplication, and a drop-in CachedAsyncImage view for SwiftUI.

This skill provides expert guidance for bridging AppKit and SwiftUI, including NSViewRepresentable, hosting controllers, and cross-framework state management.

This skill generates production-ready Swift WidgetKit widgets with configurable sizes, types, and lock screen support to accelerate app enhancement.

This skill enforces LiveView best practices, ensuring proper mounting, connected rendering, and safe state management for reliable interactive UI.

This skill reviews SwiftUI code for HIG compliance, typography, and accessibility, ensuring Dynamic Type support and platform-specific guidelines.

This skill guides watchOS development with SwiftUI, connectivity, and complications to optimize app design, performance, and user experience.

This skill enables embedding and controlling web content in SwiftUI apps using WebView and WebPage for navigation, JS interop, and customization.

This skill helps you design and adapt visionOS widgets for mounting styles, textures, proximity levels, and spatial families to enhance immersive experiences.

This skill generates a production-ready SwiftUI settings screen with modular sections and platform-appropriate integration for iOS and macOS.

This skill generates a protocol-based analytics setup with swappable providers to track events without changing app code.

This skill creates clear, publication-ready visualizations by selecting appropriate chart types and exporting PNG, HTML, or SVG from your data.

This skill helps you craft production-grade interactive interfaces with distinctive aesthetics using HTML/CSS/React components and motion.