Handelsmerken van hun respectieve eigenaren. KissMySkills is niet aan hen verbonden of door hen goedgekeurd.
Zo werkt het
Ask it something hard.
📎 ai-vaardigheid-voor-sketch.txtLOADED ✓
Mijn symbool voor de primaire knop rekt het label uit in plaats van de achtergrond wanneer ik de instantie vergroot of verklein. Hoe los ik dit op?
CLAUDE · WITH THIS SKILLJe krijgt: de oorzaak in één regel (het label mist Smart Layout of de juiste constraints) -> genummerde stappen: selecteer de Symbol Source, ga naar Inspector > Smart Layout en stel dit in op Horizontal, Center -> het alternatief voor knoppen met een vaste breedte met Inspector > Resizing, met pins en zonder Fix Width -> een controlestap waarbij je een instantie versleept -> een uitleg in één regel waarom Smart Layout verschilt van constraints -> de volgende actie: test met een lange labeloverride om te bevestigen dat de opvulling behouden blijft.
De eerste regels van het bestand dat je AI leest, precies zoals het geleverd wordt. Niets herschreven voor deze pagina.
Gebruik de naam Zodra het bestand geladen is, spreek het aan bij naam: „Serge, kijk eens naar deze pagina.“ Daar is de naam voor. Zo blijven meerdere skills in een chat uit elkaar.
// de skill waar jouw AI op draait
Je bent een ervaren Sketch-poweruser die bestanden netjes houdt met symbolen, stijlen, kleurvariabelen en bibliotheken, en antwoorden geeft met echte menupaden. Je bent geactiveerd om de gebruiker van idee naar een ontwerp dat gedeeld kan worden te begeleiden.
KissMySkills.com | Installeren: plak dit hele bestand in Claude Projects (Projectinstructies), een aangepaste GPT (Instructies), een Gemini Gem of de systeemprompt van je AI. Stel daarna gewoon vragen zoals je gewend bent. Je bent een ervaren Sketch-gebruiker die is geïntegreerd in het dagelijkse productontwerpwerk van de gebruiker: een ontwerper die jarenlang ontwerpsystemen in Sketch heeft gebouwd en onderhouden, Libraries binnen een team heeft beheerd en ontwerpen aan ontwikkelaars heeft overgedragen. Je optimaliseert voor overzichtelijke, schaalbare bestanden (Symbols, Styles, Libraries) en zo weinig mogelijk stappen van idee tot deelbaar ontwerp. Toon: direct en praktisch, stapsgewijs wanneer dat nodig is, met de echte menunamen en paneellabels van Sketch. · Sketch is een Mac-app (.sketch-bestanden) met een webcomponent (Sketch-webapp) voor bekijken, opmerkingen plaatsen, inspecteren en overdracht; Workspaces bevatten documenten en Libraries. · Documentstructuur: Pages, Artboards (met voorinstellingen voor iOS, Android, Web en aangepaste formaten), Layers, Groups, Shapes (Rectangle, Oval, Line, Path, vectorbewerking), Text-lagen, Images, Slices voor export. · Symbols: master-Symbols (Symbol Sources) op een Symbols-pagina, instanties met Overrides (tekst, afbeelding, genest symbool, stijloverschrijvingen), formaatbeperkingen, Smart Layout (horizontaal en verticaal, met opvulling), instanties loskoppelen. · Styles: Layer Styles en Text Styles, wijzigingen synchroniseren met alle lagen, gedeeld via een Library, Color Variables en hun swatches. · Libraries: gedeelde documenten waarvan Symbols, Styles en Color Variables in andere bestanden worden gebruikt; Library-updates verschijnen als beschikbare updates in andere documenten; beheren via Sketch > Settings > Libraries en via de Workspace. · Lay-outtools: Layout-instellingen en rasters op Artboards, Smart Guides, Make Grid (Arrange > Make Grid), Distribute, Align, Tidy, Resizing-beperkingen (Pin to edge, Fix width/height), Auto-size en Fixed-tekstvakken. · Prototyping: Links tussen Artboards, Hotspots, vaste elementen tijdens scrollen, Start Point, voorbeeldweergave in de webapp en de Mirror-app op iOS. · Export: Make Exportable, exportvoorinstellingen (1x, 2x, 3x, SVG, PDF, PNG, JPG), Slices, batch-export, export voor ontwikkelaars via de webapp Inspector (CSS-, Swift- en Android-attributen). · Inspector-paneel: positie en formaat, rotatie, spiegelen, radius, dekking en overvloeien, Fills (effen, verloop, afbeelding, patroon), Borders, Shadows, Inner Shadows, Blurs, teksteigenschappen. · Boolean-bewerkingen: Union, Subtract, Intersect, Difference; Flatten; lijn omlijnen via Layer > Convert to Outlines; Masks (Mask with Shape) en alfamaskers. · Plugins en integraties: Sketch Runner, Anima, Stark voor toegankelijkheid, Lottie, Sketch Data (Layer > Data), pluginbeheer via Sketch > Settings > Plugins; Sketch Assistant voor bestandscontrole. · Data en content: gegevensbronnen voor namen en afbeeldingen, Text on path, Linked Data uit JSON-bestanden.
78 regels · .txt · directe download
// wat erin zit
Wat zit er in deze skill?
Structuren van symboollagen met Smart Layout, overrides en beperkingen voor het formaat
Handelsmerken van hun respectieve eigenaren. KissMySkills is niet aan hen verbonden of door hen goedgekeurd.
// vraag het je assistent
Of laat je AI deze skill voor je instellen.
Ga naar kissmyskills.com/pages/connector en stel de skill "AI Skill voor Sketch" (handle: ai-skill-for-sketch) voor me in
Plak hem in Claude, ChatGPT, Claude Code, Cursor of Codex. Je AI helpt je KissMySkills te koppelen (ongeveer 3 minuten, 7 dagen gratis proberen) en laadt de skill. Wat je AI gaat lezen →
Wat je echt koopt
Deze Claude/ChatGPT-skill geeft je een Sketch AI-assistent voor het ontwerpwerk dat je elke dag doet: Symboolstructuren met Slimme lay-out en formaatbeperkingen die ook bij lange labels intact blijven, bibliotheekconfiguraties met naamgevingsconventies, tekststijlen en kleurvariabelen, echte tekst op het scherm die is afgestemd op je tekengebied, kaarten met prototypelinks voor reviewsessies, exportvoorinstellingen en overdrachtsnotities voor ontwikkelaars, en geordende checklists wanneer een export onscherp is of een instantie de verkeerde laag van formaat verandert.
De assistent kent de symbolen en overschrijvingen van Sketch, laag- en tekststijlen, bibliotheken en hun updateproces, tekengebiedlay-out en rasters, booleaanse bewerkingen en maskers, Exporteren mogelijk maken en segmenten, de Inspector in de webapp voor overdracht, en de veelvoorkomende valkuilen rond beperkingen en posities op halve pixels. De assistent bedient Sketch niet rechtstreeks; hij bereidt de menupaden, instellingen en tekst voor, zodat je die zelf in het bestand kunt toepassen.
Werkt hetzelfde in Claude, ChatGPT en Gemini. Eén aankoop: download het bestand, installeer het in minder dan 2 minuten en stel daarna vragen over je Sketch-document zoals je die aan een senior productontwerper zou stellen.
// zo installeer je
In minder dan 2 minuten
Vier stappen. Elke AI-chat.
01
Download het bestand
Na het afrekenen staat de downloadlink in je inbox. Bewaar het .txt-bestand waar je wilt op je apparaat.
02
Open je AI-chat
Elke AI-chat die je al gebruikt: Claude, ChatGPT, Gemini, Grok, Copilot of een andere.
03
Plak de prompt
Open het .txt-bestand, kopieer het promptgedeelte en plak het in Claude of ChatGPT - of zet het in een project, zodat het er altijd is.
04
Ga aan de slag
Je AI is nu geconfigureerd als specialist. Vraag hem alles binnen zijn vakgebied.
Geen technische kennis vereist.
Met Library hoef je niets te downloaden. Koppel je AI één keer en vraag daarna elke skill bij naam.
Deze verandert Claude of ChatGPT in een Sketch AI-assistent die Symbol-structuren plant, Libraries en Styles instelt, de tekst voor je schermen schrijft, prototypelinks in kaart brengt, exportpresets voorbereidt voor overdracht aan ontwikkelaars en problemen met resizing en export oplost. Beschrijf het component of het probleem en de assistent geeft je de Sketch-stappen.
Bedient deze Sketch voor mij?+
Nee. De assistent opent je .sketch-bestand niet, maakt geen lagen aan en publiceert geen Libraries. Hij bereidt de exacte menupaden, Inspector-instellingen, naamgevingsschema's en tekst voor, zodat je die zelf in Sketch kunt toepassen. Ook waarschuwt hij je om het document te dupliceren voordat je bulkbewerkingen uitvoert, zoals Symbols loskoppelen of styles vervangen.
Kan deze me helpen een designsystem-Library in Sketch op te bouwen?+
Ja. Hij stelt de paginstructuur, slash-gescheiden Symbol-namen, lijsten met Text Styles en Layer Styles, Color Variables, Smart Layout-regels voor componenten en de workflow voor het publiceren van Library-updates aan het team via je Workspace voor.
Schrijft deze de daadwerkelijke tekst die in mijn Sketch-schermen komt?+
Ja. Geef het doel van het scherm en de Artboard-breedte door, waarna de assistent koppen, labels, knopteksten, lege toestanden en foutmeldingen met tekentellingen levert, opgemaakt zodat je elke tekenreeks in de juiste tekstlaag of Symbol-override kunt plakken.
Klaar om je AI te specialiseren?
Deze en 2.500+ andere, in Claude, ChatGPT, Claude Code, Codex of Cursor. Altijd opzegbaar.