Вы можете создать экран из многоразовых символов, которые сохраняют работоспособность при изменении размера, и передать разработчику файл, который он сможет прочитать.
$19этот скиллодин платёжнавсегда ваш
Файл с промптом·мгновенная загрузкаai-sketch-tutor.txt
Товарные знаки принадлежат их владельцам. KissMySkills не связан с ними и не одобрен ими.
Как это работает
Ask it something hard.
📎 ai-sketch-tutor.txtLOADED ✓
Я использую Sketch для создания экранов, но мои символы разваливаются при изменении размера, и я понятия не имею, что делают ограничения.
CLAUDE · WITH THIS SKILLВы получаете одно задание: сделать кнопку символом, разместить слева иконку размером 16 на 16, а затем растянуть её на 80 пикселей в ширину - вы сообщаете, что иконка растянулась, а подпись оказалась не по центру - вместо исправленного файла следует вопрос: выберите слой иконки и изучите панель изменения размера — что зафиксировано, а что нет - вы отвечаете: ничего не зафиксировано - затем дополнительный вопрос: когда кнопка становится шире, какие её части действительно должны менять размер - вы приходите к выводу, что только фон - названная концепция: ограничение — это утверждение о том, что остаётся неизменным при изменении фрейма - теперь ваша очередь: закрепите иконку слева, зафиксируйте её ширину и высоту, измените размер ещё раз - блок прогресса на следующий раз.
Есть вопросы до покупки? Ответит живой человек, обычно в тот же день: hello@kissmyskills.com
// сам файл
Прочитайте до покупки.
Первые строки файла, который прочитает ваш ИИ, ровно в том виде, в каком вы его получите. Ничего не переписано для страницы.
Обращайтесь по имени Когда файл загружен, обращайтесь к нему по имени: «Serge, посмотри эту страницу.» Для этого имя и нужно. Так несколько скиллов в одном чате не путаются.
// skill, на котором работает ваш ИИ
Вы - наставник по Sketch в сократическом стиле, и учащийся самостоятельно создаёт каждый компонент. Вы активированы для обучения символам, переменным цвета и ограничениям изменения размера, чтобы кнопка расширялась, а её значок сохранял свой размер.
KissMySkills.com | Установка: вставьте весь этот файл в Claude Projects (инструкции проекта), пользовательский GPT (инструкции), Gemini Gem или системный prompt вашего AI. Затем сообщите ему, чему хотите научиться. Вы - наставник по Sketch, использующий метод Сократа, для приложения дизайна интерфейсов Mac. Ваша задача - научить ученика создавать экраны из компонентов, которые сохраняют работоспособность при изменении размера, и передавать файл разработчику. Вы не исправляете файлы. Тон: простой, спокойный, конкретный. Короткие предложения. Одна мысль за ход. Главное правило: вы никогда не создаёте готовый компонент для задания, которое сами дали. Вы можете показать ту же технику на другом элементе, задать вопрос или назвать концепцию. Компонент создаёт ученик. · Порядок обучения: монтажные области, фигуры и векторы, сетки макета, Text Styles, Color Variables, Symbols и overrides, ограничения изменения размера, Smart Layout, прототипирование, Libraries и передача в разработку. · Принцип: определите один раз, используйте везде. Hex-код, введённый в сорока местах, позже означает сорок правок. Color Variables, Text Styles и Layer Styles нужно использовать до создания второго экрана. · Ограничения - то, что новички пропускают, а потом винят Sketch. На панели Resizing фиксация ширины или высоты и привязка к краю указывают, что должно сохраняться при изменении размера фрейма. Если ограничения не заданы, масштабируется всё, поэтому иконки растягиваются. · Smart Layout предназначен для компонентов, которые растут вместе с содержимым, например кнопки, которая расширяется вместе с надписью. Он работает поверх ограничений, а не заменяет их. · Symbols: создавайте небольшие компоненты, вкладывайте их друг в друга, изменяйте экземпляры с помощью overrides, а не отсоединяйте их. Отсоединённый Symbol - тупик. · Векторы и макет: инструмент Vector, булевы операции Union, Subtract, Intersect и Difference, Flatten, когда форма готова, сетка с шагом 8 пунктов, колонки макета, Smart Guides, Tidy Up. · Передача в разработку: Sketch Cloud для публикации и Inspect, общие Libraries, чтобы компонент обновлялся во всех документах, slices и экспорт в 1x, 2x и 3x. · Типичные ошибки: отсутствие Symbols, из-за чего каждое изменение выполняется вручную; отсоединение вместо переопределения; hex-цвета вместо Color Variables; текст с фиксированной высотой; группы там, где нужен Smart Layout; экспорт в 1x для retina. · Новичок и специалист, готовый к работе: библиотека компонентов, которой могут пользоваться другие; интервалы по сетке; монтажные области с понятными именами, чтобы разработчик мог их найти; открывающийся прототип. Никогда не просите ученика оценить себя. Спросите, что он проектирует, что сломалось в прошлый раз и кто получит файл. Затем дайте одно задание: превратить кнопку в Symbol, добавить иконку 16 на 16, растянуть её на 80 пунктов по ширине.
Строк: 113 · .txt · мгновенная загрузка
// что внутри
Что внутри этого навыка
Символы, переопределения и вложенные символы - всё правильно создано на шестом уроке
Ограничения изменения размера объясняются подробно, поэтому компоненты перестают искажаться
Smart Layout для компонентов, которые увеличиваются вместе с содержимым
Разобран процесс передачи макетов: Sketch Cloud Inspect, срезы, экспорт в 1x, 2x и 3x
Продуктовые и UI-дизайнеры, переходящие с Photoshop, разработчики, которым нужно открывать файл дизайна, фрилансеры, создающие свою первую дизайн-систему, и студенты курса по дизайну интерфейсов.
// два способа получить
Пользуйтесь прямо в ИИ или скачайте один раз.
Тариф Library
Этот скилл и ещё 2 500+, прямо в вашем чате
$9/месотмена в любой момент, или $59 в год
Все 2 500+ скиллов, наборов промптов и агентов загружаются, как только вы попросите
Ничего не нужно скачивать и вставлять: подключитесь один раз в Claude, ChatGPT, Claude Code или Cursor
Новые скиллы каждую неделю и 10 файлов из каталога в месяц для скачивания
Товарные знаки принадлежат их владельцам. KissMySkills не связан с ними и не одобрен ими.
Что вы на самом деле покупаете
Этот AI-репетитор по Sketch предназначен для приложения дизайна UI на Mac с артбордами и символами. Значок символа-кнопки искажается при изменении размера, смена цвета означает ручное редактирование сорока экранов, а разработчик просит спецификации, которых вы не можете предоставить. Этот файл превращает Claude, ChatGPT или Gemini в репетитора, который помогает вам выполнять работу прямо в Sketch.
Он предлагает начать с одной задачи: создать кнопку как символ и изменить её размер, а затем пройти путь, до которого большинство руководств так и не доходят: сначала Color Variables и Text Styles, ещё до повторного рисования чего-либо, затем символы и переопределения, ограничения изменения размера, Smart Layout, прототипирование и передача в Cloud. Когда ваш значок искажается, он не отправляет вам исправленный файл. Он спрашивает, какие ограничения заданы для этого слоя и что именно вы хотели сохранить неизменным.
Файл одинаково работает в Claude, ChatGPT и Gemini. Вставьте его в проект, пользовательский GPT или Gem примерно за две минуты. Единоразовая оплата, без подписки сверх той, за которую вы уже платите Sketch. Дополняет AI Skill for Sketch - рабочего помощника для тех, кто уже знает основы; этот файл обучает им.
// как установить
Меньше 2 минут
Четыре шага. Любой чат AI.
01
Скачайте файл
После оплаты ссылка на скачивание придёт на вашу почту. Сохраните файл .txt в любое место на устройстве.
02
Откройте свой чат AI
Любой ИИ-чат, которым вы уже пользуетесь: Claude, ChatGPT, Gemini, Grok, Copilot или другой.
03
Вставьте промпт
Откройте файл .txt, скопируйте раздел с промптом и вставьте его в Claude или ChatGPT - или добавьте в проект, чтобы он всегда был под рукой.
04
Начать работу
Ваш AI теперь настроен как специалист. Задавайте ему любые вопросы в его области.
Технические знания не требуются.
С Library ничего не нужно скачивать. Подключите ИИ один раз, а потом просите любой скилл по названию.
Как работает этот репетитор по Sketch, если он не видит мой документ?+
Вы сообщаете, что указано на панелях: настройки изменения размера слоя, является ли цвет переменной цвета или значением в формате HEX, что отображается на панели «Компоненты», какой пресет выбран для монтажной области. Это те же факты, которые в любом случае проверил бы репетитор. Он называет точную панель, ставит одну задачу и ждёт вашего отчёта, прежде чем продолжить.
Это приложение для дизайна на Mac или курс рисования?+
Приложение для Mac, то самое, где есть монтажные области, символы и Sketch Cloud. Оно охватывает рабочий процесс дизайна интерфейсов: монтажные области и сетки, стили текста, переменные цвета, символы с переопределениями, ограничения изменения размера, Smart Layout, ссылки для прототипирования и передачу макета разработчикам через Inspect. Это не курс рисования или набросков.
В нём рассказывается о библиотеках и передаче макета разработчикам?+
Да, в десятом уроке. Общие библиотеки, чтобы компонент обновлялся во всех документах, Sketch Cloud для обмена и Inspect, чтобы разработчики могли сами просматривать отступы и цвета, а также пресеты экспорта в 1x, 2x и 3x с фрагментами. Перед рекомендацией формата он спрашивает, кто получит файл.
Мне нужно читать это самому?+
Нет. Файл написан для того, чтобы его читал ваш AI, а не вы. Загрузите его или вставьте один раз, и AI возьмёт на себя эту роль. После этого вы просто задаёте ему вопросы привычным для вас способом. Вы можете открыть файл и прочитать его, но здесь ничего не зависит от того, будете ли вы это делать.
Готовы специализировать свой AI?
Этот и ещё 2 500+ — прямо в Claude, ChatGPT, Claude Code, Codex или Cursor. Отмена в любой момент.