·layout-architect
#

layout-architect

Convierte diseños visuales (imágenes/capturas de pantalla) en código de implementación (CSS, Python-pptx, HTML). Úselo al recrear diseños de diapositivas o diseños de interfaz de usuario a partir de imágenes.

17Instalaciones·0Tendencia·@famaoai-creator

Instalación

$npx skills add https://github.com/famaoai-creator/gemini-skills --skill layout-architect

Cómo instalar layout-architect

Instala rápidamente el skill de IA layout-architect en tu entorno de desarrollo mediante línea de comandos

  1. Abrir Terminal: Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.)
  2. Ejecutar comando de instalación: Copia y ejecuta este comando: npx skills add https://github.com/famaoai-creator/gemini-skills --skill layout-architect
  3. Verificar instalación: Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

Fuente: famaoai-creator/gemini-skills.

SKILL.md

Ver original

This skill specializes in Visual Reverse Engineering. It analyzes input images or brand guidelines and generates the precise code required to reproduce that design.

If the user provides a .pptx file instead of an image, first extract the media assets to "see" the design.

Before writing code, analyze the brand assets and define the Design System.

Convierte diseños visuales (imágenes/capturas de pantalla) en código de implementación (CSS, Python-pptx, HTML). Úselo al recrear diseños de diapositivas o diseños de interfaz de usuario a partir de imágenes. Fuente: famaoai-creator/gemini-skills.

Datos (listos para citar)

Campos y comandos estables para citas de IA/búsqueda.

Comando de instalación
npx skills add https://github.com/famaoai-creator/gemini-skills --skill layout-architect
Categoría
#Documentos
Verificado
Primera vez visto
2026-02-26
Actualizado
2026-03-10

Browse more skills from famaoai-creator/gemini-skills

Respuestas rápidas

¿Qué es layout-architect?

Convierte diseños visuales (imágenes/capturas de pantalla) en código de implementación (CSS, Python-pptx, HTML). Úselo al recrear diseños de diapositivas o diseños de interfaz de usuario a partir de imágenes. Fuente: famaoai-creator/gemini-skills.

¿Cómo instalo layout-architect?

Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/famaoai-creator/gemini-skills --skill layout-architect Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

¿Dónde está el repositorio de origen?

https://github.com/famaoai-creator/gemini-skills