Was macht obsidian-theme-designer?
Entwerfen Sie individuelle Obsidian-Designs visuell in Ihrem Browser mit Live-Vorschauen. Erstellen Sie CSS-Stile durch einen geführten Workflow, ohne Code zu schreiben.
Funktionen
- Live-Vorschau: Sehen Sie jede Änderung sofort im Browser.
- Geführter Workflow: Keine CSS-Kenntnisse erforderlich.
- Browser-basiert: Keine Installation nötig.
- Export als CSS: Importieren Sie das fertige Design direkt in Obsidian.
Wie es funktioniert
- Öffnen Sie das Tool im Browser.
- Wählen Sie Farben, Schriftarten und Layouts aus.
- Passen Sie Details mit Schiebereglern und Dropdowns an.
- Exportieren Sie die erstellte CSS-Datei.
- Importieren Sie die Datei in Obsidian (Einstellungen → Erscheinungsbild → CSS-Snippets).
Unterstützte Plattformen
- Alle Betriebssysteme (Windows, macOS, Linux)
- Nur Browser erforderlich (Chrome, Firefox, Edge, Safari)
Env-Variablen
Keine erforderlich.
Verwendung mit AI-Agenten
Dieses Skill kann nahtlos in Workflows mit AI-Agenten (z. B. Claude Code, Cursor, Codex) integriert werden. Der Agent kann Designparameter übergeben und die generierte CSS abrufen.
# Beispielaufruf
curl -X POST https://api.obsidian-theme-designer.example.com/design \
-H "Content-Type: application/json" \
-d '{"primaryColor": "#6c5ce7", "backgroundColor": "#2d3436", "font": "Inter"}'
Lizenz
MIT