·sketch-implement-design
""

sketch-implement-design

Übersetzen Sie Sketch-Ebenen in produktionsbereitem Code mit 1:1 visueller Wiedergabetreue mit den Sketch MCP-Tools („run_code“, „get_selection_as_image“) für Live-Designkontext, Screenshots und Asset-Export. Verwenden Sie diese Option, wenn Sie die Benutzeroberfläche aus einem geöffneten Skizzendokument, der aktuellen Auswahl oder bestimmten Skizzenebenen-IDs implementieren oder aktualisieren.

89Installationen·7Trend·@sketch-hq

Installation

$npx skills add https://github.com/sketch-hq/skills --skill sketch-implement-design

So installieren Sie sketch-implement-design

Installieren Sie den KI-Skill sketch-implement-design schnell in Ihrer Entwicklungsumgebung über die Kommandozeile

  1. Terminal öffnen: Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Installationsbefehl ausführen: Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/sketch-hq/skills --skill sketch-implement-design
  3. Installation überprüfen: Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw

Quelle: sketch-hq/skills.

Implement UI from Sketch with high visual fidelity by querying live document data through Sketch MCP. Use runcode to inspect and export data, and getselectionasimage as the visual source of truth.

General -> Allow AI tools to interact with open documents.

https://sketch.com/s/ /f/ : extract the /f/ value, find that layer, and select it. Prefer this target over current selection or name-based matching.

Übersetzen Sie Sketch-Ebenen in produktionsbereitem Code mit 1:1 visueller Wiedergabetreue mit den Sketch MCP-Tools („run_code“, „get_selection_as_image“) für Live-Designkontext, Screenshots und Asset-Export. Verwenden Sie diese Option, wenn Sie die Benutzeroberfläche aus einem geöffneten Skizzendokument, der aktuellen Auswahl oder bestimmten Skizzenebenen-IDs implementieren oder aktualisieren. Quelle: sketch-hq/skills.

Fakten (zitierbereit)

Stabile Felder und Befehle für KI/Such-Zitate.

Installationsbefehl
npx skills add https://github.com/sketch-hq/skills --skill sketch-implement-design
Kategorie
""Schreiben
Verifiziert
Erstes Auftreten
2026-02-18
Aktualisiert
2026-03-11

Browse more skills from sketch-hq/skills

Schnelle Antworten

Was ist sketch-implement-design?

Übersetzen Sie Sketch-Ebenen in produktionsbereitem Code mit 1:1 visueller Wiedergabetreue mit den Sketch MCP-Tools („run_code“, „get_selection_as_image“) für Live-Designkontext, Screenshots und Asset-Export. Verwenden Sie diese Option, wenn Sie die Benutzeroberfläche aus einem geöffneten Skizzendokument, der aktuellen Auswahl oder bestimmten Skizzenebenen-IDs implementieren oder aktualisieren. Quelle: sketch-hq/skills.

Wie installiere ich sketch-implement-design?

Ö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/sketch-hq/skills --skill sketch-implement-design Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw

Wo ist das Quell-Repository?

https://github.com/sketch-hq/skills

Details

Kategorie
""Schreiben
Quelle
skills.sh
Erstes Auftreten
2026-02-18

Verwandte Skills

Keine