Communitygithub.com

S1mpleCheeq/image2-figma-frontend

Una habilidad de Codex para vistas previas de páginas revisadas de imagen a diseño, diseños editables de Figma e implementación de frontend responsivo.

¿Qué es image2-figma-frontend?

Esta habilidad de Codex permite a los desarrolladores convertir capturas de pantalla o imágenes de páginas web en diseños editables de Figma y en implementaciones de frontend responsivas. Proporciona vistas previas revisadas de las páginas generadas a partir de imágenes, lo que facilita la iteración rápida sobre el diseño visual. Es compatible con la plataforma Codex y se integra directamente con el flujo de trabajo de desarrollo, permitiendo a los usuarios inspeccionar y modificar el diseño generado antes de implementarlo como código frontend. La habilidad analiza la imagen de entrada, genera una representación en Figma que puede editarse, y luego produce el código HTML/CSS/JS correspondiente, asegurando que el resultado sea responsivo y fiel al diseño original. Es ideal para diseñadores y desarrolladores que buscan acelerar el proceso de prototipado y desarrollo web.

Compatible con~Claude Code✓Codex CLI~Cursor
npx skills add S1mpleCheeq/image2-figma-frontend

Preguntar en tu IA favorita

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

Documentación

¿Qué hace image2-figma-frontend?

Una habilidad de Codex para vistas previas de páginas revisadas de imagen a diseño, diseños editables de Figma e implementación de frontend responsivo.

Skills relacionados