frontend▌

$22

Use this skill to create or update full-page screens in Figma by reusing the published design system — components, variables, and styles — rather than drawing primitives with hardcoded values. The key insight: the Figma file likely has a published design system with components, color/spacing variables, and text/effect styles that correspond to the codebase's UI components and tokens. Find and use those instead of drawing boxes with hex colors.

This skill provides guidance for creating effective skills.

sentry-react-sdk

The skill is based on Antdv Next docs and demos, generated at 2026-03-14.

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

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 ,

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