Agent Skills

tailwind-v4

★ 25,837

by mastra-ai

Tailwind CSS v4 usage guide and v3-to-v4 differences. This skill should be used when writing, reviewing, or refactoring any Tailwind CSS code in this repo. Triggers on tasks involving Tailwind classes, @theme blocks, CSS-first configuration, or cleanup of v3-era syntax.

🧰 Not standalone — use together with mastra-ai/mastra

ralph-plan

★ 25,837

by mastra-ai

Interactive planning assistant that helps create focused, well-structured ralph-loop commands through collaborative conversation

🧰 Not standalone — use together with mastra-ai/mastra

react-best-practices

★ 25,837

by mastra-ai

React performance optimization guidelines from Mastra Engineering. This skill should be used when writing, reviewing, or refactoring React code to ensure optimal performance patterns. Triggers on tasks involving React components, data fetching, bundle optimization, or performance improvements.

🧰 Not standalone — use together with mastra-ai/mastra

commit

✓★ 25,801

by openai

Create a well-formed git commit from current changes using session history for

🧰 Not standalone — use together with openai/symphony

land

✓★ 25,801

by openai

Land a PR by monitoring conflicts, resolving them, waiting for checks, and

🧰 Not standalone — use together with openai/symphony

pull

✓★ 25,801

by openai

Pull latest origin/main into the current local branch and resolve merge

🧰 Not standalone — use together with openai/symphony

push

✓★ 25,801

by openai

Push current branch changes to origin and create or update the corresponding

🧰 Not standalone — use together with openai/symphony

adr-skill

✓★ 25,366

by vercel

Create and maintain Architecture Decision Records (ADRs) optimized for agentic coding workflows. Use when you need to propose, write, update, accept/reject, deprecate, or supersede an ADR; bootstrap an adr folder and index; consult existing ADRs before implementing changes; or enforce ADR conventions. This skill uses Socratic questioning to capture intent before drafting, and validates output against an agent-readiness checklist.

🧰 Not standalone — use together with vercel/ai

list-npm-package-content

✓★ 25,366

by vercel

List the contents of an npm package tarball before publishing. Use when the user wants to see what files are included in an npm bundle, verify package contents, or debug npm publish issues.

🧰 Not standalone — use together with vercel/ai

ai-sdk

✓★ 25,366

by vercel

Answer questions about the AI SDK and help build AI-powered features. Use when developers: (1) Ask about AI SDK functions like generateText, streamText, ToolLoopAgent, embed, or tools, (2) Want to build AI agents, chatbots, RAG systems, or text generation features, (3) Have questions about AI providers (OpenAI, Anthropic, Google, etc.), streaming, tool calling, structured output, or embeddings, (4) Use React hooks like useChat or useCompletion. Triggers on: "AI SDK", "Vercel AI SDK", "generateTe

🧰 Not standalone — use together with vercel/ai

island-rescue

✓★ 25,366

by vercel

How to be rescued from a lonely island

🧰 Not standalone — use together with vercel/ai

browse

✓★ 23,368

by browserbase

Use the browse CLI for Browserbase browser automation, Browserbase cloud APIs, Browserbase Functions, templates, web fetch/search, diagnostics, and Browse.sh skill discovery/installation. Use when the user asks to navigate pages, inspect browser state, run local or remote browser sessions, manage Browserbase resources, call Browserbase Functions, browse or scaffold Browserbase templates, fetch or search web content, diagnose browse setup, find or install a skill for a website task, discover site

🧰 Not standalone — use together with browserbase/stagehand

browser

✓★ 23,368

by browserbase

Automate browser interactions using the Browserbase browse CLI. Use when a task requires navigating websites, reading page state, clicking elements, filling forms, or validating browser results with the browse command.

🧰 Not standalone — use together with browserbase/stagehand

huashu-design

★ 20,935

by alchaincyf

花叔Design——用HTML做高保真原型、幻灯片、动画、可视化与专家评审，需求模糊时给设计方向。触发词：做原型、PPT、幻灯片、动画、设计风格、评审、做个HTML页面、UI mockup、导出MP4/GIF、做个好看的。生产级Web App/需后端的系统不适用。

🧰 Not standalone — use together with alchaincyf/huashu-design

apollo-client

★ 19,779

by apollographql

Guide for building React applications with Apollo Client 4.x. Use this skill when: (1) setting up Apollo Client in a React project, (2) writing GraphQL queries or mutations with hooks, (3) configuring caching or cache policies, (4) managing local state with reactive variables, (5) troubleshooting Apollo Client errors or performance issues.

🧰 Not standalone — use together with apollographql/apollo-client

react-email

★ 19,403

by resend

Use when building HTML email templates with React components, adding a visual email editor to an application using the React Email visual editor, rendering emails to HTML, or sending emails with Resend. Covers welcome emails, password resets, notifications, order confirmations, newsletters, transactional emails, and the embeddable email editor component.

🧰 Not standalone — use together with resend/react-email

relay-best-practices

✓★ 18,946

by facebook

Best practices for writing idiomatic Relay code. ALWAYS use this skill when writing or modifying React components that use Relay for data fetching. Covers fragments, queries, mutations, pagination, and common anti-patterns. Use when you see `useFragment`, `useLazyLoadQuery`, `usePreloadedQuery`, `useMutation`, `usePaginationFragment`, `graphql` template literals, `react-relay` imports, or `__generated__/*.graphql` files. Also use when asked to explain Relay concepts, debug Relay issues, or revie

🧰 Not standalone — use together with facebook/relay

relay-e2e-test

✓★ 18,946

by facebook

Write and run markdown-driven e2e tests for Relay. Covers fixture format, server/client code patterns, interaction DSL, snapshots, and running tests.

🧰 Not standalone — use together with facebook/relay

relay-performance

✓★ 18,946

by facebook

Performance best practices for Relay applications. Use when optimizing data fetching, reducing re-renders, configuring caching, or improving time to first meaningful paint. Covers query placement, @defer, pagination, fetch policies, garbage collection, fragment granularity, and server-side filtering. Companion to the relay-best-practices skill which covers correctness and architecture.

🧰 Not standalone — use together with facebook/relay

trl-training

✓★ 18,774

by huggingface

Train and fine-tune transformer language models using TRL (Transformers Reinforcement Learning). Supports SFT, DPO, GRPO, KTO, RLOO and Reward Model training via CLI commands.

🧰 Not standalone — use together with huggingface/trl

vercel-cli

✓★ 15,861

by vercel

Deploy, manage, inspect, and troubleshoot Vercel projects from the command line. Use for Vercel deployments, projects and teams, environment variables, domains and DNS, logs, metrics, Speed Insights, Core Web Vitals, request traces, usage, activity, alerts, firewall rules, cache, cron jobs, deploy hooks, Edge Config, feature flags, integrations, connectors, Blob storage, microfrontends, rolling releases, custom environments, Sandbox, agent/MCP setup, OAuth apps, preview access, local development

🧰 Not standalone — use together with vercel/vercel

cli-ux

✓★ 15,861

by vercel

Use for packages/cli changes that affect command UX, prompts, help, output layout, progress, success, warnings, errors, JSON/stdout/stderr contracts, non-interactive/agent behavior, copy, or tests for those surfaces. Do not load for implementation-only refactors with unchanged CLI surface.

🧰 Not standalone — use together with vercel/vercel

codegen

★ 15,622

by vercel

Code generation utilities for json-render. Use when generating code from UI specs, building custom code exporters, traversing specs, or serializing props for @json-render/codegen.

🧰 Not standalone — use together with vercel-labs/json-render

core

★ 15,622

by vercel

Core package for defining schemas, catalogs, and AI prompt generation for json-render. Use when working with @json-render/core, defining schemas, creating catalogs, or building JSON specs for UI/video generation.

🧰 Not standalone — use together with vercel-labs/json-render

devtools

★ 15,622

by vercel

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, browse a catalog, or pick DOM elements to find their spec keys. Triggers include "add devtools", "debug json-render", "inspect the spec", "why is this element not rendering", "see the state at runtime", or requests to tap streams / capture action logs for `@json-render/devtools`.

🧰 Not standalone — use together with vercel-labs/json-render

directives

★ 15,622

by vercel

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 $format, $math, $concat, $count, $truncate, $pluralize, $join, or $t to specs.

🧰 Not standalone — use together with vercel-labs/json-render

image

★ 15,622

by vercel

Image renderer for json-render that turns JSON specs into SVG and PNG images via Satori. Use when working with @json-render/image, generating OG images from JSON, creating social cards, or rendering AI-generated image specs.

🧰 Not standalone — use together with vercel-labs/json-render

ink

★ 15,622

by vercel

Ink terminal renderer for json-render that turns JSON specs into interactive terminal UIs. Use when working with @json-render/ink, building terminal UIs from JSON, creating terminal component catalogs, or rendering AI-generated specs in the terminal.

🧰 Not standalone — use together with vercel-labs/json-render

jotai

★ 15,622

by vercel

Jotai adapter for json-render's StateStore interface. Use when integrating json-render with Jotai for state management via @json-render/jotai.

🧰 Not standalone — use together with vercel-labs/json-render

mcp

★ 15,622

by vercel

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.

🧰 Not standalone — use together with vercel-labs/json-render