Repolode
Enviar
Nutlope

Nutlope/napkins

Una herramienta de código abierto que convierte un wireframe o una captura de pantalla en una app funcional con Kimi K2.5 y Together AI.

Ver en GitHubSitio web
Estrellas
1,483
Forks
206
Issues abiertos
6
Último commit
hace 15 días

¿Qué es?

Napkins.dev es un generador que convierte wireframes en apps. Subes un boceto o una captura de pantalla de una interfaz de usuario y la app utiliza un LLM con capacidades de visión para generar el código de una app funcional, que puedes previsualizar en un entorno de pruebas de código en el navegador.

El proyecto está creado con Next.js (app router) y Tailwind. Llama a Kimi K2.5 a través de Together AI para la inferencia, ejecuta el código generado en Sandpack y almacena las imágenes subidas en un bucket de S3. Para ejecutarlo localmente necesitas una clave de API de Together AI y credenciales de S3, ambas configuradas en un archivo .env.

El trabajo previsto incluye mejorar el diseño para móviles, mostrar en la barra lateral el resultado del modelo de visión, editar la app generada con una instrucción de seguimiento, permitir elegir temas y mantener un historial de versiones mientras se edita la app.

Funciones clave

  • 01Convierte un wireframe o una captura de pantalla en código para una app con Kimi K2.5 a través de Together AI.
  • 02Previsualiza las apps generadas en un entorno de pruebas de código Sandpack en el navegador.
  • 03Almacena las imágenes subidas en S3.
  • 04Está creado con Next.js app router y Tailwind CSS.

Casos de uso

  • Convertir rápidamente un boceto de interfaz dibujado a mano en un prototipo ejecutable.
  • Explorar cómo un LLM con capacidades de visión traduce capturas de pantalla a código de front-end.
  • Usarlo como punto de partida para un proyecto de Next.js y Tailwind que puedas ampliar.

Inicio rápido

  1. 1

    Clona el repositorio

    git clone https://github.com/Nutlope/napkins
  2. 2

    Crea un archivo .env y añade tu clave de API de Together AI

  3. 3

    Crea un bucket de S3 y añade sus credenciales a .env usando los valores de .env.example

  4. 4

    Instala las dependencias y ejecútalo en local

    npm install && npm run dev

Antes de usarlo

  • Se necesita una clave de API de Together AI de pago para generar aplicaciones.
  • Es necesario configurar un bucket de S3 para almacenar imágenes.

Temas

#ai#llm#code-generation#nextjs#wireframe#prototyping#typescript

Preguntas frecuentes

¿Qué es napkins?
Una herramienta de código abierto que convierte un wireframe o una captura de pantalla en una app funcional con Kimi K2.5 y Together AI. Napkins.dev es un generador que convierte wireframes en apps. Subes un boceto o una captura de pantalla de una interfaz de usuario y la app utiliza un LLM con capacidades de visión para generar el código de una app funcional, que puedes previsualizar en un entorno de pruebas de código en el navegador.
¿napkins es gratuito? ¿Qué licencia tiene?
napkins es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿napkins sigue mantenido?
Mantenimiento activo. El último commit de napkins fue el 23 oct 2026.
¿Para qué puedo usar napkins?
Convertir rápidamente un boceto de interfaz dibujado a mano en un prototipo ejecutable. Explorar cómo un LLM con capacidades de visión traduce capturas de pantalla a código de front-end. Usarlo como punto de partida para un proyecto de Next.js y Tailwind que puedas ampliar.
¿Cómo se instala napkins?
Clona el repositorio: git clone https://github.com/Nutlope/napkins Crea un archivo .env y añade tu clave de API de Together AI Crea un bucket de S3 y añade sus credenciales a .env usando los valores de .env.example Instala las dependencias y ejecútalo en local: npm install && npm run dev
¿Dónde consigo napkins?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/Nutlope/napkins

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados