Marcas registradas de sus respectivos propietarios. KissMySkills no está afiliado a ellos ni cuenta con su respaldo.
Cómo funciona
Ask it something hard.
LOADED ✓
El símbolo de mi botón principal estira la etiqueta en lugar del fondo cuando cambio el tamaño de la instancia. ¿Cómo lo soluciono?
CLAUDE · WITH THIS SKILLObtienes: la causa en una línea (la etiqueta no tiene Smart Layout ni restricciones correctas) -> pasos numerados: selecciona Symbol Source, Inspector > Smart Layout y establece Horizontal, Center -> la alternativa para botones de ancho fijo mediante Inspector > Resizing con anclajes y sin Fix Width -> un paso de comprobación arrastrando una instancia -> una explicación de una línea sobre por qué Smart Layout se diferencia de las restricciones -> la siguiente acción: prueba con una sobrescritura de etiqueta larga para confirmar que el espaciado se mantiene.
¿Dudas antes de comprar? Responde una persona, normalmente el mismo día: hello@kissmyskills.com
// el archivo en sí
Léelo antes de comprarlo.
Las primeras líneas del archivo que leerá tu IA, tal cual se entrega. Nada reescrito para la página.
Usa el nombre Con el archivo cargado, háblale por su nombre: «Serge, mira esta página.» Para eso está el nombre. Así varios skills no se mezclan en un mismo chat.
// el skill con el que funciona tu IA
Eres un usuario avanzado de Sketch que mantiene los archivos ordenados con símbolos, estilos, variables de color y bibliotecas, y respondes con rutas de menú reales. Se te ha activado para ayudar al usuario a pasar de la idea a un diseño que pueda compartir.
KissMySkills.com | Instalación: pega este archivo completo en Claude Projects (instrucciones del proyecto), un GPT personalizado (instrucciones), un Gem de Gemini o el mensaje del sistema de tu IA. Después, haz preguntas como lo haces normalmente. Eres un usuario avanzado de Sketch integrado en el trabajo diario de diseño de productos del usuario: un diseñador que ha creado y mantenido sistemas de diseño en Sketch, gestionado Libraries en equipos y colaborado con desarrolladores durante años. Optimizas los archivos ordenados y escalables (Symbols, Styles, Libraries) y buscas reducir al mínimo los pasos desde la idea hasta un diseño listo para compartir. Tono: directo y práctico, con instrucciones paso a paso cuando sean necesarias, usando los nombres reales de los menús y las etiquetas de los paneles de Sketch. · Sketch es una aplicación para Mac (archivos .sketch) con un complemento web (aplicación web de Sketch) para visualizar, comentar, inspeccionar y entregar diseños; los Workspaces contienen documentos y Libraries. · Estructura de los documentos: Pages, Artboards (con ajustes preestablecidos para iOS, Android, Web y tamaños personalizados), Layers, Groups, Shapes (Rectangle, Oval, Line, Path, edición vectorial), capas de texto, imágenes y Slices para exportar. · Symbols: Symbols maestros (Symbol Sources) en una página Symbols, instancias con Overrides (texto, imagen, símbolo anidado y sustituciones de estilo), restricciones de redimensionamiento, Smart Layout (horizontal y vertical, con relleno) y separación de instancias. · Styles: Layer Styles y Text Styles, con sincronización de cambios en todas las capas y uso compartido mediante una Library; Color Variables y sus muestras. · Libraries: documentos compartidos cuyos Symbols, Styles y Color Variables se utilizan en distintos archivos; las actualizaciones de las Libraries aparecen como actualizaciones disponibles en otros documentos; se gestionan en Sketch > Settings > Libraries y mediante el Workspace. · Herramientas de diseño: ajustes de Layout y cuadrículas en los Artboards, Smart Guides, Make Grid (Arrange > Make Grid), Distribute, Align, Tidy y restricciones de redimensionamiento (Pin to edge, Fix width/height), además de Auto-size y cuadros de texto Fixed. · Prototipado: enlaces entre Artboards, Hotspots, elementos fijos al desplazarse, Start Point y previsualización en la aplicación web y en la aplicación Mirror para iOS. · Exportación: Make Exportable, ajustes preestablecidos de exportación (1x, 2x, 3x, SVG, PDF, PNG y JPG), Slices, exportación por lotes y exportación para desarrolladores mediante el Inspector de la aplicación web (CSS, Swift y atributos de Android). · Panel Inspector: posición y tamaño, rotación, volteo, radio, opacidad y modos de fusión, Fills (sólido, degradado, imagen y patrón), Borders, Shadows, Inner Shadows, Blurs y propiedades del texto. · Operaciones booleanas: Union, Subtract, Intersect y Difference; Flatten; convertir el trazo en contorno mediante Layer > Convert to Outlines; máscaras (Mask with Shape) y máscaras alfa. · Plugins e integraciones: Sketch Runner, Anima, Stark para accesibilidad, Lottie, Sketch Data (Layer > Data), administrador de plugins en Sketch > Settings > Plugins y Sketch Assistant para revisar archivos. · Datos y contenido: fuentes de datos para nombres e imágenes, Text on path y Linked Data de archivos JSON.
78 líneas · .txt · descarga instantánea
// qué incluye
Qué incluye este skill
Estructuras de capas de símbolos con Smart Layout, anulaciones y restricciones de redimensionamiento
Configuración de la biblioteca: nomenclatura, estilos de texto, estilos de capa, variables de color y actualizaciones
Texto en pantalla ajustado al tamaño de la mesa de trabajo, listo para pegar en capas de texto
Preajustes de exportación, notas para la entrega a desarrolladores y listas de comprobación para exportaciones borrosas
Diseñadores de productos y de UI que crean pantallas y sistemas de diseño en Sketch todos los días.
// dos formas de conseguirlo
Úsalo dentro de tu IA o descárgalo una vez.
Plan Library
Este skill y 2.500+ más, dentro de tu chat
$9/mescancela cuando quieras, o $59 al año
Los 2.500+ skills, packs de prompts y agentes, cargados en cuanto los pides
Nada que descargar ni pegar: conecta una vez en Claude, ChatGPT, Claude Code o Cursor
Skills nuevos cada semana y 10 archivos del catálogo al mes para descargar
Marcas registradas de sus respectivos propietarios. KissMySkills no está afiliado a ellos ni cuenta con su respaldo.
// pídeselo a tu asistente
O deja que tu IA configure este skill por ti.
Ve a kissmyskills.com/pages/connector y configúrame el skill "Skill de AI para Sketch" (handle: ai-skill-for-sketch)
Pégalo en Claude, ChatGPT, Claude Code, Cursor o Codex. Tu IA te guía para conectar KissMySkills (unos 3 minutos, prueba gratis de 7 días) y carga el skill. Lo que leerá tu IA →
Lo que compras de verdad
Esta habilidad de Claude/ChatGPT te ofrece un asistente de Sketch basado en AI para el trabajo de diseño que realizas a diario: estructuras de símbolos con diseño inteligente y restricciones de redimensionamiento que resisten etiquetas largas, configuraciones de bibliotecas con convenciones de nomenclatura, estilos de texto y variables de color, textos reales en pantalla ajustados al tamaño de tu mesa de trabajo, mapas de enlaces de prototipos para sesiones de revisión, ajustes preestablecidos de exportación y notas de entrega para desarrolladores, además de listas de comprobación ordenadas cuando una exportación se ve borrosa o una instancia cambia de tamaño en la capa equivocada.
Conoce los símbolos y las anulaciones de Sketch, los estilos de capa y de texto, las bibliotecas y su proceso de actualización, el diseño y las cuadrículas de las mesas de trabajo, las operaciones booleanas y las máscaras, las funciones Hacer exportable y Sectores, el inspector de la aplicación web para la entrega y los problemas habituales relacionados con las restricciones y las posiciones de medio píxel. No opera Sketch directamente; prepara las rutas de los menús, los ajustes y el texto para que los apliques tú mismo en el archivo.
Funciona igual en Claude, ChatGPT y Gemini. Una sola compra: descarga el archivo, instálalo en menos de 2 minutos y luego pregunta sobre tu documento de Sketch como le preguntarías a un diseñador sénior de producto.
// cómo instalar
En menos de 2 minutos
Cuatro pasos. Cualquier chat de AI.
01
Descarga el archivo
Tras la compra, el enlace de descarga llega a tu correo. Guarda el archivo .txt donde quieras en tu dispositivo.
02
Abre tu chat de AI
Cualquier chat de IA que ya uses: Claude, ChatGPT, Gemini, Grok, Copilot u otro.
03
Pega el prompt
Abre el archivo .txt, copia la sección del prompt y pégala en Claude o ChatGPT, o añádela a un proyecto para tenerla siempre a mano.
04
Empieza a trabajar
Tu AI ahora está configurada como especialista. Pregúntale cualquier cosa dentro de su ámbito.
No se requieren conocimientos técnicos.
Con Library no hay nada que descargar. Conecta tu IA una vez y pide cualquier skill por su nombre.
Convierte Claude o ChatGPT en un asistente de AI para Sketch que planifica estructuras de Símbolos, configura Bibliotecas y Estilos, redacta el texto de tus pantallas, asigna enlaces de prototipos, prepara preajustes de exportación para la entrega a desarrolladores y soluciona problemas de redimensionamiento y exportación. Describe el componente o el problema y te devuelve los pasos para Sketch.
¿Opera Sketch por mí?+
No. No abre tu archivo .sketch, crea capas ni publica Bibliotecas. Prepara las rutas exactas de los menús, la configuración del Inspector, los esquemas de nombres y el texto para que los apliques tú mismo en Sketch, y te advierte que dupliques el documento antes de realizar cambios masivos, como separar Símbolos o reemplazar estilos.
¿Puede ayudarme a crear una Biblioteca de sistema de diseño en Sketch?+
Sí. Propone la estructura de páginas, los nombres de Símbolos separados por barras, las listas de Estilos de texto y Estilos de capa, las Variables de color, las reglas de Diseño inteligente para los componentes y el flujo de trabajo para publicar actualizaciones de la Biblioteca al equipo a través de tu Espacio de trabajo.
¿Escribe el texto que realmente va en mis pantallas de Sketch?+
Sí. Indícale el propósito de la pantalla y el ancho del Artboard, y te devuelve titulares, etiquetas, texto de botones, estados vacíos y mensajes de error con recuentos de caracteres, con un formato que te permite pegar cada cadena en la capa de texto o la sustitución de Símbolo correspondiente.
¿Listo para especializar tu AI?
Este y 2.500+ más, dentro de Claude, ChatGPT, Claude Code, Codex o Cursor. Cancela cuando quieras.