og-generation

# OG Card Generation The OG image is NOT hand-drawn or CSS-faked: it is a screenshot of a temporary Next.js route that reuses the site's real components (`HeroGradient` WebGL aurora + grain overlay + `AgentIcon`), so the card always matches the live hero. The canonical card source lives in this skill at `assets/og-card-page.tsx`. ## Workflow All paths below are relative to `web/landing/`. 1. **Restore the temp route** from the skill asset: ```bash mkdir -p src/app/og-card cp <skill-dir>/assets/og-card-page.tsx src/app/og-card/page.tsx ``` 2. **Apply the requested changes** (copy, screenshot, layout) to `src/app/og-card/page.tsx`. Current design decisions — keep them unless the user overrides: - Wordmark is capitalized **"Termio"** (matches the nav `Logo` component). - Headline slogan has **no trailing period**. - Subline: "Terminal-first Agentic Development Environment, built for AI builders." - Agent row uses real `AgentIcon` icons; sizes are tuned (30px text / 34px icons / 30px gap) so all six agents fit on ONE row inside the 1080px left column — if you add an agent or grow the sizes, re-check that Kimi/Pi don't clip under the screenshot or wrap to a lonely second line. - Screenshot window: `public/screenshots/hero1.png` at left 1240 / top 150 / width 1560, 28px radius, white/0.18 border. - The page includes `nextjs-portal { display: none }` — this hides the Next dev-tools badge, which otherwise ships in...