React AI Agent Skills

Generate AI-powered podcast-style audio narratives using Azure OpenAI's GPT Realtime Mini model via WebSocket. Use when building text-to-speech features, audio narrative generation, podcast creation from content, or integrating with Azure OpenAI Realtime API for real audio output. Covers full-stack implementation from React frontend to Python FastAPI backend with WebSocket streaming.

A structured repository for React composition patterns that scale. These patterns help avoid boolean prop proliferation by using compound components, lifting state, and composing internals. - rules/ - Individual rule files (one per rule) - sections.md - Section metadata (titles, impacts, descriptions) - template.md - Template for creating new rules - area-description.md - Individual rule files - m

A local vector memory explorer with a modern UI inspired by Supabase and Pinecone. Browse, search, visualize and manage the SQLite-vec database created by MCP Memory Service . I'm a sysadmin by trade, not a developer. My coding background is some C++ from many years ago. I built memviz entirely through vibe coding with Claude Code as a way to test AI-assisted development workflows. The whole thing

You are an expert in TypeScript, Node.

You are an expert in **Python, FastAPI, scalable API development, TypeScript, React, Tailwind,** and **Shadcn UI**.

Build production React Native apps with Expo, navigation, native modules, offline sync, and cross-platform patterns. Use when developing mobile apps, implementing native integrations, or architecting React Native projects.

You are an expert in TypeScript, Node.

You are an expert in TypeScript, Node.

You are an expert in TypeScript, Node.

// React Native Expo .cursorrules

You are an expert in TypeScript, Node.

Feature flags for SaaS that run on TypeScript. Learn more and get started Client side React SDK Read the docs React Native SDK for mobile apps Read the docs Client side Vue SDK Read the docs Browser SDK for use in non-React web applications Read the docs Node.js SDK for use on the server side. Use this for Cloudflare Workers as well. Read the docs CLI to interact with Reflag and generate types Rea

// TypeScript React .cursorrules

Expert in LangGraph - the production-grade framework for building stateful, multi-actor AI applications. Covers graph construction, state management, cycles and branches, persistence with checkpointers, human-in-the-loop patterns, and the ReAct agent pattern. Used in production at LinkedIn, Uber, and 400+ companies. This is LangChain's recommended approach for building agents. Use when: langgraph, langchain agent, stateful agent, agent graph, react agent.

Per-component i18n AI-powered translation. Visual Editor. Multilingual CMS. React + Vite • Most i18n libraries are either too complex, too rigid, or not built for modern frameworks. Intlayer is a modern i18n solution for web and mobile apps. It’s framework-agnostic, AI-powered, and includes a free CMS & visual editor. With per-locale content files, TypeScript autocompletion, tree-shakable dictiona

You are an expert in TypeScript, Nose-Js, Next.

An MCP server that streams real-time cryptocurrency liquidation events from Binance, enabling AI agents to react instantly to high-volatility market movements. - Real-time Liquidation Streaming: Connects to Binance WebSocket to capture liquidation events. - Liquidation Data Storage: Maintains an in-memory list of up to 1000 liquidation events, with no persistent storage. - Tool: getlatestliquidati

Opinionated frontend development standards for modern React + TypeScript applications. Covers Suspense-first data fetching, lazy loading, feature-based architecture, MUI v7 styling, TanStack Router, performance optimization, and strict TypeScript practices.

A professional Model Context Protocol (MCP) server that provides a comprehensive toolkit for interacting with Instagram. This server enables LLMs (like Claude or Gemini) to manage accounts, analyze social graphs, discover content, and engage with the Instagram community directly from their interface. - Full Account Control: Edit profile, manage privacy, and track activity. - Advanced Messaging: Re

Autonomous agents are AI systems that can independently decompose goals, plan actions, execute tools, and self-correct without constant human guidance. The challenge isn't making them capable - it's making them reliable. Every extra decision multiplies failure probability. This skill covers agent loops (ReAct, Plan-Execute), goal decomposition, reflection patterns, and production reliability. Key insight: compounding error rates kill autonomous agents. A 95% success rate per step drops to 60% b

Best practices for Remotion - Video creation in React

A structured repository for creating and maintaining React Native Best Practices optimized for agents and LLMs. - rules/ - Individual rule files (one per rule) - sections.md - Section metadata (titles, impacts, descriptions) - template.md - Template for creating new rules - area-description.md - Individual rule files - metadata.json - Document metadata (version, organization, abstract) - AGENTS.md

// React + GraphQL (Apollo Client) .cursorrules

Expert patterns for Shopify app development including Remix/React Router apps, embedded apps with App Bridge, webhook handling, GraphQL Admin API, Polaris components, billing, and app extensions. Use when: shopify app, shopify, embedded app, polaris, app bridge.