SEO-DAY BLOG

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

Autor Fabian Rossbacher
Veröffentlicht 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.