frontend▌

Comprehensive performance optimization and best practices for React applications, designed for AI agents and LLMs working with React code.

Use this pattern whenever a page needs to load data based on whatever identifier appears in the URL. Common scenarios include:

Install and configure Sentry in React Native projects using the official wizard CLI.

The useSearchParams hook requires TWO things:

Great design is invisible - users notice when it's bad, not when it's good.

Build real-time applications with WebSockets and Socket.io.

This skill guides creation of distinctive, production-grade frontend interfaces that avoid generic "AI slop" aesthetics. Implement real working code with exceptional attention to aesthetic details and creative choices.

Load with: base.md + typescript.md

SwiftUI search is environment-based and navigation-consumed. You attach .searchable() to a view, but a navigation container (NavigationStack, NavigationSplitView, or TabView) renders the actual search field. This indirection is the source of most search bugs.

Guide users through their first complete trade on Hyperliquid via Senpi. This skill teaches the core loop: discover top traders → create a strategy that mirrors a chosen trader → monitor → close strategy.