ChatGPT App Skill

This skill covers work in /chatgpt-app, the Vite + React TypeScript app that ships a single-file (inline HTML/CSS/JS) bundle consumed by the MCP server.

Tech Stack & Build

• Vite + React 19 + TypeScript.
• Tailwind CSS v4 for utilities; base CSS imports @openai/apps-sdk-ui/css.
• Single-file build via vite-plugin-singlefile and html-minifier-terser (see package.json scripts).

Design System

• All design and components come from @openai/apps-sdk-ui.
• Official reference: https://openai.github.io/apps-sdk-ui/?path=/docs/overview-introduction--docs
• Deep dives: prefer the deepwiki-mcp (if available) to consult available components, tokens, styles, icons, and colors before guessing.
• Design tokens are exposed in node_modules/@openai/apps-sdk-ui; CSS imports use @source "../node_modules/@openai/apps-sdk-ui"; as in src/index.css.

Icons