MCP servers and skills: search, filter by where they run, and compare.
React Email renderer for json-render that turns JSON specs into HTML or plain-text emails using @react-email/components and @react-email/render. Use when working with @json-render/react-email, buildin
OfficialSkillApache-2.0★ 19k in collectionNo key
React renderer for json-render that turns JSON specs into React components. Use when working with @json-render/react, building React UIs from JSON, creating component catalogs, or rendering AI-generat
OfficialSkillApache-2.0★ 19k in collectionNo key
React PDF renderer for json-render. Use when generating PDF documents from JSON specs, working with @json-render/react-pdf, or rendering specs to PDF buffers/streams/files.
OfficialSkillApache-2.0★ 19k in collectionNo key
React Three Fiber 3D renderer for json-render. Use when working with @json-render/react-three-fiber, building 3D scenes from JSON specs, rendering meshes/lights/models/environments, or integrating Thr
OfficialSkillApache-2.0★ 19k in collectionNo key
React Native renderer for json-render that turns JSON specs into native mobile UIs. Use when working with @json-render/react-native, building React Native UIs from JSON, creating mobile component cata
OfficialSkillApache-2.0★ 19k in collectionNo key
React adapter for the json-render devtools inspector. Use whenever the user wants to add, configure, or troubleshoot @json-render/devtools-react in a React json-render app, including spec inspection,
OfficialSkillApache-2.0★ 19k in collectionNo key
The Generative UI framework
in the skill text/react-pdf # or for HTML email npm install @json-render/core @json-render/react-email @react-email/components @react-email/render # or for Vue npm install @json-render
OfficialSkillApache-2.0★ 19kNo key
SDK monorepo for the Ethora chat / messaging platform. (1) Pick an SDK for your frontend stack. (2) Integrate manually or with ethora-setup. (3) Optionally configure app settings, deploy AI agents etc
in the readmerepository, linked here as git submodules. ## Ecosystem | Folder | Repository | Description | Status | |--------|-----------|-------------|--------| | `sdk-reactjs/` | ethora-chat-component | React.js chat SDK — embed chat in any web app | Active
SkillApache-2.0★ 550No key
3D content in Remotion using Three.js and React Three Fiber.
OfficialInstructionsApache-2.0★ 19k in collectionNo key
265+ Claude Code skills for every major framework and language. Install with: npx skills add Mindrally/skills
in the skill textdocker # React Native npx skills add Mindrally/skills --skill expo-react-native-typescript --skill react-query --skill zustand-state-management --skill jest # Infrastructure npx skills add Mindrally/skills
SkillApache-2.0★ 275No key
Create data-driven presentation slides using React, Vite, and Recharts with Sentry branding. Use when asked to "create a presentation", "build slides", "make a deck", "create a data presentation", "bu
OfficialSkillApache-2.0★ 1.1k in collectionNo key
SolidJS renderer for json-render. Use when building @json-render/solid catalogs/registries, wiring Renderer providers, implementing bindings/actions, or troubleshooting Solid-specific reactivity patte
OfficialSkillApache-2.0★ 19k in collectionNo key
Build and deploy full-stack web and mobile apps with AWS Amplify Gen2 (TypeScript code-first). Covers auth (Cognito), data (AppSync/DynamoDB including schema modeling, enum types, relationships, autho
in the skill textframework: | Framework | Slug | | ------------ | -------------- | | React | `react` | | Next.js | `nextjs` | | Vue | `vue` | | Angular | `angular` | | React Native | `react-native` | | Flutter | `flutter` | | Swift | `swift` | | Android | `android` | - Amplify Docs for LLMs - Amplify
OfficialSkillApache-2.0★ 918 in collectionNo key
MCP Apps integration for json-render. Use when building MCP servers that render interactive UIs in Claude, ChatGPT, Cursor, or VS Code, or when integrating json-render with the Model Context Protocol.
in the skill text/core @modelcontextprotocol/sdk # Client (iframe) npm install @json-render/react @json-render/shadcn react react-dom # Build tools npm install -D vite @vitejs/plugin-react vite-plugin-singlefile
OfficialSkillApache-2.0★ 19k in collectionNo key
Drop-in inspector panel for any json-render app. Use when the user wants to debug a generative UI, inspect the spec tree, edit state at runtime, see dispatched actions, follow stream patches live, bro
in the skill textinspector panel for json-render apps. Framework-agnostic core + per-framework adapters (React, Vue, Svelte, Solid). Production-safe: the component renders `null` when `NODE_ENV === "production
OfficialSkillApache-2.0★ 19k in collectionNo key
Displaying captions in Remotion with TikTok-style pages and word highlighting
in the skill textrender until the captions are loaded: ```tsx import { useState, useEffect, useCallback } from "react"; import { AbsoluteFill, staticFile, useDelayRender } from "remotion"; import type { Caption } from "@remotion/captions"; export const
OfficialInstructionsApache-2.0★ 19k in collectionNo key
Pre-built shadcn/ui components for json-render. Use when working with @json-render/shadcn, adding standard UI components to a catalog, or building web UIs with Radix UI + Tailwind CSS components.
in the skill textEntry Point | Exports | Use For | |-------------|---------|---------| | `@json-render/shadcn/catalog` | `shadcnComponentDefinitions` | Catalog schemas (no React dependency, safe for server) | | `@json-render/shadcn` | `shadcnComponents` | React implementations | ## Usage Pattern Pick
OfficialSkillApache-2.0★ 19k in collectionNo key
Importing .srt subtitle files into Remotion using @remotion/captions
in the skill textfolder, then fetch and parse it: ```tsx import { useState, useEffect, useCallback } from "react"; import { AbsoluteFill, staticFile, useDelayRender } from "remotion"; import { parseSrt } from "@remotion/captions"; import type { Caption
OfficialInstructionsApache-2.0★ 19k in collectionNo key
Make a video parametrizable by adding a Zod schema
in the skill textimport {z} from 'zod'; export const MyCompositionSchema = z.object({ title: z.string(), }); const MyComponent: React.FC > = () => { return ( {props.title} ); }; ``` In the root file, the schema can be passed to the
OfficialInstructionsApache-2.0★ 19k in collectionNo key
Best practices for Remotion - Video creation in React
OfficialSkillApache-2.0★ 19k in collectionNo key
Diagnoses GKE HorizontalPodAutoscaler (HPA) failures — metrics showing as <unknown>, FailedGetResourceMetric / FailedGetScale / FailedComputeMetricsReplicas events, missing Pod resource requests, cust
in the skill textstabilization window / unavailable rate metrics), scale-to/from-zero problems, and slow HPA reaction on large clusters. Use when an HPA isn't scaling a workload
OfficialSkillApache-2.0★ 21k in collectionNo key
3D & AR SDK for Android (Jetpack Compose + Filament), Apple (SwiftUI + RealityKit), Web, Flutter and React Native. Opens glTF/GLB, 3MF, STL, OBJ and PLY on Android and USDZ on Apple, at real size in A
Node.jsApache-2.0★ 1.3kNo key
Medplum is a healthcare platform that helps you quickly develop high-quality compliant applications.
in the readmeclient and server │ ├── mock # Mock FHIR data for testing │ ├── react # React component library │ ├── react-hooks # React hooks library │ └── server # Backend API server └── scripts # Helper bash scripts
Hosted by authorApache-2.0★ 2.7kNo key
Implement, configure, and secure Sign In With Google (SiwG) using Google Identity Services (GIS / `https://accounts.google.com/gsi/client`) across web architectures. Use when creating Google sign-in b
in the skill textsign-in buttons, implementing Google One Tap with FedCM, integrating GIS in React/Next.js/Angular/HTML, verifying ID tokens on backend runtimes (Python/Node.js/Go/Java), enforcing Google Workspace domain restrictions
OfficialSkillApache-2.0★ 21k in collectionNo key
Review one or more ADRs with fresh eyes (as a team member without prior context), identify narrative and structural issues, then rewrite them. Use when the user asks to review, improve, rewrite, or ta
in the skill textare in scope, group your analysis per ADR so the user can react to each one before rewrites land. 2. **Then rewrite each document** to address
OfficialSkillApache-2.0★ 48k in collectionNo key
A tool for autonomous agents like OpenClaw to discover and learn skills autonomously
in the readmecontext, and use skills autonomously. ```json { "query": "react performance", "count": 1, "skills": [ { "id": "react-best-practices", "title": "React Best Practices", "source": "vercel/ai-skills", "relevance_score": 85.5, "install
PythonApache-2.0★ 248No key
Measuring DOM element dimensions in Remotion
in the skill textelement dimensions ```tsx import { useCurrentScale } from "remotion"; import { useRef, useEffect, useState } from "react"; export const MyComponent = () => { const ref = useRef (null); const scale = useCurrentScale(); const [dimensions, setDimensions
OfficialInstructionsApache-2.0★ 19k in collectionNo key
A desktop multi-agent harness built with Rust, Tauri, and React, powered by langgraph-rust.
SkillApache-2.0★ 1.1kNo key
Embedding Lottie animations in Remotion.
in the skill textremotion/lottie` package ```tsx import {Lottie, LottieAnimationData} from '@remotion/lottie'; import {useEffect, useState} from 'react'; import {cancelRender, continueRender, delayRender} from 'remotion'; export const MyAnimation = () => { const [handle] = useState(() => delayRender
OfficialInstructionsApache-2.0★ 19k in collectionNo key
Chart and data visualization patterns for Remotion. Use when creating bar charts, pie charts, histograms, progress bars, or any data-driven animations.
in the skill textRemotion You can create bar charts in Remotion by using regular React code - HTML and SVG is allowed, as well as D3.js. ## No animations not powered
OfficialInstructionsApache-2.0★ 19k in collectionNo key
Pre-built custom directives for json-render — formatting, math, string manipulation, and i18n. Use when working with @json-render/directives, defining custom directives with defineDirective, or adding
in the skill textinto prompt generation const prompt = catalog.prompt({ directives: standardDirectives }); // Wire into the renderer (React example) import { JSONUIProvider, Renderer } from '@json-render/react'; ``` To add factory directives like
OfficialSkillApache-2.0★ 19k in collectionNo key
Build and run agents you can see, understand and trust.
in the readmefrom a rich set of building blocks: | Building block | What's inside | |---|---| | **ReAct** | Reasoning-acting loop with structured output, realtime interruption & resume, and batched (sequential / concurrent
SkillApache-2.0★ 33kNo key
Make map animations with Mapbox
in the skill textmap in Remotion. ```tsx import {useEffect, useMemo, useRef, useState} from 'react'; import {AbsoluteFill, useDelayRender, useVideoConfig} from 'remotion'; import mapboxgl, {Map} from 'mapbox-gl'; export const lineCoordinates
OfficialInstructionsApache-2.0★ 19k in collectionNo key
Scene transitions and overlays for Remotion using TransitionSeries.
in the skill textimport { TransitionSeries, linearTiming } from "@remotion/transitions"; import { fade } from "@remotion/transitions/fade"; ; ``` ## Overlay example Any React component can be used as an overlay. For a ready-made effect, see
OfficialInstructionsApache-2.0★ 19k in collectionNo key
Python, LlamaIndex, LangChain, 15 Property Graph, 4 RDF , 10 Vector, OpenSearch, Elasticsearch DBs. 14 data sources, 10 auto sync: Alfresco, Nuxeo, etc. KG auto-building, Ontologies, LLMs, Docling, Ll
in the readmePyPI - flexible-graphrag-mcp ]( , and AI Observability via OpenLIT
OfficialSkillApache-2.0★ 285 in collectionNo key
Use as the top-level router for Omniverse Realtime Viewer USD app requests and focused viewer reference documents.
in the skill textUSD geometry. - Do not substitute WebGL, Three.js, Babylon.js, PlayCanvas, A-Frame, model-viewer, react-three-fiber, glTF browser viewers, or other client-side 3D renderers
OfficialSkillApache-2.0★ 3.6k in collectionNo key
CookHero是一个基于 LLM + RAG + Agent + 多模态的智能饮食与烹饪管理平台，支持智能菜谱查询、个性化饮食计划、AI 饮食记录、营养分析、Web 搜索增强，以及可扩展的 ReAct Agent / Subagent 工具体系，帮助厨房新手轻松成为“烹饪英雄”。
SkillApache-2.0★ 628No key
The @aws/nx-plugin is a collection of code generators that automate the creation and configuration of cloud-native applications using AWS, TypeScript, Python and React within the Nx development ecosys
OfficialSkillApache-2.0★ 153No key
Apply this pass after the technical claims and page structure are correct. The goal is clear, natural eve documentation, not a generic rewrite.
in the skill textreplacing it with broad summaries. - Do not invent examples, measurements, sources, opinions, reactions, or implementation details. - Match eve's neutral instructional voice rather than an individual
OfficialInstructionsApache-2.0★ 5.6k in collectionNo key
An MCP app template using Pomerium, the Model Context Protocol (MCP) TypeScript SDK, with a Node.js server and React widgets served by Vite.
SkillApache-2.0★ 21No key
Build, migrate, and deploy Next.js apps on Cloudflare Workers with vinext. Use when starting a Next.js project on Cloudflare, moving an existing app to Workers, choosing between vinext and OpenNext, o
in the skill textNext.js API surface on Vite: - Familiar Next.js development: App Router, Pages Router, React Server Components, and supported `next/*` imports. - Vite tooling: fast HMR, native ESM, and
OfficialSkillApache-2.0★ 3.1k in collectionNo key
Acceptance criterion: The build workflow routes to the Vite plugin path and avoids unsupported package names.
in the skill textvite-app pnpm dlx prisma-next init pnpm add vite @vitejs/plugin-react react react-dom ``` The agent runtime has Prisma Next skills registered (project level, as `init
OfficialInstructionsApache-2.0★ 415 in collectionNo key
React with TypeScript Component Library based on USWDS 3.0
SkillApache-2.0★ 28No key
Observe AI agent runs and control consequential actions. Signed policies, exact-action approvals, AuthZEN API vetoes and evidence. MCP gateway today; connected-channel supervision and scoped reactions
GoApache-2.0★ 53No key
Your coding agent designs terrible UI. stitch-kit wires it into Google Stitch MCP and teaches it the whole pipeline — ideation, screen generation, design systems, production components.
in the readmestitch-loop` | `stitch-loop` | Visual verification step, explicit MCP naming, DESIGN.md integration | | `stitch::react-components` | `stitch-react-components` | Also accepts a local HTML file or URL
Node.jsApache-2.0★ 45No key
Motion forensics for the animated web. A Claude Code & Codex plugin that reverse-engineers a live URL into React + Tailwind — pulling real CSS + animation params from JS bundles (GSAP/Framer Motion/We
SkillApache-2.0★ 14No key
Java AI application development framework (supports LLM-tool,skill; RAG; MCP; Agent-ReAct,Team-Agent). Compatible with java8 ~ java26. It can also be embedded in SpringBoot, jFinal, Vert.x, Quarkus, a
SkillApache-2.0★ 463No key
Who stands behind it
Who stands behind it
