CommunityCodierung & Entwicklunggithub.com

XiaoshengChen/jike-posts-train-replay

Spiele deine Jike-Beiträge auf einer malerischen Zugfahrt ab. Eine eigenständige Agenten-Fähigkeit. 下一站,过去。

Was ist jike-posts-train-replay?

Diese Agenten-Fähigkeit ermöglicht es dir, deine vergangenen Beiträge auf der chinesischen Kurz-Plattform Jike in einer interaktiven, nostalgischen Zugfahrt-Animation wiederzugeben. Sie ist ideal für Entwickler, die ihre persönlichen Jike-Inhalte (Posts, Kommentare, Likes) auf visuell ansprechende Weise neu erleben möchten. Die Fähigkeit unterstützt Plattformen wie Claude Code, Cursor und Codex, indem sie eine lokale Web-App startet, die einen Zug simuliert, der durch eine Landschaft fährt – jeder Halt repräsentiert einen deiner Beiträge. Der Prozess umfasst das Abrufen von Jike-Daten über die API, das Rendern einer animierten 2D-Zugszene und die Integration von Tönen und Texten. Entwickler können Parameter wie die Zuggeschwindigkeit oder das visuelle Thema anpassen. Die Implementierung basiert auf TypeScript, HTML5 Canvas und CSS, wobei die Logik über ein Skript ausgeführt wird, das die Jike-API abfragt und die Ergebnisse in der Animation darstellt. Dies ist eine selbstständige Fähigkeit, die keine externen Abhängigkeiten außer einem Node.js-Laufzeitumfeld benötigt.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add XiaoshengChen/jike-posts-train-replay

Installed? Explore more Codierung & Entwicklung skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Was macht jike-posts-train-replay?

Spiele deine Jike-Beiträge auf einer malerischen Zugfahrt ab. Eine eigenständige Agenten-Fähigkeit. 下一站,过去。

Überblick

Diese Agenten-Fähigkeit holt deine vergangenen Jike-Posts (einschließlich Beiträge mit Bildern, Kommentaren und Likes) über die öffentliche Jike-API ab und zeigt sie auf einer animierten Zugfahrt an. Jeder Halt repräsentiert einen deiner Beiträge – du siehst den Zug durch eine sich verändernde Landschaft fahren, während die Inhalte als Fensteransichten oder Hinweisschilder erscheinen.

Funktionen

  • Zug-Animation: Ein 2D-Zug fährt durch eine sich bewegende Szenerie, ähnlich einer MS-Paint-Zeichnung.
  • Haltestellen mit Beiträgen: Jeder Halt zeigt einen deiner Posts, inklusive Text, Bild (falls vorhanden) und Datum.
  • Toneffekte: Optionales Hintergrundgeräusch (optional).
  • API-basiert: Verwendet die inoffizielle Jike-API zum Abrufen von Beiträgen.

Voraussetzungen

  • Node.js (v16 oder höher)
  • Ein Jike-Benutzerkonto (für die API-Abfrage)

Installation

git clone https://github.com/XiaoshengChen/jike-posts-train-replay
cd jike-posts-train-replay
npm install

Konfiguration

Erstelle eine .env-Datei im Stammverzeichnis:

JIKE_USER_ID=deine_jike_user_id
JIKE_TOKEN=dein_jike_token
TRAIN_SPEED=2 (optional, Standard: 2)
THEME=day (optional, Optionen: day, night)

Nutzung

npm start

Öffne dann http://localhost:3000 im Browser.

Anpassung

  • Geschwindigkeit: Ändere TRAIN_SPEED in .env.
  • Thema: Wähle day oder night für unterschiedliche Hintergrundfarben.
  • Inhaltsfilter: Wenn du nur bestimmte Beitragsarten anzeigen möchtest, passe die filterPosts()-Funktion in src/api.ts an.

Architektur

src/
  index.ts       – Startskript
  app.ts         – Express-Server
  api.ts         – Jike-API-Aufrufe
  train.ts       – Zug-Logik und Animation
  views/         – HTML- und CSS-Vorlagen

Lizenz

MIT

Verwandte Skills