CommunityImagengithub.com

Hairline: adoptar un dibujo

Se usa cuando alguien tiene un SVG (un icono, un logotipo, una ilustración) y desea que sea una figura Hairline, o ejecuta /hairline-adopt con un archivo. Lee el dibujo, reconstruye su objeto como una figura de líneas isométricas en el motor de @lucasmarkes/hairline y le da un gesto que responde al puntero.

¿Qué es Hairline: adoptar un dibujo?

Esta habilidad transforma dibujos SVG (iconos, logotipos o ilustraciones) en figuras interactivas de tipo Hairline, un motor isométrico desarrollado por @lucasmarkes/hairline. A diferencia de animar o trazar directamente el SVG, la habilidad interpreta la identidad visual del dibujo (sus proporciones y partes) para construir una nueva figura que responde al puntero con gestos específicos. Es compatible con la invocación manual mediante el comando /hairline-adopt o /hairline-create, permitiendo al usuario enviar un archivo SVG y opcionalmente especificar el tipo de gesto deseado. La habilidad realiza un análisis inicial del dibujo, divide sus partes constituyentes, y luego ofrece diferentes conceptos (si no se especifica un gesto) o construye directamente la figura con el gesto dado. El proceso completo incluye lectura del dibujo, fijación de objetos y partes, construcción, verificación y entrega del resultado. Es ideal para diseñadores, desarrolladores o creadores que quieren dar vida a sus diseños estáticos de forma interactiva sin necesidad de animación manual.

Compatible con~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/parthkapoor15/skill-library/tree/HEAD/skills/hairline/hairline-adopt

Installed? Explore more Imagen skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

¿Qué hace Hairline: adoptar un dibujo?

La persona tiene un dibujo y quiere que cobre vida, como una figura Hairline. Esta habilidad lee el dibujo, reconstruye su objeto como sólidos en el motor de Hairline y le asigna un gesto. Nunca anima el SVG en sí mismo, ni lo traza: el dibujo aporta la identidad, y la figura se construye de nuevo, con sus proporciones y sus partes.

Lo que necesita

  • Un archivo .svg: un icono, un logotipo, una ilustración. Si se entregan varios, haz una figura a la vez: pregunta cuál va primero.
  • Opcionalmente, lo que el puntero debe hacer con él. Si no se especifica, los conceptos proponen el gesto.

Qué hacer

Invoca /hairline-create con la ruta del archivo y, después de ella, lo que la persona haya dicho sobre el gesto, con sus palabras. Su paso 0 lee el dibujo y fija el objeto y sus partes; sus conceptos luego los conservan y difieren en el gesto, o, cuando el gesto fue dado, en la forma y la lectura. Todo lo posterior (la construcción, la verificación y la entrega) es responsabilidad de esa habilidad.

Qué decir

Cuando ofrezcas los conceptos, di primero, en una línea, qué interpretaste del dibujo y cuáles de sus partes conservaste. Si la persona corrige la interpretación, léela de nuevo según su indicación antes de construir cualquier concepto.

Si el dibujo es una marca que pertenece a otra entidad, indícalo al momento de la entrega: la página muestra la marca de otra empresa, y es decisión de ellos publicarla o no.

Individual skills in this repo

This repo contains 1 individual skill — each has its own dedicated page.

Skills relacionados