T1ShippedExtension template
Extension Popup
Chrome extension action popup at **450×600**. Home marketing tiles plus **Open Assistant** CTA. Auth is a separate tab — full generate/library flows live in the side panel.
Implementation: charply-extension/src/popup/PopupApp.tsx
Package: @charply/design/templates
Live preview
Rendered from @charply/design/templates — same components used in Storybook and intended for the extension.
CCharply
Smart Context
Reads the post automatically
AI Powered
Tailored replies in seconds
Opens the side panel on Twitter or LinkedIn.
Guidelines
docs/design/templates/extension-popup.mdDo
- ✓Keep the popup at 450×600 — do not stretch for marketing layouts.
- ✓One primary CTA: Open Assistant (opens side panel on active tab).
- ✓Auth is a separate tab; guest mode shows before sign-up.
Don't
- ✗Do not embed full generate/library flows in the popup — that lives in the side panel.
- ✗Do not remove theme toggle from settings without a replacement.
Interactive variant in Storybook → Templates.