Portafolio de diseñador Bentov1.0.2
Usa esta Skill para crear portafolio web.
En auge
5.030 descargas0 me gusta1 guardados
$4.99
¿Qué obtengo al comprar esta Skill?Crea un portafolio de diseñador con fondo gris pálido, titular en dos líneas con la segunda atenuada, tarjetas bento flotantes junto a un retrato rojo, letras gigantes difuminadas en el pie y casos de estudio sobrios. Filtros, reservas y formularios funcionan, en un solo archivo autónomo que funciona sin conexión.
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 único archivo de portafolio autónomo para tu práctica que se abre en cualquier navegador y funciona sin conexión, con fuentes e imágenes incluidas; o una adaptación a tu propio proyecto con framework si lo tienes.
- Casos de estudio con paneles de identidad, páginas de servicios con resúmenes de precios, un blog, y filtros, búsqueda, ordenación, vistas de cuadrícula y lista y un widget de reservas que funcionan.
- El estilo característico en un ejemplo de 28 páginas con 14 imágenes hechas a medida: tarjetas flotantes, un retrato rojo, tipografía atenuada, movimiento sereno y soporte completo de movimiento reducido.
Ideal para
- Diseñadores independientes de marca, web y producto que quieren un portafolio listo para publicar tal cual.
- Estudios pequeños que pueden convertir el recuadro rojo en un retrato del fundador o del equipo y escribir en plural.
- Diseñadores que venden servicios a precio cerrado y quieren páginas de servicios claras, una línea de tiempo del proceso y un flujo de reservas.
No es para
- Reservas reales en calendario, envío de correos o pagos; los formularios solo muestran confirmaciones de demostración honestas.
- Fotógrafos o agencias que necesitan una galería densa de imágenes a sangre en lugar de casos de estudio sobrios.
- Presentar a la ficticia Elin Saro, sus clientes o sus citas como trabajo real.
Identidad de marca y sistemas visualesDiseño web y experiencias digitalesCrear portafolio webEstilo fijadoResultado editableBentoFantasmaRetratoProceso
Acerca de esta Skill
Portafolio de diseñador Bento crea el sitio de portafolio de un diseñador independiente, un estudio o una marca pequeña: un escenario gris pálido, un titular en dos líneas con la segunda atenuada, seis tarjetas bento flotantes alrededor de un retrato rojo y páginas de casos de estudio sobrias. El ejemplo es Elin Saro, una diseñadora ficticia de Róterdam, con 28 páginas conectadas en las que cada filtro, formulario y paso de reserva funciona.
Lo que obtienes
- Un único archivo web autónomo que se abre en cualquier navegador y funciona sin conexión, con las fuentes y las imágenes incluidas. Si ya tienes un proyecto con un framework, el diseño se traslada a él.
- Un portafolio completo: índice de trabajos, seis casos de estudio con paneles de identidad, sobre mí, servicios con cuatro páginas de detalle y resúmenes de precios, proceso, reseñas, un blog con cuatro artículos, reservas, FAQ, newsletter, privacidad, créditos y una página de error 404 diseñada.
- Controles que funcionan: chips de categoría con contadores, búsqueda en vivo, ordenación, vistas de cuadrícula y lista, un widget de reservas con día, hora y tema, y formularios con validación y estados de éxito.
- Una sola dirección de arte para 14 imágenes: luz norte suave, superficies gris cálido pálido y un objeto rojo, mostrando la identidad de cada cliente como objetos reales y no como pantallas.
- Movimiento sereno: las tarjetas se asientan una vez, las secciones aparecen al hacer scroll y con la opción de movimiento reducido todo es instantáneo.
Cómo usarlo
- Comparte tu nombre o estudio, qué diseñas, tus proyectos con clientes y resultados, servicios, precios y datos de contacto. Lo que falte se redacta como marcador de posición verosímil y se te lista para que lo confirmes.
- Envía un retrato de cintura para arriba para el recuadro rojo y fotos de tu trabajo, o deja que el agente genere bodegones de proyecto con la misma luz suave. Los retratos generados son provisionales hasta que los sustituyas.
- Abre cada página en escritorio y móvil, prueba los filtros, las reservas y los formularios, y pide cambios.
La tipografía usa Instrument Sans y Geist Mono, incrustadas en el archivo. Las imágenes nuevas salen de la herramienta de imagen de tu agente y pueden tener costos de uso.
Lo que necesitas antes de empezar
- Tú aportas
- Tu nombre o estudio, qué diseñas y una breve presentación · Proyectos con cliente, año, categoría y resultado, además de servicios, precios y datos de contacto · Un retrato de cintura para arriba y fotos de proyectos, o tu aprobación para generar imágenes provisionales
- 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 imagen en tu agente, o tus propias fotos, para el retrato y las imágenes de proyectos · Un navegador moderno para previsualizar y revisar cada página
- Costos externos
- Las nuevas imágenes de proyectos y el retrato se generan con la herramienta de imagen de tu agente, que puede cobrar por uso. Si no tienes una, aporta tus propias fotos; seis imágenes neutras pueden quedarse como marcadores de posición. Ver el ejemplo no cuesta nada.
- Última prueba
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Reseñas de usuarios
Cargando reseñas…