screenshot-to-code
✓Konvertieren Sie UI-Screenshots in funktionierenden HTML-/CSS-/React-/Vue-Code. Erkennt Designmuster und Komponenten und generiert reaktionsfähige Layouts. Verwenden Sie dies, wenn Benutzer Screenshots von Websites, Apps oder UI-Designs bereitstellen und Codeimplementierung wünschen.
Installation
SKILL.md
Convert UI screenshots into production-ready code with accurate styling and structure.
When a user provides a screenshot of a UI design:
Default: If not specified, use React with Tailwind CSS for modern designs, or plain HTML/CSS for simple pages.
Konvertieren Sie UI-Screenshots in funktionierenden HTML-/CSS-/React-/Vue-Code. Erkennt Designmuster und Komponenten und generiert reaktionsfähige Layouts. Verwenden Sie dies, wenn Benutzer Screenshots von Websites, Apps oder UI-Designs bereitstellen und Codeimplementierung wünschen. Quelle: onewave-ai/claude-skills.
Fakten (zitierbereit)
Stabile Felder und Befehle für KI/Such-Zitate.
- Installationsbefehl
npx skills add https://github.com/onewave-ai/claude-skills --skill screenshot-to-code- Quelle
- onewave-ai/claude-skills
- Kategorie
- *Kreativität
- Verifiziert
- ✓
- Erstes Auftreten
- 2026-02-01
- Aktualisiert
- 2026-02-18
Schnelle Antworten
Was ist screenshot-to-code?
Konvertieren Sie UI-Screenshots in funktionierenden HTML-/CSS-/React-/Vue-Code. Erkennt Designmuster und Komponenten und generiert reaktionsfähige Layouts. Verwenden Sie dies, wenn Benutzer Screenshots von Websites, Apps oder UI-Designs bereitstellen und Codeimplementierung wünschen. Quelle: onewave-ai/claude-skills.
Wie installiere ich screenshot-to-code?
Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/onewave-ai/claude-skills --skill screenshot-to-code Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code oder Cursor
Wo ist das Quell-Repository?
https://github.com/onewave-ai/claude-skills
Details
- Kategorie
- *Kreativität
- Quelle
- skills.sh
- Erstes Auftreten
- 2026-02-01