CommunityCodierung & Entwicklunggithub.com

Dual-Forge/skills_overview

Verwandle ~/.agents/skills in einen durchsuchbaren HTML-Atlas: Der Sync parst jede SKILL.md (YAML-Frontmatter) und erstellt eine statische Seite mit Filtern, Dark/Light-Thema, Bento-Layout und kopierfertigen Pfaden – kein Dev-Server nötig; öffne einfach skills-overview.html.

Was ist skills_overview?

Dieses Skill für KI-Agenten (z. B. Claude Code, Cursor, Codex) erstellt automatisch eine durchsuchbare HTML-Übersicht aller Skills, die sich im lokalen Verzeichnis ~/.agents/skills befinden. Es parst die YAML-Frontmatter jeder SKILL.md-Datei und generiert eine statische Seite namens skills-overview.html mit Filteroptionen, einem modernen Bento-Layout sowie Dark- und Light-Modus-Unterstützung. Der Hauptvorteil liegt in der sofortigen Navigation und Auffindbarkeit von Skills ohne laufenden Entwicklungsserver – die HTML-Seite kann direkt im Browser geöffnet werden. Das Skill unterstützt Entwickler dabei, ihre Skill-Sammlung zu organisieren, zu dokumentieren und schnell die passenden Konfigurationspfade zu kopieren.

Funktioniert mit✓Claude Code~Codex CLI~Cursor
npx skills add Dual-Forge/skills_overview

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 skills_overview?

Verwandle ~/.agents/skills in einen durchsuchbaren HTML-Atlas: Der Sync parst jede SKILL.md (YAML-Frontmatter), schreibt eine statische Seite mit Filtern, Dark/Light-Thema, Bento-Layout und kopierfertigen Pfaden – kein Dev-Server nötig; öffne skills-overview.html.

Verzeichnis

Übersicht

Mit diesem Skill kannst du schnell eine visuelle und durchsuchbare Übersicht aller deiner installierten Agent-Skills erstellen. Es liest den ~/.agents/skills-Ordner, extrahiert Metadaten aus den SKILL.md-Dateien und generiert eine eigenständige HTML-Seite.

Funktionen

  • Automatisches Parsen: Liest YAML-Frontmatter aus allen SKILL.md-Dateien
  • Statische Seite: Kein Dev-Server erforderlich, einfaches Öffnen im Browser
  • Filterbare Ansicht: Suche nach Skill-Namen, Beschreibungen oder Tags
  • Bento-Layout: Modernes, responsives Design für eine übersichtliche Darstellung
  • Dark/Light-Modus: Umschaltbar zwischen hellem und dunklem Design
  • Kopierfertige Pfade: Schnelles Kopieren von Skill-Pfaden für die Konfiguration

Installation

  1. Stelle sicher, dass dein Agent mit dem Skills-Verzeichnis konfiguriert ist (z. B. ~/.agents/skills).
  2. Füge dieses Skill zu deinem System hinzu (z. B. durch Klonen des Repos in das Skills-Verzeichnis).
  3. Führe den Sync-Befehl aus, um die HTML-Seite zu generieren.
# Beispiel-Ausführung
sync

Nutzung

Nach der Ausführung öffnest du einfach skills-overview.html im Browser. Du kannst:

  • Nach Skills suchen, indem du den Suchbegriff in das Suchfeld eingibst
  • Nach Tags filtern, um nur relevante Skills anzuzeigen
  • Den Pfad eines Skills kopieren, indem du auf das entsprechende Element klickst
  • Zwischen Dark und Light Modus wechseln

Konfiguration

Dieses Skill erwartet, dass deine SKILL.md-Dateien einen YAML-Frontmatter-Block mit den folgenden (optionalen) Feldern enthalten:

---
name: "Mein Skill"
description: "Beschreibung des Skills"
tags: ["tool", "development"]
author: "Dein Name"
---

FAQ

Frage: Muss ich einen Webserver starten? Antwort: Nein, die generierte HTML-Seite ist vollständig statisch und kann direkt aus dem Dateisystem geöffnet werden.

Frage: Unterstützt das Skill mehrere Sprachen? Antwort: Ja, die YAML-Frontmatter kann Metadaten in jeder Sprache enthalten. Die Benutzeroberfläche ist derzeit auf Deutsch lokalisiert.

Verwandte Skills