frontend▌

Use this skill for changes touching vendored React, react-server-dom-webpack/*, or react-server layer boundaries.

sentry-react-sdk

Expert guidance for building type-safe Expo React Native applications with modern best practices. \n \n Covers TypeScript standards, functional component patterns, and strict mode configuration with interfaces over types \n Includes responsive design strategies using Flexbox, dark mode support, and accessibility standards via ARIA roles \n Addresses performance optimization through image lazy loading, code splitting with Suspense, and state management with Context/Zustand \n Provides error handl

Complete iOS/macOS/watchOS/tvOS/visionOS build, test, debug, and UI automation through Xcode without raw command-line tools. \n \n Simulator workflows: build, run, test, install, and launch apps on iOS simulators with state management (boot, erase, location, appearance) \n Device and macOS workflows: build, test, install, and launch on physical devices with code signing, plus native macOS app support \n Debugging and inspection: LLDB attachment with breakpoints, stack traces, variable inspection

Convert JSON specifications into type-safe React component trees with state management and dynamic expressions. \n \n Supports declarative UI specs with element trees, two-way data binding via $bindState , conditional rendering, and computed expressions \n Built-in state management through StateProvider with optional external store integration (Redux, Zustand, XState) and JSON Pointer-based state paths \n Event system with action dispatching, state watchers, and four built-in actions: setState ,

If you see unfamiliar placeholders or need to check which tools are connected, see CONNECTORS.md.

Audit UI code against Web Interface Guidelines with automated compliance checking. \n \n Fetches the latest guidelines from a remote source before each review, ensuring rules stay current \n Accepts file paths or patterns as input; prompts for clarification if none provided \n Outputs findings in a concise file:line format for quick issue identification \n Triggered by user requests like \"review my UI,\" \"check accessibility,\" \"audit design,\" or \"review against best practices\" \n

Build Slack apps with Bolt framework across Python, JavaScript, and Java using Block Kit. \n \n Covers Bolt app foundation with event handling, slash commands, and request verification built-in \n Block Kit UI pattern for rich messages and modals with up to 50 blocks per message and interactive components \n OAuth 2.0 installation flow for multi-workspace distribution with token storage and scope management \n Available in Python, JavaScript (Node.js), and Java with consistent patterns across la

Create effective visual communication through research-backed design principles.

React and Next.js patterns for component composition, state management, performance, and accessibility. \n \n Covers component patterns including composition, compound components, and render props for flexible, reusable UI architecture \n Includes custom hooks for state management, async data fetching, debouncing, and context-based state with reducers \n Performance optimization techniques: memoization, code splitting with lazy loading, and list virtualization for large datasets \n Form handling