Puoi creare una schermata da Simboli riutilizzabili che mantengono la loro struttura quando vengono ridimensionati e consegnare a uno sviluppatore un file che possa leggere.
$19questo skillun solo pagamentotuo per sempre
File di prompt·download immediatoai-sketch-tutor.txt
Marchi dei rispettivi proprietari. KissMySkills non è affiliato né approvato da loro.
Come funziona
Ask it something hard.
📎 ai-sketch-tutor.txtLOADED ✓
Uso Sketch per le schermate, ma i miei simboli si sfaldano quando li ridimensiono e non ho idea di cosa facciano i vincoli.
CLAUDE · WITH THIS SKILLRicevi: un’attività, trasforma un pulsante in un Simbolo, inserisci un’icona 16 per 16 a sinistra, quindi rendilo più largo di 80 pixel -> segnali che l’icona si è allungata e che l’etichetta non è centrata -> invece di un file corretto, la domanda: seleziona il livello dell’icona e leggi il pannello Ridimensionamento; che cosa è fisso e che cosa no -> rispondi che nulla è fisso -> poi la domanda successiva: quando il pulsante diventa più largo, quali parti dovrebbero effettivamente cambiare dimensione -> capisci che deve cambiare solo lo sfondo -> il concetto nominato: un vincolo è un’indicazione su ciò che rimane invariato quando cambia la cornice -> tocca di nuovo a te: ancora l’icona a sinistra, fissa la larghezza e l’altezza, ridimensiona un’altra volta -> un blocco sui progressi per la prossima volta.
Domande prima di comprare? Risponde una persona, di solito in giornata: hello@kissmyskills.com
// il file vero e proprio
Leggilo prima di comprarlo.
Le prime righe del file che la tua IA leggerà, esattamente come viene consegnato. Niente è stato riscritto per la pagina.
Usa il nome Caricato il file, rivolgiti a lui per nome: «Serge, guarda questa pagina.» Il nome serve a questo. Così tieni distinti più skill nella stessa chat.
// il skill su cui gira la tua IA
Sei un tutor socratico di Sketch e l'apprendente costruisce personalmente ogni componente. Sei stato attivato per insegnare i simboli, le variabili di colore e i vincoli di ridimensionamento, in modo che un pulsante si allarghi mentre la sua icona mantiene le proprie dimensioni.
KissMySkills.com | Installazione: incolla questo intero file in Claude Projects (Istruzioni del progetto), in un GPT personalizzato (Istruzioni), in un Gem di Gemini o nel prompt di sistema della tua AI. Poi comunicagli cosa vuoi imparare. Sei un tutor socratico di Sketch per l'app di progettazione di interfacce per Mac. Il tuo compito è rendere l'allievo capace di creare schermate a partire da componenti che mantengono la propria struttura quando vengono ridimensionati e di consegnare il file a uno sviluppatore. Non sei uno strumento per correggere file. Tono: semplice, calmo, specifico. Frasi brevi. Un'idea per turno. La regola fondamentale: non costruisci mai il componente finito per un'attività che hai assegnato. Puoi mostrare la stessa tecnica su un altro elemento, fare una domanda o nominare il concetto. Il componente lo costruisce l'allievo. · L'ordine di apprendimento: tavole da disegno, forme e vettori, griglie di layout, Stili di testo, Variabili colore, Simboli e override, vincoli di ridimensionamento, Smart Layout, prototipazione, Librerie e handoff. · Il principio: definiscilo una volta, riutilizzalo ovunque. Un codice esadecimale inserito in quaranta punti significa quaranta modifiche successive. Le Variabili colore, gli Stili di testo e gli Stili livello vengono prima della seconda schermata. · I vincoli sono ciò che i principianti saltano e poi attribuiscono a Sketch. Nel pannello Ridimensionamento, fissare la larghezza o l'altezza e ancorare un elemento a un bordo indica cosa deve rimanere invariato quando cambia la cornice. Senza vincoli impostati, tutto viene ridimensionato, da qui le icone deformate. · Smart Layout serve per i componenti che crescono con il loro contenuto, come un pulsante che si allarga in base alla sua etichetta. Si basa sui vincoli, non li sostituisce. · Simboli: costruiscili piccoli, annidali e modifica le istanze con gli override invece di scollegarle. Un Simbolo scollegato è un vicolo cieco. · Vettori e layout: lo strumento Vettore, le operazioni booleane Unione, Sottrai, Interseca e Differenza, Appiattisci quando la forma è definitiva, una griglia a 8 punti, colonne di layout, Guide intelligenti, Organizza. · Handoff: Sketch Cloud per la condivisione e Inspect, Librerie condivise per aggiornare un componente tra diversi documenti, slice ed esportazione a 1x, 2x e 3x. · Errori classici: niente Simboli, quindi ogni modifica è manuale; scollegare invece di usare gli override; colori esadecimali invece delle Variabili colore; testo con altezza fissa; gruppi dove dovrebbe esserci Smart Layout; esportare a 1x per gli schermi retina. · Principiante contro professionista: una libreria di componenti che altri possono usare, spaziatura sulla griglia, tavole da disegno denominate in modo che uno sviluppatore possa trovarle, un prototipo che si apre. Non chiedere mai un'autovalutazione. Chiedi cosa stanno progettando, cosa si è rotto l'ultima volta e chi riceverà il file. Poi assegna un'attività: trasformare un pulsante in un Simbolo, aggiungere un'icona 16 per 16 e trascinarla rendendola più larga di 80 punti.
113 righe · .txt · download immediato
// cosa contiene
Cosa c'è in questo skill
Simboli, override e Simboli nidificati realizzati correttamente a partire dalla lezione sei
Vincoli di ridimensionamento spiegati esplicitamente, così i componenti smettono di deformarsi
Smart Layout per componenti che si espandono in base al contenuto
Product e UI designer che passano da Photoshop, sviluppatori che devono aprire il file di design, freelance che stanno creando il loro primo design system e studenti di un corso di design delle interfacce.
// due modi per averlo
Usalo dentro la tua IA, oppure scaricalo una volta.
Piano Library
Questo skill e altri 2.500+, dentro la tua chat
$9/mesedisdici quando vuoi, oppure $59 all'anno
Tutti i 2.500+ skill, pacchetti di prompt e agenti, caricati appena li chiedi
Niente da scaricare o incollare: collega una volta in Claude, ChatGPT, Claude Code o Cursor
Nuovi skill ogni settimana e 10 file del catalogo al mese da scaricare
Marchi dei rispettivi proprietari. KissMySkills non è affiliato né approvato da loro.
// chiedi al tuo assistente
Oppure lascia che la tua IA configuri questo skill per te.
Vai su kissmyskills.com/pages/connector e configurami lo skill "Tutor AI di Sketch" (handle: ai-sketch-tutor)
Incollalo in Claude, ChatGPT, Claude Code, Cursor o Codex. La tua IA ti guida nel collegare KissMySkills (circa 3 minuti, prova gratuita di 7 giorni) e carica lo skill. Cosa leggerà la tua IA →
Cosa compri davvero
Questo tutor AI per Sketch è pensato per l’app di progettazione UI per Mac, quella con tavole da disegno e Simboli. Un Simbolo pulsante sbava la propria icona quando lo ridimensioni, una modifica del colore significa intervenire manualmente su quaranta schermate e lo sviluppatore chiede specifiche che non sai fornire. Questo file trasforma Claude, ChatGPT o Gemini in un tutor che ti fa svolgere il lavoro direttamente in Sketch.
Ti propone un’unica attività: creare un pulsante come Simbolo e ridimensionarlo, per poi affrontare il percorso che la maggior parte dei tutorial non arriva mai a trattare: Variabili colore e Stili di testo prima di disegnare qualsiasi elemento due volte, poi Simboli e override, quindi i vincoli di ridimensionamento, Smart Layout, infine la prototipazione e la consegna tramite Cloud. Quando la tua icona si deforma, non ti invia un file corretto. Ti chiede quali vincoli sono impostati per quel livello e cosa volevi mantenere fisso.
Il file funziona allo stesso modo in Claude, ChatGPT e Gemini. Incollalo in un Project, in un GPT personalizzato o in un Gem in circa due minuti. Un solo pagamento, senza abbonamenti aggiuntivi oltre a quello che già paghi per Sketch. Si abbina a AI Skill for Sketch, l’assistente operativo da usare quando conosci già le basi; questo invece te le insegna.
// come installare
Meno di 2 minuti
Quattro passaggi. Qualsiasi chat AI.
01
Scarica il file
Dopo l'acquisto, il link per il download arriva nella tua casella email. Salva il file .txt dove preferisci sul tuo dispositivo.
02
Apri la tua chat AI
Qualsiasi chat IA che usi già: Claude, ChatGPT, Gemini, Grok, Copilot o un’altra.
03
Incolla il prompt
Apri il file .txt, copia la sezione del prompt e incollala in Claude o ChatGPT, oppure aggiungila a un progetto per averla sempre a portata di mano.
04
Inizia a lavorare
La tua AI è ora configurata come specialista. Chiedile qualsiasi cosa nell’ambito di sua competenza.
Non è richiesta alcuna conoscenza tecnica.
Con Library non c’è niente da scaricare. Collega la tua IA una volta, poi chiedi qualsiasi skill per nome.
Come funziona questo tutor di Sketch se non riesce a vedere il mio documento?+
Riferisci cosa mostrano i pannelli: le impostazioni di ridimensionamento di un livello, se un colore è una Variabile colore o un valore esadecimale, cosa elenca il pannello Componenti, il preset della tavola da disegno. Questi sono i fatti che un tutor verificherebbe comunque. Indica il pannello esatto, assegna un'attività e attende il tuo resoconto prima di continuare.
Si tratta dell'app di design per Mac o di lezioni di disegno?+
Dell'app per Mac, quella con tavole da disegno, Simboli e Sketch Cloud. Copre il flusso di lavoro per la progettazione di interfacce: tavole da disegno e griglie, Stili di testo, Variabili colore, Simboli con override, vincoli di ridimensionamento, Layout intelligente, collegamenti per la prototipazione e handoff tramite Inspect. Non è un corso di disegno o di schizzi.
Tratta anche le Librerie e l'handoff agli sviluppatori?+
Sì, la lezione dieci. Librerie condivise per aggiornare un componente tra più documenti, Sketch Cloud per la condivisione e Inspect, così gli sviluppatori possono leggere autonomamente spaziature e colori, oltre ai preset di esportazione a 1x, 2x e 3x con le slice. Chiede chi riceverà il file prima di consigliare un formato.
Devo leggerlo da solo?+
No. Il file è scritto perché lo legga la tua AI, non tu. Caricalo o incollalo una volta e l'AI assumerà il ruolo. Dopodiché ti basterà farle domande come faresti normalmente. Puoi aprirlo e leggerlo, se vuoi, ma nulla di tutto questo dipende dal fatto che tu lo faccia.
Pronto a specializzare la tua AI?
Questo e altri 2.500+, dentro Claude, ChatGPT, Claude Code, Codex o Cursor. Disdici quando vuoi.