Snipgrapher
Skill AktivKonfiguriert und verwendet snipgrapher zur Erstellung polierter Code-Snippet-Bilder, einschließlich PNGs, SVGs und WebP-Exporten mit Syntaxhervorhebung und benutzerdefinierten Themes, Profilen und Styling-Optionen. Verwenden Sie dies, wenn der Benutzer Code-Screenshots erstellen, Code in teilbare Bilder umwandeln, hübsche Code-Snippets für Dokumentationen oder Social-Media-Posts generieren, syntaxhervorgehobene Bilder aus Quelldateien erstellen oder explizit snipgrapher erwähnt. Unterstützt Einzel-Dateien-Renderings, Stapelverarbeitung, Watch-Modus und wiederverwendbare benannte Profile über die snipgrapher CLI oder npx.
Ermöglicht Benutzern die einfache Erstellung von teilbaren, syntaxhervorgehobenen Code-Snippet-Bildern für Dokumentationen, soziale Medien oder andere visuelle Inhaltsbedürfnisse.
Funktionen
- Generieren von syntaxhervorgehobenen Code-Snippet-Bildern
- Export in PNG-, SVG- und WebP-Formate
- Unterstützung von benutzerdefinierten Themes, Profilen und Styling
- Verarbeitung von Einzel-Datei-Renderings, Stapelverarbeitung und Watch-Modus
- Verwendung von snipgrapher CLI und npx
Anwendungsfälle
- Generieren von Code-Screenshots aus Quelldateien
- Erstellen von teilbaren Bildern von Code-Snippets für Dokumentationen
- Erzeugen visuell ansprechender Code-Snippets für Social-Media-Posts
- Automatisieren der Erstellung von Stapelbild-Assets aus Code
Nicht-Ziele
- Durchführung von Code-Analysen oder Linting
- Bearbeiten oder Modifizieren von Quellcodedateien
- Direkte Integration mit Kollaborationsplattformen über die Bildgenerierung hinaus
Workflow
- snipgrapher installieren (falls nicht vorhanden)
- Projektkonfiguration initialisieren (optional, für wiederholte Nutzung)
- Gewünschte Profile und Styling-Optionen definieren
- Code-Snippets aus Quelldateien rendern
- Existenz und Größe des Ausgabe-Bildes überprüfen
Voraussetzungen
- Node.js und npm/npx installiert
- snipgrapher CLI-Tool installiert
Dokumentation
- info:Konfigurations- und ParameterreferenzObwohl SKILL.md die Konfiguration und Profile erwähnt, dokumentiert es nicht explizit alle Optionen, Parameter oder deren Standardwerte. Der Schnellstart zeigt grundlegende CLI-Flags, aber keine umfassende Referenz.
Versionierung
- info:Release-VerwaltungDas `pushedAt`-Datum zeigt eine kürzliche Aktivität, aber es gibt keine expliziten Versionsinformationen (wie ein `version`-Feld in Metadaten oder GitHub-Releases) in SKILL.md oder README. Die Installation über `npx` impliziert die Verwendung der neuesten Version.
Codeausführung
- info:ValidierungDer Skill ruft das `snipgrapher` CLI auf. Während das CLI selbst wahrscheinlich eine Validierung durchführt, zeigt die direkte Implementierung des Skills keine explizite Schema-Validierung für seine Eingaben.
- warning:FehlerbehandlungSKILL.md erwähnt die Fehlerbehebung bei gängigen Renderfehlern, beschreibt jedoch nicht detailliert, wie der Skill selbst Fehler von der `snipgrapher` CLI behandelt oder meldet. Der Schnellstart schlägt die Überprüfung der Ausgabegröße vor, was eine manuelle Fehlerprüfung impliziert.
Fehler
- warning:Handlungsfähige FehlermeldungenSKILL.md erwähnt die Fehlerbehebung bei gängigen Renderfehlern, bietet aber keine strukturierten, handlungsfähigen Fehlermeldungen für spezifische Fehlermodi oder Korrekturschritte direkt bei der Aufrufung des Skills.
Praktische Nützlichkeit
- warning:RandfälleSKILL.md listet Schritte zur Fehlerbehebung bei gängigen Renderfehlern wie fehlenden Schriftarten oder ungültiger Syntax auf, aber diese sind allgemein und nicht explizit als strukturierte Fehlerzustände mit Wiederherstellungsschritten für den Skill selbst dokumentiert.
Sicherheit
- info:Stopp bei unerwartetem ZustandSKILL.md erwähnt die Überprüfung der Existenz und Größe der Ausgabe, was eine Überprüfung auf unerwartete Zustände impliziert, aber keine maschinenlesbaren Vorbedingungen explizit auflistet oder anweist, bei Vorabzustandsproblemen abzubrechen.
Installation
npx skills add mcollina/skillsFührt das Vercel skills CLI (skills.sh) via npx aus — benötigt Node.js lokal und mindestens einen installierten skills-kompatiblen Agent (Claude Code, Cursor, Codex, …). Setzt voraus, dass das Repo dem agentskills.io-Format folgt.
Qualitätspunktzahl
Vertrauenssignale
Ähnliche Erweiterungen
Baoyu Compress Image
100Compresses images to WebP (default) or PNG with automatic tool selection. Use when user asks to "compress image", "optimize image", "convert to webp", or reduce image file size.
Convert Image Format
98Convert an image between PNG, JPEG, and WebP formats with quality control for web optimization.
Logo Creator
95Create logos using AI image generation. Discuss style/ratio, generate variations, iterate with user feedback, crop, remove background, and export as SVG. Use when user wants to create a logo, icon, favicon, brand mark, mascot, emblem, or design a logo.
Trader Regime
100Detect current market regime using npx neural-trader — bull/bear/ranging/volatile classification with recommended strategy
Setup
100Use first for install/update routing — sends setup, doctor, or MCP requests to the correct OMC setup flow
Project Session Manager
100Worktree-first dev environment manager for issues, PRs, and features with optional tmux sessions