frontend▌

These rules are distilled from Matthew Butterick's Practical Typography (https://practicaltypography.com). Butterick is a typographer, writer, and type designer whose work bridges professional typography and everyday digital writing. Thank you, Matthew, for making this knowledge accessible and encyclopedic. If you find this skill valuable, consider supporting his work directly.

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.

Visualize the user's request as an interactive single HTML file. First, read references/common-rules.md to review common rules.

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.

Generates optimized prompts tailored to specific models and identity methods. Different models respond differently to prompts.

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.