Communitygithub.com

chiroro-jr/pencil-design

Diseña interfaces de usuario en Pencil (archivos .pen) y genera código de producción a partir de ellos. Úsalo al trabajar con archivos .pen, diseñar pantallas o componentes en Pencil, o generar código a partir de diseños de Pencil. Se activa en tareas que involucran Pencil, archivos .pen, flujos de trabajo de diseño a código o diseño de UI con las herramientas MCP de Pencil.

¿Qué es pencil-design?

El skill chiroro-jr/pencil-design permite a los agentes de IA, como Claude Code, Cursor o Codex, diseñar interfaces de usuario utilizando el formato de archivo Pencil (.pen) y generar automáticamente código de producción a partir de esos diseños. Es útil para desarrolladores y diseñadores que trabajan con Pencil, ya que agiliza el flujo de trabajo de diseño a código, eliminando la necesidad de traducción manual. Soporta la creación y modificación de pantallas y componentes en Pencil, así como la generación de código limpio y listo para producción. El skill se activa automáticamente cuando se detectan tareas que involucran archivos .pen o herramientas MCP de Pencil, facilitando una integración perfecta en el entorno de desarrollo.

Compatible con~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/chiroro-jr/pencil-design-skill/tree/main/skills/pencil-design

Preguntar en tu IA favorita

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

Documentación

¿Qué hace pencil-design?

Diseña interfaces de usuario en Pencil (archivos .pen) y genera código de producción a partir de ellos. Úsalo al trabajar con archivos .pen, diseñar pantallas o componentes en Pencil, o generar código a partir de diseños de Pencil. Se activa en tareas que involucran Pencil, archivos .pen, flujos de trabajo de diseño a código o diseño de UI con las herramientas MCP de Pencil.

Skills relacionados