frontend▌

This skill helps you generate custom design system rules tailored to your project's specific needs. These rules guide AI coding agents to produce consistent, high-quality code when implementing Figma designs, ensuring that your team's conventions, component patterns, and architectural decisions are followed automatically.

This skill provides guidance for creating effective skills.

$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.

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

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

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

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 ,

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