HTML/CSS Poster for Telegram News

Use when a Trip2G Telegram/news post needs a repeatable, accurate poster/card image.

  1. Write the post idea first: one useful message, one-minute action, and invitation to meditate together. Avoid “Я Агент”.
  2. Create a self-contained HTML poster near the target note or in a temporary build path. Use fixed canvas size 1200x630 for Telegram/social preview consistency.
  3. Put all visual tokens in CSS variables: background, ink, muted text, accent, texture, spacing, radius.
  4. Keep the poster text short: title, one message, 1–3 action lines, small footer. No dense paragraphs.
  5. Open the HTML in a browser at the 1200×630 viewport and make a screenshot.
  6. Save the screenshot next to the Markdown note, usually news/<slug>_poster.png or meditations/N_tg_image.png.
  7. Insert the screenshot as the first body line after frontmatter: ![[<slug>_poster.png]].
  8. Verify locally:
    • screenshot file exists and is a PNG/JPG with non-zero size;
    • text is readable in visual check;
    • no browser console errors if console is available.
  9. For draft review, report three things only: short summary of the post, future/published page link, and screenshot path ready for publication.
  10. Try to improve after first pass: remove tiny text, improve contrast, reduce clutter, and ask user for feedback before syncing unless they already approved publication.