Marken ihrer jeweiligen Inhaber. KissMySkills steht in keiner Verbindung zu ihnen und wird nicht von ihnen unterstützt.
So funktioniert's
Ask it something hard.
LOADED ✓
Mein Symbol für die primäre Schaltfläche dehnt beim Ändern der Instanzgröße das Label statt des Hintergrunds. Wie kann ich das beheben?
CLAUDE · WITH THIS SKILLSie erhalten: die Ursache in einer Zeile (dem Label fehlt Smart Layout oder es fehlen die richtigen Constraints) -> nummerierte Schritte: Symbolquelle auswählen, Inspector > Smart Layout auf Horizontal, Center setzen -> die Alternative für Schaltflächen mit fester Breite mithilfe von Inspector > Resizing mit Pins und ohne Fix Width -> einen Prüfschritt durch Ziehen einer Instanz -> eine einzeilige Erklärung, warum Smart Layout gegenüber Constraints verwendet wird -> die nächste Aktion: mit einem langen Label-Override testen, um zu bestätigen, dass der Innenabstand erhalten bleibt.
Die ersten Zeilen der Datei, die deine KI lesen wird, genau so, wie sie geliefert wird. Nichts für die Seite umgeschrieben.
Nutze den Namen Wenn die Datei geladen ist, sprich sie mit Namen an: „Serge, sieh dir diese Seite an.“ Dafür ist der Name da. So bleiben auch mehrere Skills in einem Chat auseinander.
// der skill, auf dem deine KI läuft
Du bist ein erfahrener Sketch-Power-User und hältst Dateien mit Symbolen, Stilen, Farbvariablen und Bibliotheken ordentlich. Du antwortest mit den tatsächlichen Menüpfaden. Du wurdest aktiviert, um den Benutzer von der Idee bis zu einem teilbaren Design zu begleiten.
KissMySkills.com | Installation: Füge diese gesamte Datei in Claude Projects (Projektanweisungen), ein benutzerdefiniertes GPT (Anweisungen), ein Gemini Gem oder den System-Prompt deiner KI ein. Stelle anschließend einfach Fragen, wie du es normalerweise tun würdest. Du bist ein erfahrener Sketch-Power-User, der in die tägliche Produktdesign-Arbeit des Benutzers eingebunden ist: ein Designer, der jahrelang in Sketch Designsysteme erstellt und gepflegt, Libraries in Teams verwaltet und Designs an Entwickler übergeben hat. Du optimierst Dateien auf Ordnung und Skalierbarkeit (Symbole, Stile, Libraries) sowie auf möglichst wenige Schritte von der Idee bis zum teilbaren Design. Ton: direkt, praxisnah und bei Bedarf Schritt für Schritt, unter Verwendung der tatsächlichen Menünamen und Bedienfeldbezeichnungen von Sketch. · Sketch ist eine Mac-App (.sketch-Dateien) mit einer Web-Erweiterung (Sketch-Web-App) zum Anzeigen, Kommentieren, Inspizieren und für die Übergabe an Entwickler; Workspaces enthalten Dokumente und Libraries. · Dokumentstruktur: Seiten, Zeichenflächen (mit Voreinstellungen für iOS, Android, Web und benutzerdefinierte Größen), Ebenen, Gruppen, Formen (Rechteck, Oval, Linie, Pfad, Vektorbearbeitung), Textebenen, Bilder und Slices für den Export. · Symbole: Master-Symbole (Symbolquellen) auf einer Symbole-Seite, Instanzen mit Overrides (Text, Bild, verschachteltes Symbol, Stil-Overrides), Größenanpassungsbeschränkungen, Smart Layout (horizontal und vertikal, mit Innenabständen), Instanzen lösen. · Stile: Ebenenstile und Textstile, deren Änderungen mit allen Ebenen synchronisiert werden, gemeinsam in einer Library verwendet werden, Farbvariablen und deren Farbfelder. · Libraries: gemeinsame Dokumente, deren Symbole, Stile und Farbvariablen in anderen Dateien verwendet werden; Library-Updates werden in anderen Dokumenten als verfügbare Updates angezeigt; Verwaltung über Sketch > Einstellungen > Libraries und den Workspace. · Layout-Werkzeuge: Layout-Einstellungen und Raster auf Zeichenflächen, Smart Guides, Raster erstellen (Anordnen > Raster erstellen), Verteilen, Ausrichten, Ordnen, Größenanpassungsbeschränkungen (An Rand anheften, Breite/Höhe fixieren), Automatische Größe und Feste Textfelder. · Prototyping: Verknüpfungen zwischen Zeichenflächen, Hotspots, beim Scrollen fixierte Elemente, Startpunkt, Vorschau in der Web-App und der Mirror-App unter iOS. · Export: Für Export markieren, Exportvoreinstellungen (1x, 2x, 3x, SVG, PDF, PNG, JPG), Slices, Batch-Export, Export für Entwickler über den Web-App-Inspector (CSS, Swift, Android-Attribute). · Inspector-Bedienfeld: Position und Größe, Drehung, Spiegeln, Radius, Deckkraft und Mischmodi, Füllungen (einfarbig, Verlauf, Bild, Muster), Rahmen, Schatten, Innenschatten, Weichzeichnungen und Texteigenschaften. · Boolesche Operationen: Vereinigen, Subtrahieren, Überschneiden, Differenz; Reduzieren; Kontur eines Rahmens über Ebene > In Konturen umwandeln; Masken (Mit Form maskieren) und Alphamasken. · Plugins und Integrationen: Sketch Runner, Anima, Stark für Barrierefreiheit, Lottie, Sketch Data (Ebene > Daten), Plugin-Manager unter Sketch > Einstellungen > Plugins, Sketch Assistant zur Dateiprüfung. · Daten und Inhalte: Datenquellen für Namen und Bilder, Text auf Pfad, Verknüpfte Daten aus JSON-Dateien.
78 Zeilen · .txt · Sofort-Download
// was drin ist
Was steckt in diesem Skill?
Symbol-Layer-Strukturen mit Smart Layout, Überschreibungen und Einschränkungen bei der Größenänderung
Marken ihrer jeweiligen Inhaber. KissMySkills steht in keiner Verbindung zu ihnen und wird nicht von ihnen unterstützt.
// frag deinen Assistenten
Oder lass deine KI diesen Skill für dich einrichten.
Öffne kissmyskills.com/pages/connector und richte den Skill "AI Skill für Sketch" (handle: ai-skill-for-sketch) für mich ein
Füge ihn in Claude, ChatGPT, Claude Code, Cursor oder Codex ein. Deine KI führt dich durch die Verbindung mit KissMySkills (etwa 3 Minuten, 7 Tage kostenlos testen) und lädt den Skill. Was deine KI lesen wird →
Was du wirklich kaufst
Diese Claude/ChatGPT-Fähigkeit bietet dir einen Sketch-AI-Assistenten für deine tägliche Designarbeit: Symbolstrukturen mit Smart Layout und Größenbeschränkungen, die auch bei langen Beschriftungen erhalten bleiben, Bibliothekseinrichtungen mit Benennungskonventionen, Textstile und Farbvariablen, echter Text auf dem Bildschirm in der Größe deines Artboards, Prototypen-Linkmaps für Review-Sitzungen, Exporteinstellungen und Übergabenotizen für Entwickler sowie geordnete Checklisten, wenn ein Export unscharf ist oder eine Instanz die falsche Ebene in der Größe verändert.
Sie kennt Sketchs Symbole und Überschreibungen, Ebenen- und Textstile, Bibliotheken und deren Aktualisierungsablauf, Artboard-Layouts und Raster, boolesche Operationen und Masken, „Make Exportable“ und Slices, den Inspector der Web-App für die Übergabe sowie die typischen Fallstricke bei Beschränkungen und Halb-Pixel-Positionen. Sie bedient Sketch nicht direkt, sondern bereitet die Menüpfade, Einstellungen und Texte vor, damit du sie selbst in der Datei anwendest.
Funktioniert in Claude, ChatGPT und Gemini auf die gleiche Weise. Ein Kauf, Datei herunterladen, in weniger als 2 Minuten installieren und dann Fragen zu deinem Sketch-Dokument stellen, wie du einen Senior Product Designer fragen würdest.
// installation
Unter 2 Minuten
Vier Schritte. Jeder KI-Chat.
01
Datei herunterladen
Nach dem Kauf kommt der Download-Link per E-Mail. Speichere die .txt-Datei an einem beliebigen Ort auf deinem Gerät.
02
Öffne deinen KI-Chat
Jeder KI-Chat, den du bereits nutzt: Claude, ChatGPT, Gemini, Grok, Copilot oder ein anderer.
03
Prompt einfügen
Öffne die .txt-Datei, kopiere den Prompt-Abschnitt und füge ihn in Claude oder ChatGPT ein - oder lege ihn in einem Projekt ab, damit er immer da ist.
04
Beginne mit der Arbeit
Deine KI ist jetzt als Spezialist konfiguriert. Frag sie alles innerhalb ihres Fachgebiets.
Keine technischen Kenntnisse erforderlich.
Mit Library gibt es nichts herunterzuladen. Verbinde deine KI einmal und bitte sie dann um einen beliebigen Skill beim Namen.
Er verwandelt Claude oder ChatGPT in einen Sketch AI-Assistenten, der Symbolstrukturen plant, Libraries und Styles einrichtet, die Texte für deine Screens schreibt, Prototyp-Links zuordnet, Exportvoreinstellungen für die Übergabe an Entwickler vorbereitet und Probleme beim Ändern der Größe und Exportieren behebt. Beschreibe die Komponente oder das Problem, und er gibt dir die entsprechenden Sketch-Schritte zurück.
Bedient er Sketch für mich?+
Nein. Er öffnet deine .sketch-Datei nicht, erstellt keine Ebenen und veröffentlicht keine Libraries. Er bereitet die exakten Menüpfade, Inspector-Einstellungen, Benennungsschemata und Texte vor, damit du sie selbst in Sketch anwendest, und warnt dich, das Dokument vor umfangreichen Änderungen wie dem Ablösen von Symbolen oder dem Ersetzen von Styles zu duplizieren.
Kann er mir helfen, eine Designsystem-Library in Sketch aufzubauen?+
Ja. Er schlägt die Seitenstruktur, durch Schrägstriche getrennte Symbolnamen, die Listen der Text Styles und Layer Styles, Color Variables, Smart-Layout-Regeln für Komponenten und den Workflow zum Veröffentlichen von Library-Updates an das Team über deinen Workspace vor.
Schreibt er die eigentlichen Texte, die in meine Sketch-Screens kommen?+
Ja. Nenne ihm den Zweck des Screens und die Breite des Artboards, und er liefert Überschriften, Beschriftungen, Buttontexte, Texte für leere Zustände und Fehlermeldungen mit Zeichenanzahlen, formatiert, damit du jede Zeichenfolge in die richtige Textebene oder Symbol-Überschreibung einfügen kannst.
Bereit, deine KI zu spezialisieren?
Dieser und 2.500+ weitere, direkt in Claude, ChatGPT, Claude Code, Codex oder Cursor. Jederzeit kündbar.