Hello Widget Example

# Hello Widget Example A minimal ChatGPT app with interactive greeting widget, confetti animation, and theme support. Built with [Smithery CLI](https://smithery.ai/docs) ## Prerequisites - **Smithery API key**: Get yours at [smithery.ai/account/api-keys](https://smithery.ai/account/api-keys) ## Getting Started 1. Install dependencies: ```bash npm install ``` 2. Start smithery playground: ```bash npm run dev ``` Try asking: "Say hello to Alice" ## Development Your code is organized as: - `app/server/` - MCP server with widget resource - `app/shared/` - Shared TypeScript types - `app/web/src/` - React widget component Edit `app/web/src/greeter.tsx` to customize the widget UI. ## Build ```bash npm run build ``` Creates bundled server and widget JS in `.smithery/` ## Deploy Ready to deploy? Push your code to GitHub and deploy to Smithery: 1. Create a new repository at [github.com/new](https://github.com/new) 2. Initialize git and push to GitHub: ```bash git add . git commit -m "Hello widget" git remote add origin https://github.com/YOUR_USERNAME/YOUR_REPO.git git push -u origin main ``` 3. Deploy your app to Smithery at [smithery.ai/new](https://smithery.ai/new) ## Learn More - [Smithery Docs](https://smithery.ai/docs) - [MCP Protocol](https://modelcontextprotocol.io)