# Tutorials

Step-by-step guides for using and building ChatGPT plugins, apps and MCP servers.

- [Build your first ChatGPT app with an MCP server and a UI widget](https://chatgptplugins.directory/tutorials/build-your-first-chatgpt-app.md) (2026-10-04): Build a minimal ChatGPT app in TypeScript: an MCP server with one tool and an MCP Apps widget, tested in MCP Inspector and connected through developer mode.
- [How to add a custom MCP server to ChatGPT with developer mode](https://chatgptplugins.directory/tutorials/add-mcp-server-to-chatgpt.md) (2026-10-04): Connect your own remote MCP server to ChatGPT using developer mode: requirements, auth options, step-by-step setup, refreshing tools and fixing common errors.
- [How to install, use and remove plugins in ChatGPT](https://chatgptplugins.directory/tutorials/install-plugins-in-chatgpt.md) (2026-10-04): Find plugins in ChatGPT's Plugin Directory, connect your accounts, call them with @ in a chat, and disconnect or uninstall them on web, desktop and mobile.
- [How to package and publish a ChatGPT plugin](https://chatgptplugins.directory/tutorials/publish-a-chatgpt-plugin.md) (2026-10-04): Package skills and an MCP server as a plugin with plugin.json, test it from a local marketplace, then upload, pass review and publish it to the directory.
- [Test and debug an MCP server with MCP Inspector](https://chatgptplugins.directory/tutorials/test-mcp-server-with-inspector.md) (2026-10-04): Debug an MCP server before you connect it to ChatGPT: MCP Inspector web UI and CLI, tunnels, logs, schema and annotation checks, and OAuth debugging.
- [Use plugins and MCP servers in Codex](https://chatgptplugins.directory/tutorials/use-plugins-in-codex.md) (2026-10-04): Install plugins in the Codex CLI with /plugins or codex plugin add, add marketplaces, enable plugins per project, and connect MCP servers through config.toml.
- [Use remote MCP servers in the OpenAI API and Agents SDK](https://chatgptplugins.directory/tutorials/mcp-in-the-openai-api.md) (2026-10-04): Call remote MCP servers from the OpenAI Responses API with the mcp tool type: server_url, allowed_tools, approvals and authorization, plus Agents SDK examples.
- [Write an Agent Skill for ChatGPT and Codex](https://chatgptplugins.directory/tutorials/write-a-skill-for-chatgpt-and-codex.md) (2026-10-04): Write a skill with SKILL.md, scripts and references, load it in Codex, test when it triggers, and bundle it in a plugin so it also works in ChatGPT.
---
Source: https://chatgptplugins.directory/tutorials · Index: https://chatgptplugins.directory/llms.txt · Independent and community-run. Not affiliated with or endorsed by OpenAI. ChatGPT is a trademark of OpenAI.