Open-Source-Claude-Plugin erstellt interaktive visuelle Tuner mit Live-Vorschau
Was es tut
Ein Entwickler hat ein Open-Source-Plugin für Claude Code erstellt, das interaktive visuelle Einsteller zur Feinabstimmung von CSS- und Animationswerten generiert. Anstatt des typischen Hin-und-Her-Chat-Prozesses zum Anpassen von Werten wie Schatten, Farben und Abständen erstellt das Plugin eine einzelne HTML-Seite mit Schiebereglern und einer Figma-artigen unendlichen Leinwand für die Live-Vorschau.
Wie es funktioniert
Benutzer geben /ai-fine-tuner in Claude Code ein. Claude liest dann die tatsächliche Quelldatei, reproduziert das echte Element auf einer interaktiven Leinwand und bietet Schieberegler zur präzisen Einstellung der Werte. Die Oberfläche unterstützt Zoom per Pinch-Geste, Schwenken, Umschalten zwischen Dunkel- und Hellmodus und enthält eine "In die Zwischenablage kopieren"-Schaltfläche. Nach den Anpassungen fügen Benutzer die Werte wieder ein, und Claude wendet alle Werte genau an.
Hauptmerkmale
- Funktioniert für Animationen mit vollständiger Keyframe-Vorschau inklusive Zeitsteuerung und Easing-Steuerung
- Vorgefertigte Editor-Oberfläche mit unendlicher Leinwand, Zoom und Voreinstellungen
- Claude füllt nur das spezifische Element und die Werte des Benutzers aus
- Schnell und zuverlässig ohne halluzinierte UI-Elemente
Technische Details
Das Plugin wird installiert über: claude plugin install ai-fine-tuner@https://github.com/muhamadjawdatsalemalakoum/aifinetuner.git
Es verwendet eine Source Available-Lizenz, die kostenlos nutzbar ist, aber nicht in konkurrierende Produkte umverpackt werden darf.
Ressourcen
- Live-Demo: https://muhamadjawdatsalemalakoum.github.io/aifinetuner/
- GitHub-Repository: https://github.com/muhamadjawdatsalemalakoum/aifinetuner
📖 Read the full source: r/ClaudeAI
👀 Siehe auch
Claude-Rank: Claude-Code-Plugin für KI-Suchsichtbarkeitsaudits
Claude-rank ist ein kostenloses Claude Code-Plugin und eine CLI, das die technischen Grundlagen für die KI-Such-Sichtbarkeit prüft, technische SEO, KI-Zitierfähigkeitsbewertung, Crawlbarkeitsprüfungen für KI-Bots und automatisierte Korrekturen für Auffindbarkeitsprobleme behandelt.
KI-Funktionen: Laufzeit-Codegenerierung mit automatisierter Verifizierung
AI Functions ist eine Python-Bibliothek, mit der Sie Funktionen mit natürlichen Sprachspezifikationen anstelle von Implementierungscode definieren können, zur Laufzeit generierten LLM-Code ausführt und Ausgaben mit Nachbedingungen validiert, die bei Fehlern automatische Wiederholungen auslösen.
MephisQuiz: Kostenlose szenariobasierte Quiz-Plattform zur Bewertung von Ingenieurrollen
Ein SRE-Experte entwickelte MephisQuiz, eine kostenlose Quiz-Plattform mit über 860 szenariobasierten Fragen in 4 Ingenieursrollen-Tracks. Die Plattform nutzt adaptive Schwierigkeitsgrade, bietet themenbezogene Auswertungen und wurde mit Claude AI als Pair-Programmer entwickelt.
Claude Code als Compiler: Eine praktische Neuausrichtung für die KI-Entwicklung
Ein Reddit-Beitrag argumentiert, dass Claude Code wie ein Compiler funktioniert, der Englisch in funktionierende Software übersetzt, und zieht Parallelen zu historischen Durchbrüchen in der Informatik wie Grace Hoppers A-0 und FORTRAN. Der Autor beschreibt, wie aus einer 3-Absätze-langen englischen Beschreibung 400 Zeilen Code über 6 Dateien generiert wurden, wobei in 25 Minuten zwei Probleme entdeckt wurden.