OpenAIWeb development
Event Analyzer
event-driven-analyzer
Use in analyzing dated public interest event paths, probabilities, benefits, and expected returns.
CATEGORY
Agent Skills: Web development
75 current skills: 47 OpenAI, 12 Shopify, 5 Google, 4 Cloudflare, 3 Vercel, 1 Firebase (Google), 1 Supabase, 1 Anthropic, 1 Microsoft. What is a skill?
Skills in this category
OpenAIWeb development
Catalyst calendar
catalyst-calendar
Use to establish catalytic schedules for public investment.
CloudflareWeb development
Run an app Workers Local
cloudflare-app-bootstrap
The skill brings a Cloudflare Workers application up to a first local query that works: connecting bindings, secrets and initial data, and then checking for real application behavior.
OpenAIWeb development
Web Games Foundations
web-game-foundations
Set the browser game architecture before implementation.
OpenAIWeb development
Generation of ideas for investing in public capital
idea-generation
Use to sort candidates for the idea of public equity.
OpenAIWeb development
Retromotion interactivity
remotion-interactivity
Marking Remotion Structure for interactivity
OpenAIWeb development
Frontend user interface game
game-ui-frontend
Designing user interface surfaces for browser games.
OpenAIWeb development
Preparation of the meeting
meeting-prep
Use when creating preparation files for public investment meetings.
OpenAIWeb development
Response and Next.js Data Visualization
react-and-nextjs-data-visualization
Integrate data visualizations into React and Next.js applications.
OpenAIWeb development
HyperFrames Registry
hyperframes-registry
Install and run registry blocks and components in HyperFrames compositions.
OpenAIWeb development
Remotion of best practices
remotion-best-practices
Router for all skills Remotion
OpenAIWeb development
Company Paper Sheet
company-tearsheet
Use when creating tear-like leaves from source-supported public emitters.
PostHogWeb development
Slack Audio Transcription
transcribing-slack-audio
Trace a Slack voice message or audio piece (M4A, MP3, OGG/Opus, WAV, WebM) on the local machine with ffmpeg and whisper.cpp, so the agent can act onISH.
GoogleWeb development
Write a spec OpenAPI for API Gateway
api-gateway-openapi-spec-authoring
API Gateway accepts OpenAPI 2.0, 3.0.x and 3.1.x configs, but Google extensions do not have the same form from one version to another.
CloudflareWeb development
Develop with Durable Objects
durable-objects
The skill builds, debugs or repeats the Cloudflare Durable Objects code for a persistent state and coordination.
CloudflareWeb development
Best practices Cloudflare Workers
workers-best-practices
The skill brings together Cloudflare Workers good practices for a production application, writing, review or configuration.
CloudflareWeb development
Audit web performance
web-perf
The skill audits, diagnoses or optimizes the loading and interaction of a site, Core Web Vitals and Lighthouse performance scores.
VercelWeb development
Transition animations with the API View Transition from React
vercel-react-view-transitions
This skill guides native view transitions to React, via the component `<ViewTransition>`, `addTransitionType` and pseudo- CSS elements.
GoogleWeb development
Application bases Integration
application-integration-basics
Application Integration entry point: concepts, regional provisioning, IAM roles, run-as service accounts, interface choice (REST, Python discovery client, Terraform, ADK), quotas and deadlines.
GoogleWeb development
Build Integrations Application Integration
application-integration-authoring
Construction, versioning, publication, testing and execution of workflows Application Integration, via the API REST and the client Python discovery, including promotion of one version from one environment to another.
GoogleWeb development
Troubleshoot Application Integration
application-integration-troubleshooting
Diagnosis of an Application Integration (or Integration Connectors task) execution failed, stuck, or "silent": an HTTP 200 that didn't do the job expected, a suspended or retry state, an IAM problem, a run-as account, a poor connector, or a quota.
GoogleWeb development
Secure n-third party web serverless application
google-cloud-solution-n-tier-serverless-web-app
Design and implementation of web applications and multi-third-party, secure serverless microservices on Google Cloud: diagrams, security checklists, Terraform, deployment instructions, including data residence or European sovereignty, private VPC network in zero trust, and Private Service Connect.
Firebase (Google)Web development
Convert Firebase extension to Cloud Functions
extension-to-functions-codebase
This skill converts a Firebase Extension already installed, or the source of an extension, into a standalone base of Cloud Functions for Firebase, or into a published npm package.
SupabaseWeb development
Develop with Supabase
supabase
This skill applies to any Supabase task: base, Auth, Edge Functions, Realtime, Storage, vectors, cron, file, client libraries and SSR integrations (supabase-js, @supabase/ssr) in Next.js, React, SvelteKit, Astro or Remix, troubleshooting (session, JWT, cookies, getSession, getUser, getClaims, RLS), CLI or MCP server, schemas, migrations, audits, Postgres extensions, and debugging ( HTTP or Postgres errors, RLS, schema cache, timesouts, Logs Explorer / ClickHouse logs).
OpenAIWeb development
Compose multiple fronts under one domain, with Vercel Microfrontends
microfrontends
Guide to build, configure and deploy micro-frontends on Vercel.
OpenAIWeb development
Build or debug an app Next.js (App Router) on Vercel
nextjs
Expert guide on the Next.js Router App.
OpenAIWeb development
Upgrade Next.js, with official guides and codemods
next-upgrade
Serves to upgrade Next.js to the latest version, following official migration guides and codemods.
OpenAIWeb development
Set up Next.js 16 Cache Components (PPR, use cache, cacheLife)
next-cache-components
Next.js 16 and later Cache Components Guide: PPR, use cache directive, cacheLife, cacheTag, updateTag, and migration from unstable cache.
OpenAIWeb development
Reread TSX components according to Vercel React quality list
react-best-practices
This skill is the copy published in the OpenAI "Vercel" plugin: a condensed reviewer of React practices, triggered after the modification of several TSX components.
OpenAIWeb development
Working in a monorepo SaaS next-forge (Turborepo)
next-forge
Expert guide for next-forge, the production level starter SaaS of Vercel, in Turborepo monorepo.
OpenAIWeb development
Add shares and blocks in Shopify administration
shopify-polaris-admin-extensions
Allows to add custom actions and blocks from an application to contextual locations of Shopify administration.
OpenAIWeb development
Search all developer documentation Shopify
shopify-dev
Allows a general search in all the developer documentation Shopify, on shopify.dev.
OpenAIWeb development
Build the main interface of an app, integrated with the Shopify admin
shopify-polaris-app-home
This skill of the Shopify plug-in from the OpenAI builds the main interface of an application, integrated with the Shopify Admin (App Home).
OpenAIWeb development
Build an interface extension for Shopify point of sale
shopify-pos-ui
To build point-of-sale (retail) applications with Shopify POS interface components, which offer a consistent and familiar interface.
OpenAIWeb development
Check the compliance of an app before submitting to the App Store Shopify
shopify-app-store-review
Launches a pre-submission compliance check, re-reading a Shopify application code against the requirements of the App Store, and highlighting likely issues prior to the official review.
OpenAIWeb development
Start a project developer Shopify (app, theme, dev shop)
shopify-onboarding-dev
To start a development on Shopify: build an application or theme, create a development shop, set up a partner account, build a project, or start developing for Shopify.
OpenAIWeb development
Write Liquid for a Shopify theme
shopify-liquid
Liquid is a free template language created by Shopify, which serves as the backbone for themes and loads dynamic content on showcases.
OpenAIWeb development
Write or explain an operation Admin GraphQL Shopify
shopify-admin
Used to write or explain Admin GraphQL queries and mutations, for applications and integrations that extend the Shopify administration.
OpenAIWeb development
Extend the Shopify payment path (Checkout UI Extensions)
shopify-polaris-checkout-extensions
To build custom functions that a merchant can install at specified points of the payment route, including product information, delivery, payment, order summary and Shop Pay.
OpenAIWeb development
Expand Shopify Customer Account Pages
shopify-polaris-customer-account-extensions
To build custom functions that a merchant can install at defined points client account pages: order list, order status and profile.
OpenAIWeb development
Integrate a payment solution into the Shopify checkout
shopify-payments-apps
In the Shopify plugin of OpenAI, this skill covers the API Payments Apps, which allows a provider to integrate its solution into the checkout (sessions, refunds, payment flows).
OpenAIWeb development
Ask the Shopify window in GraphQL, with its own interface
shopify-storefront-graphql
Serves custom showcases that need direct GraphQL queries and mutations, to retrieve data and manage the basket, when you want complete control over data recovery and rendering of your own interface.
OpenAIWeb development
Asking the Shopify Partner
shopify-partner
This skill from the Shopify plugin of OpenAI helps to question the API Partner: partner dashboard data, applications, themes and sponsorships, in the form of an updated GraphQL.
OpenAIWeb development
Implement a Hydrogen window, based on official revenue
shopify-hydrogen
Collects revenue from implementation for a Hydrogen showcase, including B2B trading, lots, combined lists, a custom basket method, dynamic content with metaobjects, an Express server, Google Tag Manager integration, infinite scrolling, the old customer account stream, markets, Partytown and Google Tag Manager, subscriptions, and third party requests with cache.
OpenAIWeb development
Customize Shopify back-end logic with Shopify Functions
shopify-functions
Shopify Functions customize the back-end logic that feeds certain parts of Shopify.
OpenAIWeb development
Use the Shopify Customer Account
shopify-customer
The Customer Account allows customers to access their own data, including orders, payment methods and addresses.
OpenAIWeb development
Call the API REST Zoom, deterministically, from the application code
build-zoom-rest-api-app
Used when calling API REST.
OpenAIWeb development
Build an application that runs in the Zoom client via the Apps SDK
zoom-apps-sdk
Used when using the Apps SDK.
OpenAIWeb development
Build a custom video session in the browser, with the Video SDK Web
zoom-video-sdk-web
Video SDK Web Zoom: JavaScript or TypeScript integration, for video sessions in the browser, real-time communication, screen sharing, recording and live transcription.
OpenAIWeb development
Build a custom video session in a native macOS application
zoom-video-sdk-macos
Video SDK Zoom for native macOS desktop applications.
OpenAIWeb development
Embark a pre-built interface for a custom video session SDK
ui-toolkit
Used when using the Zoom UI Toolkit.
OpenAIWeb development
Embark a Zoom meeting in a web container, via Component View
zoom-meeting-sdk-web-component-view
Meeting SDK Web Zoom, in Component View: Embedded meeting components, with an API based on Promises, for flexible integration.
OpenAIWeb development
Embark a Zoom meeting in an Electron desktop application
zoom-meeting-sdk-electron
Meeting SDK Zoom for Electron desktop applications.
OpenAIWeb development
Embark a Zoom meeting in a Windows desktop application, in C++
zoom-meeting-sdk-windows
Meeting SDK Zoom for Windows: SDK native in C++, to embed Zoom meetings in a Windows desktop application.
OpenAIWeb development
Embark a meeting Zoom in a native macOS application
zoom-meeting-sdk-macos
Meeting SDK Zoom for native macOS applications.
OpenAIWeb development
Embark a Zoom meeting in a web application (Client View or Component View)
zoom-meeting-sdk-web
Meeting SDK Zoom for the web: Embarking Zoom meeting capabilities in a web application.
OpenAIWeb development
Embark Zoom Virtual Agent in a web page, via the campaign SDK
zoom-virtual-agent-web
SDK Zoom Virtual Agent for web boarding.
OpenAIWeb development
Integrate a Zoom meeting into an application, and set its life cycle
build-zoom-meeting-app
To integrate a meeting experience and implement its life cycle.
OpenAIWeb development
Embed a full-page Zoom meeting, via Client View
zoom-meeting-sdk-web-client-view
Meeting SDK Zoom for the web, in Client View: a full-page meeting experience, with the familiar Zoom interface.
OpenAIWeb development
Integrate Zoom Contact Center into a web application
zoom-contact-center-web
SDK Zoom Contact Center for the web.
OpenAIWeb development
Set up a co-navigation session, with the SDK Zoom Cobrowse
zoom-cobrowse-sdk
Used when using Cobrowse.
OpenAIWeb development
Join, start or start a real Zoom meeting, via the SDK Meeting
build-zoom-meeting-sdk-app
Serves when using the SDK Meeting.
OpenAIWeb development
Check the device preparation before joining a meeting or session Zoom
probe-sdk
Used when using the SDK Probe.
OpenAIWeb development
Build a neat front interface, based on a concept generated in images
frontend-app-builder
Serves for a new front application, dashboard, game, creative site, hero section, or visually ambitious interface, created from scratch, or when explicitly requested for redesign, restyle or modernization.
OpenAIWeb development
Test or debug a rendered interface in the browser
frontend-testing-debugging
Serves to test, debug or make targeted improvements to a previously rendered front-end application, as part of the Build Web Apps or web dev plugin: local development servers, interface regressions, interaction bugs, console errors, adaptive layout, and visual control.
OpenAIWeb development
Load customer-side data with SWR (stal-while-revalidate)
swr
SWR expert guide, Vercel's React hook library for data loading.
OpenAIWeb development
Create a documentation site with Geistdocs (Next.js and Fumadocs, in beta)
geistdocs
Expert guide for Geistdocs, Vercel's documentation model, build with Next.js and Fumadocs.
Beta
OpenAIWeb development
Write an asynchronous HTTP micro-service with Vercel's micro library
micro
Expert guide for micro, the asynchronous HTTP micro-services framework of Vercel, in Node.js.
OpenAIWeb development
Send transactional emails with Resend and React Email, to Vercel
email
Guide to the integration of sending e-mails: Resend (native of the Vercel Marketplace) with React Email models.
OpenAIWeb development
Integrating a CMS headless (Sanity, Contentful, DatoCMS, Storyblok, Builder.io) into Vercel
cms
A CMS headless integration guide: Sanity (native of Vercel Market Place), Contentful, DatoCMS, Storyblok and Builder.io.
OpenAIWeb development
Optimize React and Next.js performance, according to the Vercel guide
react-best-practices
Collects the performance optimization instructions React and Next.js from Vercel Engineering.
AnthropicWeb development
Build complex web artifacts for Claude.ai
web-artifacts-builder
To create, in Claude.ai, ambitious, multi-component HTML artifacts with modern front technologies: React, TypeScript, Quick, Tailwind CSS and shadcn/ui, plus Parcel for clustering.
Demonstration
VercelWeb development
Good performance practices React and Next.js
vercel-react-best-practices
This skill, from the official vercel-labs/agent-skills repository, brings together the React and Next.js performance practices of Vercel engineering.
MicrosoftWeb development
Packing a Markdown wiki on QuickPress
wiki-vitepress
This skill is about packaging a Markdown wiki at QuickPress.
ShopifyWeb development
Add interface extensions to the Shopify admin
shopify-polaris-admin-extensions
Allows to add actions and blocks from an application to the relevant locations of the Admin Shopify (Admin UI Extensions).
ShopifyWeb development
Search the developer documentation Shopify
shopify-dev
This skill offers a general search in all the developer documentation shopify.dev, all API combined.
ShopifyWeb development
Build the main interface of an app in the Admin Shopify
shopify-polaris-app-home
To build the main interface of an application, embedded in the Shopify admin (Polaris / App Home).
ShopifyWeb development
Build an interface extension for Shopify POS
shopify-pos-ui
The skill helps build an interface extension for the Shopify point of sale, with POS UI components, a coherent rendering for retail (smart grid, actions, blocks).
ShopifyWeb development
Expand Checkout Shopify Course
shopify-polaris-checkout-extensions
Allows you to add features that merchants can install at defined points on the checkout route, including product information, delivery, payment, order receipt and Shop Pay.
ShopifyWeb development
Expand the pages of the Shopify customer account
shopify-polaris-customer-account-extensions
Allows to add features that merchants can install at defined points of client account pages: order list, order status and profile.
ShopifyWeb development
Expand the Shopify Admin with the
shopify-admin
Helps write requests or changes GraphQL for the Admin Shopify Admin to build applications and integrations that extend the admin.
ShopifyWeb development
Integrate a payment solution into the Shopify checkout
shopify-payments-apps
This skill helps a payment provider integrate its solution into the Shopify checkout via the API GraphQL Payments Apps: payment sessions, refunds and associated transactions.
ShopifyWeb development
Asking the Shopify Partner
shopify-partner
L-API Partner provides program access to partner dashboard data: affiliate applications, themes and sponsorships.
ShopifyWeb development
Implement a Hydrogen window
shopify-hydrogen
Regroups recipes for a Hydrogen showcase (B2B trade, bundles, combined listings, custom basket, dynamic content with metaobjects, Express server, Tag Manager, infinite scrolling, Markets, subscriptions, API third party and cache, among others).
ShopifyWeb development
Pilot a custom showcase with the API Storefront GraphQL
shopify-storefront-graphql
Used for a custom showcase that needs direct GraphQL queries or mutations, in order to retrieve data and manage the basket, with complete control over interface rendering.
ShopifyWeb development
Use the Shopify Customer Account
shopify-customer
Covers the Customer Account, which allows a customer to access his own data: orders, payment methods and addresses.
VercelWeb development
React composition patterns
vercel-composition-patterns
This skill, official vercel-labs, deals with the React composition patterns that hold the charge when a component API becomes more complex.
DEPRECATED
Deprecated skills
Skills from the openai/skills repository, impaired to openai/plugins.
OpenAIWeb development
Develop with ASP.NET Core
aspnet-core
Helps build, reread, refactor or architecture ASP.NET Core web applications by following the official .NET documentation: Blazor, Razor Pages, MVC, Minimal APIs, SignalR, gRPC, authentication, tests, deployment and version mounts.
Deprecated