Selección de Skillry
Portafolio UI/UX desenfadadov1.0.2
Usa esta Skill para crear página web.
En auge
5.032 descargas1 me gusta0 guardados
$4.99
¿Qué obtengo al comprar esta Skill?Crea un portafolio UI/UX desenfadado con letras display negras que rebotan alrededor de un retrato ilustrado, una credencial con cordón, un bloque de experiencia y contacto en tres columnas y un enorme índice con contorno sobre cinco columnas numeradas de colores con pantallas de producto en marcos de dispositivo. Incluye Inicio, Sobre mí, Trabajo con cinco casos, Currículum y Contacto, con filtros, cifras y formulario validado. Un solo archivo sin conexión, para diseñadores de producto.
Elegida con más frecuencia por
Actualizada el 3 oct 2026
Galería de vista previa
Skills similares
Ver todas las Skills
Lo que obtienes
- Un ejemplo de 11 rutas para la ficticia Ines Okafor: inicio, sobre mí, trabajo con cinco casos de estudio, currículum, contacto y una 404 diseñada.
- Pantallas de producto construidas como interfaz en vivo en marcos de móvil, tableta y laptop, además de filtros de trabajos, búsqueda, orden, un carrusel de citas, FAQ y un formulario de contacto con estado de éxito.
- Un único archivo autocontenido con Unbounded, Figtree y Geist Mono incrustadas, un retrato ilustrado plano con transparencia real y comprobaciones integradas.
Ideal para
- Diseñadores de producto e interacción que quieren un portafolio cálido y cercano que siga transmitiendo un trabajo serio.
- Diseñadores cuyos casos de estudio son apps, procesos de pago o dashboards que pueden mostrarse como pantallas en vivo.
- Investigadores UX o pequeños estudios que pueden trasladar estudios o proyectos a la misma estructura de página de caso.
No es para
- Fotógrafos o artistas que necesitan sobre todo grandes galerías con sus propias imágenes.
- Marcas personales minimalistas y monocromas; el sitio usa cinco colores vivos en las columnas y letras que rebotan.
- Recibir mensajes sin configurar nada: el formulario de contacto confirma en la página hasta que conectes un backend.
Identidad de marca y sistemas visualesDiseño web y experiencias digitalesCrear página webCrear portafolio webEstilo fijadoResultado editableLetras display que rebotanMockups de dispositivosRetrato en ilustración planaCredencial con cintaColumnas de color numeradas
Acerca de esta Skill
Dale a la Skill tu historia y de tres a seis casos de estudio, y creará un portafolio que parece un póster de autopromoción bien hecho por alguien que además lanza software: letras display que rebotan alrededor de un retrato ilustrado, una credencial con cordón y columnas numeradas de colores vivos con pantallas de producto. El ejemplo es la diseñadora de producto ficticia Ines Okafor, con 11 rutas conectadas. El resultado por defecto es un único archivo autocontenido que se abre sin conexión en cualquier navegador.
Lo que obtienes
- Inicio con el Hero de letras, la credencial y el saludo, columnas de experiencia, comunidad y contacto, el índice de contenidos, los pasos del proceso, citas de clientes y una franja de CTA
- Páginas de casos de estudio con brief, hallazgos, proceso, una galería de tres pantallas, cifras de resultados, una cita del cliente y enlaces al anterior y al siguiente
- Sobre mí, un Currículum con chips de habilidades y una página de contacto con FAQ y un formulario validado
- Unbounded, Figtree y Geist Mono incrustadas en el archivo, para que nada se cargue desde la red
Cómo usarlo
- Comparte tu nombre, disciplina, ciudad, un saludo breve, tu experiencia y de tres a seis casos de estudio con brief, proceso y resultados.
- Tu agente construye cada pantalla de producto, crea las ilustraciones a partir de tus fotos y ejecuta las comprobaciones integradas.
- Recorre cada página y formulario en escritorio y móvil, y después pide cambios.
Las ilustraciones creadas con la herramienta de imágenes de tu agente pueden generar cargos de uso de esa herramienta. El formulario de contacto confirma en la página y no envía nada hasta que conectes un backend.
Lo que necesitas antes de empezar
- Tú aportas
- Nombre, disciplina, ciudad, disponibilidad y un breve saludo en primera persona · De tres a seis casos de estudio con brief, hallazgos, pasos del proceso, resultados y una cita del cliente · Experiencia, habilidades, datos de contacto y fotos tuyas para las ilustraciones
- Dependencias
- Node.js 18 o superior en la máquina de tu agente, para ejecutar el script incluido que genera el archivo único sin conexión · Acceso a internet mientras se genera el archivo, para descargar las fuentes una vez e incrustarlas · Una herramienta de generación de imágenes en tu agente para el retrato ilustrado y las escenas de estudio
- Costos externos
- Crear el retrato ilustrado y las escenas con la herramienta de imágenes de tu agente puede generar cargos de uso de esa herramienta. Las pantallas de producto se construyen en la página y no necesitan generación de imágenes.
- Última prueba
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Reseñas de usuarios
Cargando reseñas…