frontend▌

Apply behavioral science principles to product design for habit formation and user retention. \n \n Focuses on understanding target behaviors, identifying barriers, and designing interventions using concepts like loss aversion, present bias, and status quo effect \n Emphasizes reducing friction for desired actions while adding appropriate friction to prevent mistakes, and leveraging smart defaults to guide user outcomes \n Includes guidance on creating celebration moments through micro-interacti

You design dashboards that help humans make decisions quickly. Dashboards are products: audience, questions, and actions matter more than chart count.

Elite mobile app image-generation skill for creating premium, app-native screen concepts and flows. Designed for iOS, Android, and cross-platform mobile products. Prioritizes clean hierarchy, comfortably readable text, strong multi-screen consistency, controlled color palettes, non-generic creative direction, textured surfaces, image-led composition, tasteful custom iconography, and clean phone mockup framing. By default, screens should be shown inside a subtle premium iPhone or similar phone mockup with a visible frame, while the main focus stays on the app content itself. This skill generates images only. It does not write code.

Build Expo apps with React Native 0.76-0.82+ and SDK 52-55, navigating mandatory New Architecture, React 19 changes, and 16 documented breaking changes. \n \n Covers React Native 0.82+ where New Architecture is mandatory and legacy architecture completely removed; includes interop layer guidance for 0.76-0.81 migration path \n Addresses 16 specific breaking changes including propTypes removal, forwardRef deprecation, Swift iOS template migration, Metro log forwarding removal, and Chrome debugger

Clean editorial-style interfaces. Warm monochrome palette, typographic contrast, flat bento grids, muted pastels. No gradients, no heavy shadows.

Chat building blocks from ui.inference.sh.

Orchestrates video generation across three engines, selecting the best one based on requirements and available resources.

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.

Vue 3 Options API patterns, TypeScript integration strategies, and context-binding gotchas. \n \n Covers TypeScript type safety for component properties, this context, prop validators, event handlers, complex types, provide/inject, and computed return types \n Addresses common method and lifecycle hook pitfalls: arrow function binding issues, context loss, and stateful method state leakage across instances \n Organized as a reference guide with linked examples for each pattern and anti-pattern \

Server Components by default, client interactivity on demand, with structured data fetching and caching strategies. \n \n Server Components handle data fetching and static content; Client Components ('use client') manage forms, state, and event handlers. Split responsibilities when both are needed. \n Data fetching uses static caching by default, with ISR (time-based revalidation) and dynamic (no-store) options for different freshness requirements. \n Routing relies on file conventions (page.tsx