Scorecards: grafische Antrags-Karten für Social Media (Mockup mit Claude Design) #179

New Issue

tobias · 2026-05-06T23:20:53+02:00

tobias commented

2026-05-06 23:20:53 +02:00

Idee: Anträge als grafische „Scorecard" teilen — ein Stand-Alone-Bild mit Drucksache, Score, Matrix-Highlights, Empfehlung, sodass es sich für Social Media gut macht.

Erwartete Felder

Drucksachen-Nummer + Bundesland
Titel (gekürzt, ~80 Zeichen)
Antragstellende Fraktion(en)
GWÖ-Score (große Zahl + Empfehlung-Text)
Matrix als 5×5-Mini (farbcodiert wie im Detail)
Bottom-Banner: gwoe.toppyr.de + Drucksachen-Link

Format

1200×630 (LinkedIn/Twitter-OG-Format) und 1080×1080 (Instagram)
PNG ✓ , optional als HTML-Snippet mit Screenshot-Render

Vorgehen

Mockup mit Claude Design erzeugen (Code/Bild-Sketch)
Server-side Render via WeasyPrint oder html2canvas
Endpoint GET /api/assessment/scorecard?drucksache=&bundesland=&format=og|square

Akzeptanz

1200×630-Scorecard für 18/18089 generiert in <1 s
Visuell saubere Typo, lesbar bei 100 % Skalierung auf Social-Media-Vorschau
Kein „GWÖ-Score 8.0/10"-Plakat — bewusst zurückhaltend, in der Vorgaben-Linie der PM-Persona (#170).

**Idee:** Anträge als grafische „Scorecard" teilen — ein Stand-Alone-Bild mit Drucksache, Score, Matrix-Highlights, Empfehlung, sodass es sich für Social Media gut macht. ## Erwartete Felder - Drucksachen-Nummer + Bundesland - Titel (gekürzt, ~80 Zeichen) - Antragstellende Fraktion(en) - GWÖ-Score (große Zahl + Empfehlung-Text) - Matrix als 5×5-Mini (farbcodiert wie im Detail) - Bottom-Banner: gwoe.toppyr.de + Drucksachen-Link ## Format - 1200×630 (LinkedIn/Twitter-OG-Format) und 1080×1080 (Instagram) - PNG ✓ , optional als HTML-Snippet mit Screenshot-Render ## Vorgehen 1. **Mockup mit Claude Design** erzeugen (Code/Bild-Sketch) 2. Server-side Render via WeasyPrint oder html2canvas 3. Endpoint `GET /api/assessment/scorecard?drucksache=&bundesland=&format=og|square` ## Akzeptanz - 1200×630-Scorecard für 18/18089 generiert in <1 s - Visuell saubere Typo, lesbar bei 100 % Skalierung auf Social-Media-Vorschau - Kein „GWÖ-Score 8.0/10"-Plakat — bewusst zurückhaltend, in der Vorgaben-Linie der PM-Persona (#170).

tobias referenced this issue from a commit

2026-05-06 23:44:24 +02:00

feat(#179 Phase 15): Scorecards — HTML-Template + PNG-Endpoint

tobias referenced this issue from a commit

2026-05-06 23:46:03 +02:00

fix(#179): Scorecard via WeasyPrint-PDF (Container hat kein Chromium)

tobias referenced this issue

2026-05-07 07:58:50 +02:00

Scorecards: PNG-Render-Pfad ergänzen (Chromium oder pypdfium2) #180

tobias referenced this issue from a commit

2026-05-07 08:03:39 +02:00

feat(#180): PNG-Scorecards via WeasyPrint→PyMuPDF

tobias referenced this issue from a commit

2026-05-07 12:56:38 +02:00

feat: Scorecards in Share-Block sichtbar + Instagram-Button

tobias commented

2026-05-09 01:54:20 +02:00

Effektiv erledigt — nur nicht zugemacht. Endpoints sind alle da: /v2/scorecard (HTML-Vorschau), /v2/scorecard-werkstatt (Live-CSS-Editor), /api/assessment/scorecard.png und /api/assessment/scorecard.pdf — server-seitig via WeasyPrint, mit landscape- und portrait-Templates (scorecard.html, scorecard_portrait.html). Visuelles Polish kann als separate Folge-Issue laufen, wenn nötig.

**Effektiv erledigt — nur nicht zugemacht.** Endpoints sind alle da: /v2/scorecard (HTML-Vorschau), /v2/scorecard-werkstatt (Live-CSS-Editor), /api/assessment/scorecard.png und /api/assessment/scorecard.pdf — server-seitig via WeasyPrint, mit landscape- und portrait-Templates (scorecard.html, scorecard_portrait.html). Visuelles Polish kann als separate Folge-Issue laufen, wenn nötig.

tobias closed this issue

2026-05-09 01:54:20 +02:00

Sign in to join this conversation.