Marcas registradas de seus respectivos proprietários. KissMySkills não é afiliado nem endossado por eles.
Como funciona
Ask it something hard.
📎 ai-skill-for-sketch.txtLOADED ✓
O símbolo do meu botão principal estica o rótulo em vez do plano de fundo quando redimensiono a instância. Como corrijo isso?
CLAUDE · WITH THIS SKILLVocê verá: a causa em uma linha (o rótulo não tem Smart Layout ou restrições corretas) -> etapas numeradas: selecione o Symbol Source, vá para Inspector > Smart Layout e defina como Horizontal, Center -> a alternativa para botões de largura fixa usando Inspector > Resizing com pinos e sem Fix Width -> uma etapa de verificação arrastando uma instância -> uma explicação em uma linha sobre por que usar Smart Layout em vez de restrições -> a próxima ação: teste com uma substituição de rótulo longo para confirmar que o preenchimento se mantém.
Dúvidas antes de comprar? Uma pessoa responde, geralmente no mesmo dia: hello@kissmyskills.com
// o próprio arquivo
Leia antes de comprar.
As primeiras linhas do arquivo que sua IA vai ler, exatamente como é entregue. Nada reescrito para a página.
Use o nome Com o arquivo carregado, fale com ele pelo nome: “Serge, confira esta página.” É para isso que serve o nome. Assim, várias skills não se misturam no mesmo chat.
// o skill que faz sua IA funcionar
Você é um usuário avançado do Sketch que mantém os arquivos organizados com Símbolos, Estilos, Variáveis de cor e Bibliotecas, e responde com caminhos de menu reais. Você foi ativado para ajudar o usuário a transformar uma ideia em um design compartilhável.
KissMySkills.com | Instalação: cole este arquivo inteiro no Claude Projects (instruções do projeto), em um GPT personalizado (instruções), em um Gemini Gem ou no prompt do sistema da sua IA. Depois, basta fazer perguntas da maneira habitual. Você é um usuário avançado do Sketch, integrado ao trabalho diário de design de produto do usuário: um designer que criou e manteve sistemas de design no Sketch, gerenciou Libraries para uma equipe e fez handoff para desenvolvedores durante anos. Você prioriza arquivos organizados e escaláveis (Symbols, Styles, Libraries) e o menor número possível de etapas entre a ideia e um design pronto para compartilhar. Tom: direto e prático, com instruções passo a passo quando necessário, usando os nomes reais dos menus e dos painéis do Sketch. · O Sketch é um aplicativo para Mac (arquivos .sketch) com um complemento web (aplicativo web do Sketch) para visualização, comentários, inspeção e handoff; os Workspaces contêm documentos e Libraries. · Estrutura do documento: Pages, Artboards (com predefinições para iOS, Android, Web e tamanhos personalizados), Layers, Groups, Shapes (Rectangle, Oval, Line, Path, edição vetorial), camadas de texto, imagens e Slices para exportação. · Symbols: Symbols mestres (Symbol Sources) em uma página Symbols, instâncias com Overrides (texto, imagem, símbolo aninhado e substituições de estilo), restrições de redimensionamento, Smart Layout (horizontal e vertical, com preenchimento) e desanexação de instâncias. · Styles: Layer Styles e Text Styles, com sincronização das alterações em todas as camadas, compartilhados em uma Library; Color Variables e suas amostras. · Libraries: documentos compartilhados cujos Symbols, Styles e Color Variables são usados em outros arquivos; as atualizações da Library aparecem como atualizações disponíveis em outros documentos; gerenciadas em Sketch > Settings > Libraries e pelo Workspace. · Ferramentas de layout: configurações de Layout e grids em Artboards, Smart Guides, Make Grid (Arrange > Make Grid), Distribute, Align, Tidy e restrições de redimensionamento (Pin to edge, Fix width/height), além de Auto-size e caixas de texto Fixed. · Prototipagem: links entre Artboards, Hotspots, elementos fixos durante a rolagem, Start Point, visualização no aplicativo web e no aplicativo Mirror no iOS. · Exportação: Make Exportable, predefinições de exportação (1x, 2x, 3x, SVG, PDF, PNG, JPG), Slices, exportação em lote e exportação para desenvolvedores pelo Inspector do aplicativo web (CSS, Swift e atributos do Android). · Painel Inspector: posição e tamanho, rotação, inversão, raio, opacidade e mesclagem, Fills (sólido, gradiente, imagem e padrão), Borders, Shadows, Inner Shadows, Blurs e propriedades de texto. · Operações booleanas: Union, Subtract, Intersect e Difference; Flatten; contorno do traço por meio de Layer > Convert to Outlines; Masks (Mask with Shape) e máscaras alfa. · Plugins e integrações: Sketch Runner, Anima, Stark para acessibilidade, Lottie, Sketch Data (Layer > Data), gerenciador de plugins em Sketch > Settings > Plugins e Sketch Assistant para validação de arquivos. · Dados e conteúdo: fontes de dados para nomes e imagens, Text on path e Linked Data a partir de arquivos JSON.
78 linhas · .txt · download imediato
// o que vem incluído
O que vem neste skill
Estruturas de camadas de símbolos com Layout inteligente, substituições e restrições de redimensionamento
Configuração da biblioteca: nomenclatura, estilos de texto, estilos de camada, variáveis de cor, atualizações
Textos na tela dimensionados para a prancheta, prontos para colar nas camadas de texto
Predefinições de exportação, notas para entrega aos desenvolvedores e listas de verificação para exportações desfocadas
Designers de produto e de UI que criam telas e sistemas de design no Sketch todos os dias.
// duas formas de ter
Use dentro da sua IA ou baixe uma vez.
Plano Library
Esta skill e mais 2.500+, dentro do seu chat
$9/mêscancele quando quiser, ou $59 por ano
Todas as 2.500+ skills, pacotes de prompts e agentes, carregados assim que você pede
Nada para baixar ou colar: conecte uma vez no Claude, ChatGPT, Claude Code ou Cursor
Novas skills toda semana e 10 arquivos do catálogo por mês para baixar
Marcas registradas de seus respectivos proprietários. KissMySkills não é afiliado nem endossado por eles.
// peça ao seu assistente
Ou deixe sua IA configurar esta skill para você.
Acesse kissmyskills.com/pages/connector e configure para mim a skill "Skill de AI para o Sketch" (handle: ai-skill-for-sketch)
Cole no Claude, ChatGPT, Claude Code, Cursor ou Codex. Sua IA guia você na conexão do KissMySkills (cerca de 3 minutos, 7 dias de teste grátis) e carrega a skill. O que sua IA vai ler →
O que você está comprando de verdade
Esta habilidade do Claude/ChatGPT oferece um assistente de AI para Sketch voltado ao trabalho de design que você faz todos os dias: estruturas de Símbolos com Smart Layout e restrições de redimensionamento que resistem a rótulos longos, configurações de Bibliotecas com convenções de nomenclatura, Estilos de Texto e Variáveis de Cor, textos reais na tela dimensionados para sua Prancheta, mapas de links de protótipos para sessões de revisão, predefinições de exportação e notas de handoff para desenvolvedores, além de checklists ordenadas quando uma exportação fica borrada ou uma instância redimensiona a camada errada.
Ela conhece os Símbolos e Substituições do Sketch, os Estilos de Camada e de Texto, as Bibliotecas e seu fluxo de atualização, o Layout da Prancheta e as grades, as operações booleanas e as máscaras, os recursos Tornar exportável e Fatias, o Inspetor do aplicativo web para handoff e os problemas comuns relacionados a restrições e posições em meio pixel. Ela não opera o Sketch diretamente; prepara os caminhos de menu, as configurações e os textos para que você os aplique no arquivo por conta própria.
Funciona da mesma forma no Claude, ChatGPT e Gemini. Uma compra, baixe o arquivo, instale em menos de 2 minutos e depois pergunte sobre seu documento do Sketch como você perguntaria a um designer de produto sênior.
// como instalar
Em menos de 2 minutos
Quatro passos. Qualquer chat de AI.
01
Baixar o arquivo
Após a compra, o link de download chega ao seu e-mail. Salve o arquivo .txt onde quiser no seu dispositivo.
02
Abra seu chat de AI
Qualquer chat de IA que você já usa: Claude, ChatGPT, Gemini, Grok, Copilot ou outro.
03
Cole o prompt
Abra o arquivo .txt, copie a seção do prompt e cole no Claude ou no ChatGPT, ou adicione a um projeto para tê-lo sempre à mão.
04
Comece a trabalhar
Sua AI agora está configurada como especialista. Pergunte qualquer coisa dentro da área de especialização dela.
Nenhum conhecimento técnico necessário.
Com o Library, não há nada para baixar. Conecte sua IA uma vez e peça qualquer skill pelo nome.
Ele transforma Claude ou ChatGPT em um assistente de AI para o Sketch que planeja estruturas de Symbols, configura Libraries e Styles, escreve os textos das suas telas, mapeia links de protótipos, prepara predefinições de exportação para a entrega aos desenvolvedores e resolve problemas de redimensionamento e exportação. Descreva o componente ou o problema, e ele retornará as etapas no Sketch.
Ele opera o Sketch por mim?+
Não. Ele não abre seu arquivo .sketch, cria layers nem publica Libraries. Ele prepara os caminhos exatos dos menus, as configurações do Inspector, os esquemas de nomenclatura e os textos para você aplicá-los no Sketch, e avisa para duplicar o documento antes de fazer alterações em massa, como desanexar Symbols ou substituir styles.
Ele pode me ajudar a criar uma Library de design system no Sketch?+
Sim. Ele propõe a estrutura de páginas, a nomenclatura de Symbols separada por barras, as listas de Text Styles e Layer Styles, as Color Variables, as regras de Smart Layout para componentes e o fluxo de trabalho para publicar atualizações da Library para a equipe pelo seu Workspace.
Ele escreve o texto que vai efetivamente nas minhas telas do Sketch?+
Sim. Informe a finalidade da tela e a largura do Artboard, e ele retornará títulos, rótulos, textos de botões, estados vazios e mensagens de erro com contagens de caracteres, formatados para que você possa colar cada string na layer de texto ou no override de Symbol correto.
Pronto para especializar sua AI?
Este e mais 2.500+, dentro do Claude, ChatGPT, Claude Code, Codex ou Cursor. Cancele quando quiser.