Frontend and UI: skills, plugins, subagents, slash commands and mcp servers

agent-browser official Vercel Labs skill Automates browser actions via CLI, takes DOM snapshots, clicks elements, and verifies dev servers. Helps AI agents inspect web interfaces directly. CX Codex GP ChatGPT 20installs testing-data-visualizations official OpenAI skill This skill establishes test strategies for charts, dashboards, and diagrams. It separates unit, component, visual regression, and E2E coverage without brittle pixel snapshots. CX Codex GP ChatGPT 18installs build-chatgpt-app official OpenAI skill Scaffolds, refactors, and debugs ChatGPT Apps SDK projects combining MCP servers with widget UIs. Useful when building apps for ChatGPT in Codex. CX Codex GP ChatGPT 16installs node-link-and-diagram-layout official OpenAI skill This skill selects layouts for graphs, diagrams, and connected nodes. Use it when crossings, overlaps, edge routing, or unstable placement make a visual hard to read. CX Codex GP ChatGPT 16installs threejs-data-visualization official OpenAI skill Guides the agent to pick a renderer and build 3D or GPU-heavy visuals when SVG and Canvas2D stop scaling. CX Codex GP ChatGPT 15installs md-slides Alireza Rezvani skill Turns a Markdown deck into a single-file HTML presentation with keyboard controls, speaker notes, and PDF printing. Use it for slides authored in Markdown. Claude Code 15installs image-to-code official OpenAI skill Translates screenshots, mockups, and AI images into responsive frontend code. Helpful for turning visual concepts into functional web prototypes. CX Codex GP ChatGPT 14installs scrollytelling-and-parallax-data-visualization official OpenAI skill Guides the design and implementation of scrollytelling and parallax data visualizations. Use it when scroll progression explains data through staged scene reveals. CX Codex GP ChatGPT 13installs react-and-nextjs-data-visualization official OpenAI skill Patterns for embedding charts and diagrams into React and Next.js: SSR boundaries, hydration safety, URL-backed state, and isolated rendering layers. CX Codex GP ChatGPT 13installs geospatial-and-cartographic-visualization official OpenAI skill This skill helps plan maps by choosing projections, basemaps, visualization types, and implementation tools. Use it for thematic maps, routes, and spatial datasets. CX Codex GP ChatGPT 13installs d3-data-visualization official OpenAI skill This skill builds custom D3 visualizations with SVG or DOM, annotations, bespoke scales, and interaction. Use it when standard chart grammars no longer fit. CX Codex GP ChatGPT 13installs audit official OpenAI skill Walks through product flows step by step, captures verified screenshots, and flags UX and accessibility issues in chat. CX Codex GP ChatGPT 10installs typescript-data-visualization-engineering official OpenAI skill Guides typed data visualization architecture in TypeScript, covering data contracts, state boundaries, and renderer selection from D3 to WebGL. CX Codex GP ChatGPT 9installs gantt-chart-visualization official OpenAI skill Designs Gantt charts, audits schedule models, and selects frontend visualization stacks. Useful when task dates, milestones, and dependencies guide project plans. CX Codex GP ChatGPT 9installs canvas2d-data-visualization official OpenAI skill Renders data visualizations with Canvas2D when DOM overhead slows down the page. Designed for dense scatterplots, sparkline grids, heatmaps, and streaming traces. CX Codex GP ChatGPT 9installs verification official Vercel Labs skill Traces and tests full user flows end-to-end across browser, API, and data layers when a dev server starts or something breaks. CX Codex GP ChatGPT 8installs auth official Vercel Labs skill Guides Next.js authentication setup with Clerk, Descope, or Auth0, including sign-in flows and protected routes. CX Codex GP ChatGPT 8installs observability official Vercel Labs skill Configures logging and metrics for applications hosted on Vercel. Useful when debugging runtime errors or adding OpenTelemetry. CX Codex GP ChatGPT 7installs ai-elements official Vercel Labs skill This skill guides React AI interfaces built with ai-elements and shadcn/ui. Use it for chat views, streaming responses, tool calls, and reasoning panels. CX Codex GP ChatGPT 7installs grammar-of-graphics-and-declarative-visualization official OpenAI skill Generates tabular charts using Vega-Lite, Vega, and Observable Plot. It guides the model to pick the right declarative grammar instead of writing bespoke rendering code. CX Codex GP ChatGPT 7installs applicationinsights-web-ts Microsoft skill Set up Application Insights telemetry for browser apps, including page views, requests, and exceptions. Use it for RUM or to connect browser-side GenAI agent traces with backend spans. Claude Code GitHub Copilot 38installs satori official Vercel Labs skill Guides dynamic Open Graph image generation in Next.js using Satori and @vercel/og with HTML and CSS. CX Codex GP ChatGPT 6installs routing-middleware official Vercel Labs skill Guides your agent on Vercel Routing Middleware to intercept requests before cache, handle rewrites, redirects, and configure Edge, Node.js, or Bun. CX Codex GP ChatGPT 6installs geist official Vercel Labs skill This skill guides you through adding Geist Sans, Geist Mono, and Geist Pixel to a Next.js project. Use it when setting up typography or deciding where each family belongs. CX Codex GP ChatGPT 6installs email official Vercel Labs skill Configures email sending via Resend and React Email templates for Vercel apps. It covers API routes and domain verification. CX Codex GP ChatGPT 6installs url-to-code official OpenAI skill Turns a live website into a working frontend app: captures elements, styles, interactions and assets via browser. CX Codex GP ChatGPT 6installs get-context official OpenAI skill A design-brief gate for Codex. It clarifies product targets and expected outcomes before creating UI files or running prototypes. CX Codex GP ChatGPT 6installs figma-swiftui official Figma skill Translates Figma designs into SwiftUI and sends SwiftUI back to Figma. Use it for iOS, iPhone, and iPad interface work. CX Codex GP ChatGPT 6installs figma-implement-motion official Figma skill Translates Figma animations and transitions into production code using motion.dev or CSS keyframes. Useful when implementing motion for UI components from a design. CX Codex GP ChatGPT 6installs podcast-generation microsoft skill Generates podcast-style audio narratives using Azure OpenAI GPT Realtime Mini over WebSocket. Integrates a FastAPI backend with a React audio player. Claude Code GitHub Copilot 29installs v0-dev official Vercel Labs skill Generates React components with v0, integrates them into Next.js projects via CLI, and automates deployments using the v0 SDK. CX Codex GP ChatGPT 5installs turbopack official Vercel Labs skill Guides the setup of Turbopack in Next.js 16, helps migrate from Webpack loaders, and resolves production build failures. CX Codex GP ChatGPT 5installs geistdocs official Vercel Labs skill Guides the assistant through setting up Geistdocs sites built with Next.js 16 and Fumadocs. Useful when authoring MDX, configuring i18n, or enabling AI chat. CX Codex GP ChatGPT 5installs index official OpenAI skill This skill routes product design requests to the right workflow. Use it when you want to explore an idea, review a user flow, or build a prototype from a visual reference. CX Codex GP ChatGPT 5installs openai-ads-conversions-setup official OpenAI skill Guides Codex in setting up OpenAI Ads Measurement Pixel and server-side Conversions API. Useful for tracking checkouts, leads, and purchases without leaking secrets. CX Codex GP ChatGPT 5installs web-perf official Cloudflare skill Audits web page performance using Chrome DevTools MCP. Measures Core Web Vitals and inspects render-blocking assets. CX Codex GP ChatGPT 5installs vercel-services official Vercel Labs skill Configures monorepos and multi-service deployments in a single Vercel project. Useful when pairing Python or Go backends with a frontend. CX Codex GP ChatGPT 4installs vercel-flags official Vercel Labs skill Provides guidance for Vercel Flags and the flags v4 SDK. Useful for implementing staged rollouts, A/B experiments, and the Flags Explorer in Next.js or SvelteKit. CX Codex GP ChatGPT 4installs next-cache-components official Vercel Labs skill Guides AI agents through Next.js 16 Cache Components, the use cache directive, and Partial Prerendering setup. CX Codex GP ChatGPT 4installs json-render official Vercel Labs skill Guides rendering of AI SDK v6 UIMessage parts, tool call results, and streaming states in custom React chat interfaces. CX Codex GP ChatGPT 4installs