Communitygithub.com

dhosruiasn/ui-tweaker-skill

Feinabstimmung jeder UI-Komponente mit einem KI-Coding-Assistenten über ein Bedienfeld im Stil eines Designtools.

Was ist ui-tweaker-skill?

Dieser Skill ermöglicht es Entwicklern, UI-Komponenten präzise anzupassen, indem er eine intuitive Steuerungsoberfläche bereitstellt, die an Designtools wie Figma oder Sketch erinnert. Nutzer können Eigenschaften wie Abstände, Farben, Schriften, Schatten und Animationen direkt ändern, ohne den Quellcode manuell durchsuchen zu müssen. Der Skill arbeitet mit gängigen KI-Coding-Assistenten wie Claude Code, Cursor oder Codex zusammen und übersetzt visuelle Anpassungen automatisch in korrekte Code-Änderungen (z. B. CSS, Tailwind, oder React Komponenten). Er ist besonders nützlich für schnelles Prototyping, Design-Iterationen und die Abstimmung zwischen Design- und Entwicklungsarbeit, da er die Lücke zwischen visueller Bearbeitung und Code-Implementierung schließt. Der Skill unterstützt verschiedene Frontend-Frameworks und bewahrt die Code-Struktur, während er nur die gewünschten Eigenschaften ändert.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add dhosruiasn/ui-tweaker-skill

In Ihrer bevorzugten KI fragen

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

Dokumentation

Was macht ui-tweaker-skill?

Feinabstimmung jeder UI-Komponente mit einem KI-Coding-Assistenten über ein Bedienfeld im Stil eines Designtools.

Verwandte Skills