Use ChatGPT with VVavy today, and build toward the official OpenAI integration paths later
VVavy already works with ChatGPT through a browser-side prompt handoff. If you want deeper ChatGPT integration later, OpenAI's official docs point to two platform patterns: GPT Actions for OpenAPI and Apps SDK or remote MCP servers for ChatGPT apps and connectors.
What works today in VVavy
The current VVavy workflow is intentionally simple. Open Custom Visuals, copy the prompt, use ChatGPT in your own browser session, and paste the finished file back into VVavy. That keeps the AI generation step in the user's ChatGPT session while VVavy stays focused on preview, sandboxing, and saving.
- Open VVavy and enter Custom Visuals.
- Choose Create New Visual or Integrate Existing Visual.
- Use Open ChatGPT or Copy prompt inside the editor.
- Ask ChatGPT for one final VVavy-ready JavaScript file.
- Paste that file into VVavy, preview it live, and save it if it works.
How OpenAI officially structures deeper ChatGPT integrations
OpenAI's docs currently describe two different paths depending on what kind of integration you want.
1. GPT Actions for REST and OpenAPI inside Custom GPTs
OpenAI documents GPT Actions as a way to connect Custom GPTs to external REST APIs. The docs describe GPT Actions as being stored in Custom GPTs and converting natural-language requests into the JSON input required for an API call. If VVavy later exposes a stable REST surface, that is the OpenAI-documented route for an OpenAPI-based ChatGPT action.
2. Apps SDK and remote MCP servers for ChatGPT apps and connectors
OpenAI's Apps SDK docs describe ChatGPT apps around MCP. The docs also describe connecting a custom remote MCP server in ChatGPT through Apps & Connectors. If VVavy later wants to expose richer tool behavior than a plain REST schema, this is the more native ChatGPT app path.
VVavy already publishes the files ChatGPT needs for the browser-side workflow
- /llms.txt for a high-level product and workflow summary.
- /custom-visual-handoff.txt for compact AI fetches, and /custom-visual-schema.json as the readable JSON schema.
- /prompts/client-create-visual-create.md for a brand-new visual.
- /prompts/client-create-visual-integrate.md for adapting existing code or shaders.
- /visuals.json for the built-in visual catalog.
Why VVavy keeps the current ChatGPT flow separate from a future direct integration
The browser-side handoff is the fastest path to value because it already matches the product. VVavy needs a single paste-ready JavaScript file, live preview, and a safety-constrained sandbox. That does not require a server-side ChatGPT product integration to be useful today.
A future direct ChatGPT integration would be a different product surface. It would mean either defining a stable REST API for GPT Actions or exposing VVavy through an MCP app or connector that fits OpenAI's Apps SDK model.
Generate a VVavy visual with ChatGPT
Open the app, choose the matching workflow, use the ChatGPT handoff, and paste the final file back into VVavy for preview.