SEO-DAY BLOG

Entwicklung der KI-News-Plattform: RSS-Import, Klassifikation und zwei Live-Zeitungen aus einer Codebasis

Autor Fabian Rossbacher
Publicado 17. Juni 2026
Entwicklung der KI-News-Plattform: RSS-Import, Klassifikation und zwei Live-Zeitungen aus einer Codebasis

Kernaussage: In diesem Beitrag zeigen wir die Entwicklung der KI-News-Plattform – eine RSS-gestützte Online-Zeitung, die Meldungen automatisiert importiert, crawlt, per KI klassifiziert, übersetzt und mit Teaser-Bildern anreichert. Aus einer Codebasis betreiben wir zwei Live-Installationen: Narcoty News (Razzien & Drogenhandel) und SEO-DAY News (SEO & GEO). Der technische Kern läuft über start-rss-import-feeds.php mit profilabhängiger Konfiguration.


Inhaltsverzeichnis

Zwölf Kapitel – vom Launch-Überblick über die RSS-Pipeline und Breakpoint-Screenshots bis zu Git-Statistiken, klassischer Aufwandsschätzung und Agentur-CTA. Direkt zur gewünschten Section springen.


Was haben wir entwickelt?

Die KI-News-Plattform ist eine vollautomatisierte Online-Zeitung: RSS-Feeds liefern Rohmeldungen, ein Crawl holt Volltexte, KI-Agenten prüfen Relevanz, schreiben Artikel neu, ordnen Kategorien zu und erzeugen Teaser-Bilder. Die Redaktion besteht aus spezialisierten Agenten – der Mensch steuert Pipeline, Prompts und Freigaben.

Zwei Live-Installationen aus derselben Codebasis:

  • 001 Narcoty News – KI-Zeitung zu Razzien, Drogenhandel und Ermittlungen (Polizei-Feeds DE/IT, Weltkarte, Länder-Navigation)
  • 002 SEO-DAY News – SEO-, Google- und GEO-Meldungen (Search Engine Land, Moz, Ahrefs u. a.)
  • 003 Profil-Architektur – je Thema eigene MySQL-Datenbank, Prompts, Kategorien und Branding über config/rss-import-feeds/{profil}/
  • 004 UI-Screens – Startseite mit Pagination, Artikel-Detail, Kategorien, Länder, Weltkarte mit Schauplatz-Markern

RSS-Pipeline: 7 CLI-Steps

Die Datenbasis entsteht über php start-rss-import-feeds.php {datenbankname}. Der Orchestrator CLIRssImportFeedsOrchestrator führt sieben Steps aus – jeder Step ist ein eigener Service mit fester Verantwortung. Zusätzlich existiert start-rss-discover-feeds.php für die automatische Feed-Suche je Land.

CLI start-rss-import-feeds.php – Step-Übersicht
Step Service Aufgabe
001 CLIRssImportFeeds001LogFileClearService Log-Verzeichnis des Profils leeren – sauberer Lauf pro Nacht
002 CLIRssImportFeeds002LoadAndStoreRssArticlesService RSS-Feeds laden, Artikel in rss_articles speichern (Heute/Gestern-Regel)
003 CLIRssImportFeeds003CrawlArticleContentService Artikel-URLs crawlen – Volltext unter storage/rss-import-feeds/
004 CLIRssImportFeeds004ClassifyArticlesWithCursorAgentService Cursor-Agent: Relevanzprüfung, Rewrite, Übersetzungen in rss_articles_translations
005 CLIRssImportFeeds005GenerateImagesForApprovedArticlesService Teaser-Bilder per OpenRouter/NanoBanana für freigegebene Artikel (~3 ct/Bild)
006 CLIRssImportFeeds006ReclassifyCategoriesWithCursorAgentService Kategorie-Nachklassifikation für Navigation und Filter
007 CLIRssImportFeeds007BuildOrchestratorResultService Ergebnis aller Steps aggregieren – Abschluss für das Start-Script

Merksatz: Die Pipeline verarbeitet nur Artikel von heute und gestern – kein historischer Massenimport, sondern ein wiederholbarer Nachtlauf für frische Meldungen.


Multi-Profil: zwei Zeitungen, eine Pipeline

Der Datenbankname ist der fachliche Identifikator. Pro Profil gibt es eigene Feeds, Kategorien, Prompts und Branding – der CLI- und Screen-Code bleibt identisch.

Narcoty (narcoty)

13 Polizei-/Behörden-Feeds (DE/IT). Kategorien: Razzia, Beschlagnahme, Schmuggel, Anbau. Live: narcoty.seo-day.de/news

SEO-DAY News (seoday-news)

14 SEO-Feeds (Google, SEL, Moz, Ahrefs …). Kategorien: Google, SEO, GEO, Content. Live: seo-day.de/news

Polizei BW RSS Presseportal Blaulicht Google Search Blog Search Engine Land Moz Blog Ahrefs Feed

Screenshots, Breakpoints und Mobile-First-CSS

Die News-UI ist Mobile-First gebaut: Basis-Styles gelten für schmale Viewports, größere Layouts kommen per @media (min-width: …) dazu. Die zentralen Breakpoints im News-Theme liegen unter htdocs/news/css/app/theme1/base/ – insbesondere in layout.css, widgets-grid.css und navigation.css.

CSS Breakpoint-Matrix der News-Plattform
Breakpoint Greift ab Sichtbare UI-Änderung
Mobile < 600px 1-spaltiges Artikel-Grid, kompaktes Header-Padding, gestapelte Navigation
Tablet / iPad ≥ 600px 2-spaltiges Grid (.base-grid), breiteres Content-Padding (40px), größere Typo in Headlines
Small Desktop ≥ 1024px 3-spaltiges Grid, Sidebar „Meistgelesen“ sichtbar, Content-Container max. 1200px zentriert
Wide Desktop ≥ 1440px Feintuning von Abständen und Hero-Typografie, Layout bleibt bei 1200px Content-Breite

Die Screenshots sind Vollseiten-Captures in Geräte-Mockups (iPhone, iPad, Laptop) – jeweils oben zugeschnitten, ohne große schwarze Footer-Flächen (Pagination/Footer dürfen fehlen). Mobile, Tablet und Desktop stehen nebeneinander.

Narcoty News – narcoty.seo-day.de/news

Blaulicht-Fokus mit Länder-Navigation (Polen, Deutschland, Italien, Weltkarte). Ab 1024px erscheint die Sidebar „Meistgelesen“ rechts neben dem Artikel-Feed.

Mobile · 390px
Narcoty News Vollseite Mobile 390 Pixel Breite
Einzelspalten-Layout, gestapelte Kategorie-Chips, kompakte Teaser-Karten mit KI-Hinweis.
iPad · 820px
Narcoty News Vollseite iPad 820 Pixel Breite
Ab 600px: 2-spaltiges Artikel-Grid, mehr horizontaler Raum für Headlines und Teaser-Texte.
Small Desktop · 1280px
Narcoty News Vollseite Small Desktop 1280 Pixel Breite
Ab 1024px: 3-spaltiges Haupt-Grid plus „Meistgelesen“-Sidebar, Content max. 1200px zentriert.

SEO-DAY News – seo-day.de/news

SEO- und GEO-Fokus mit Navigation zu Google-, SEO-, GEO- und Content-Kategorien. Gleiche CSS-Breakpoint-Logik, anderes Profil-Branding und Feed-Set.

Mobile · 390px
SEO-DAY News Vollseite Mobile 390 Pixel Breite
Mobile Feed mit SEO-Kategorie-Chips und einspaltigen Teaser-Karten.
iPad · 820px
SEO-DAY News Vollseite iPad 820 Pixel Breite
Tablet-Layout mit zweispaltigem Grid – SEO-Artikel nebeneinander, Navigation horizontal.
Small Desktop · 1280px
SEO-DAY News Vollseite Small Desktop 1280 Pixel Breite
Desktop mit 3-spaltigem Feed, Sidebar und SEO-DAY-Header-Branding.

Technik-Hinweis: Die Optimierung läuft rein über CSS Media Queries – kein separates Mobile-Template. Ein PHP/Twig-Stack, ein Set an Base-Widgets (widgets-grid.css, widgets-cards.css), Breakpoints bei 600px / 1024px / 1440px. Screenshots: Headless-Chrome mit WebDriver, 17.06.2026, Vollseiten-Capture; vor jedem Shot Cookie-Consent per Klick auf „Akzeptieren“ gesetzt (#site-cookie-consent-accept), damit der Banner nicht im Bild erscheint.


Welche Daten wir extrahieren

Der Cursor-Agent mappt gecrawlte RSS-Meldungen auf strukturierte Felder in rss_articles_translations. Die wichtigsten Felder für Listen, Detailseiten und SEO:

Inhalt & SEO

article_title, article_rewritten_content, teaser_text, seo_title, seo_description, canonical

Geo & Karte

location, country, latitude, longitude – Basis für Weltkarte und Länder-Navigation

Klassifikation

is_drug_related (Freigabe-Flag), category_key, mentioned_persons, drugs_seized

Medien

preview_image_base64 (300×300 Teaser), image_briefing als Prompt für die KI-Bildgenerierung (Step 005), Auslieferung über /api/rss-article-image

Transparenz: KI-Teaser-Bilder (OpenRouter & NanoBanana)

Die Vorschaubilder in der Artikelliste entstehen nicht manuell in einer Redaktion, sondern automatisch in CLI-Step 005 (CLIRssImportFeeds005GenerateImagesForApprovedArticlesService). Voraussetzung: Der Artikel ist freigegeben und hat in der DE-Übersetzung ein gefülltes image_briefing – das formuliert der Klassifikations-Agent in Step 004 mit: Szene, Stil, Farben, Stimmung; ohne erkennbare Personen und ohne Namen, damit die Teaser rechtssicher und klickstark bleiben.

Für die eigentliche Bildgenerierung nutzen wir aktuell OpenRouter mit dem Modell NanoBanana. Pro generiertem Teaser fallen rund 3 Cent API-Kosten an – auch bei mehreren Dutzend neuen Meldungen pro Tag und zwei Profilen (Narcoty + SEO-DAY News) bleibt das gut kalkulierbar und deutlich günstiger als Stock-Lizenzen oder ein Grafik-Team pro Artikel. Der Prompt wird 1:1 aus image_briefing übergeben; das PNG landet in rss_article_images und zusätzlich als skalierte Vorschau (preview_image_base64, ca. 300×300) in den Übersetzungen. Die UI liefert über /api/rss-article-image – ohne Hotlinks auf fremde Bildquellen.

Kostenbeispiel: 50 neue Artikel mit Bild pro Tag × 3 ct ≈ 1,50 €/Tag Bild-API – Transparenz statt versteckter Stock-Budgets. Jeder Generierungslauf wird unter cursor-md/ki-image-calls/ mit Prompt und API-Response protokolliert, damit nachvollziehbar bleibt, welches Bild zu welcher Meldung gehört.


Datenbank-Übersicht

Vier MySQL-Tabellen bilden den Import-Stack ab. Die Grafik zeigt den linearen Datenfluss vom RSS-Import über Crawl und KI-Klassifikation bis zur öffentlichen Zeitung:

Merksatz: Nur Artikel mit is_drug_related = 1 (bzw. profilabhängigem Positiv-Flag) erscheinen in der UI – irrelevante RSS-Einträge bleiben unsichtbar.


Jetzt ansehen

Beide Zeitungen sind live – mit Pagination, Kategorien, Meistgelesen und KI-Hinweis „mit Unterstützung von KI erstellt und redaktionell geprüft“:

CTA: Narcoty News öffnen · SEO-DAY News öffnen


Deep Tech: Wie dieser Blogpost und die Plattform gebaut sind

Transparenz gehört zum Launch dazu. Die News-Plattform und dieser Artikel laufen über reines PHP, Twig und linearer Screen-Flow – kein WordPress, kein React-Frontend.

Multi-Tenant per Profil

Ein Repository-Stack, mehrere Datenbanken: narcoty, seoday-news, padel – je Profil eigene Config, gleicher PHP-Code.

Schichtenmodell

Screen → ScreenOrchestrator → ScreenServices → Repositories. CLI analog mit CLIOrchestrator und Step-Services.

Briefing-First

Jede Änderung beginnt in briefing/ – Schema unter briefing/database/*.sql, Prompts unter prompts/rss-import-feeds/{profil}/.

KI-fähige Qualitätssicherung

Cursor Rules, Skills, Subagents, Ralph Loop – automatische Checks und PHPUnit über alle Schichten.


Git-Statistik: Wie schnell das wirklich ging

Transparenz endet nicht bei der Architektur – auch die Git-Historie des News-Projekts erzählt die Geschichte. Das Repository (narcoty) wuchs von März bis Juni 2026 auf einen produktionsreifen Multi-Profil-Stack.

Git Kennzahlen zum News-Projekt (Stand 17. Juni 2026)
Kennzahl Wert
Erster Commit 13.03.2026
Letzter Commit (Stand Redaktion) 14.06.2026
Dateien im Repository ~940 versionierte Dateien
Geänderte Codezeilen gesamt ~64.500 Einfügungen (Projektlaufzeit)
RSS-/News-Stack Dateien ~190 (CLI, Repos, Screens, Config, Briefings)
MySQL-Tabellen (Kern) 4 (rss_articles, rss_articles_translations, rss_article_images, rss_discover_feeds)
CLI-Steps RSS-Import 7 plus Feed-Discovery-Workflow
Live-Profile 2 (Narcoty + SEO-DAY News)

Was bedeutet das? Eine vollständige KI-Zeitung mit Multi-Profil-Betrieb, Weltkarte, Übersetzungen und Bild-Pipeline – in wenigen Monaten Entwicklungszeit mit Agentic AI Coding statt klassischem Redaktions-CMS.


Gegenschätzung: Was wäre das klassisch gewesen?

Was steckt in einer KI-News-Plattform mit RSS-Import, Crawl, Klassifikation, Übersetzungen, Bildgenerierung, Weltkarte und Multi-Tenant-Profilen? Wäre das ohne Agentic AI Coding gebaut worden, sähe der Aufwand grob so aus:

Schätzung Klassisches Team vs. Agentic AI Coding (Größenordnung, DACH-Markt)
Rolle Personentage (Richtwert) Typischer Tagessatz
Software-Architekt 2 PT ~950–1.100 €
Backend-Entwickler 6–8 PT ~800–950 €
Frontend-Entwickler 3–4 PT ~750–900 €
DevOps / CMS-Integration 1–2 PT ~700–850 €
QA / Test-Engineer 2 PT ~600–750 €
Summe ~14–18 Personentage ~11.000–14.500 € Projektkosten

Die Schätzung ist eine Gegengerechnung: RSS-Pipeline, Multi-Profil, Geo-Karte und KI-Anbindung wären klassisch ein mehrwöchiges Teamprojekt – mit Agentic AI Coding und Briefing-First deutlich kompakter.


Ihr wollt so etwas auch bauen?

Automatisierte Nachrichtenportale, Branchen-Feeds oder mehrsprachige KI-Zeitungen liegen bei vielen Teams auf der Wunschliste – scheitern aber an CMS-Limits oder fehlender Pipeline. Mit Agentic AI Coding lässt sich so etwas strukturiert umsetzen.

Beauftragung & Kontakt: Wer eine vergleichbare KI-News-Plattform, ein RSS-Portal oder ein Multi-Profil-Setup braucht, findet auf /ki unseren Agentur-Screen mit Vorgehen und Kontaktmöglichkeit.


Fazit

KI-News ist kein manuelles Copy-Paste mehr, sondern ein automatisierter Kreislauf: RSS → Crawl → Klassifikation → Übersetzung → Bild → UI. Zwei Live-Zeitungen – Narcoty und SEO-DAY News – aus einer Codebasis. Wer Ähnliches für das eigene Unternehmen will: /ki.