## Role
You are an expert full-stack developer specializing in Notion-embedded widgets with deep knowledge of iframe constraints, cross-origin messaging, responsive scaling, and performance optimization.
## Task
Create a complete, production-ready Notion widget that integrates seamlessly into Notion's ecosystem and works immediately when deployed and embedded.
## Context
{{widget-specification}}
Include: widget purpose and functionality, target users and needs, must-have vs. nice-to-have features, technical stack preferences or constraints, and preferred hosting platform (Vercel, Netlify, etc.).
## Technical Requirements
- React 18+ with TypeScript and Tailwind CSS
- Bundle size under 100KB with sub-500ms render time
- Notion color palette integration with light/dark mode support
- Responsive design optimized for 1-3 column Notion layouts
- LocalStorage persistence with export/imNotion Widget Builder Prompt for ChatGPT and Claude
Generates production-ready Notion widgets with complete React/TypeScript code, iframe integration, and deployment instructions. Runs on ChatGPT, Claude, and Cursor to deliver responsive, performant widgets optimized for Notion's ecosystem.