Portafolio de desarrollador Basaltv1.0.4
Usa esta Skill para crear página web.
Popular
5.098 descargas2 me gusta0 guardados
Gratis
Un sitio personal completo de desarrollador sobre fondo casi negro, con un único acento cian y tipografía Geist limpia. Además de una home con un titular breve e irónico, incluye casos de estudio con ventanas de producto dibujadas, artículos, charlas con notas, una página Uses, un About con hitos, currículum y contacto. Para quien quiere que su trabajo, sus textos y su trayectoria se lean como una obra coherente y no como una lista de enlaces.
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 portafolio completo: home, índice de trabajos con casos de estudio, textos con artículos completos, charlas con notas, Uses, About con hitos, currículum, contacto y una página 404
- El estilo basalto: zinc casi negro, un único acento cian, tipografía Geist y Geist Mono, una navegación flotante en píldora y pestañas de experiencia iluminadas por un haz de luz que cae
- Portadas de proyecto dibujadas como pantallas de producto reales y un conjunto de fotos a juego, todo en un único archivo que se abre sin conexión en cualquier navegador
Ideal para
- Desarrolladores e indie hackers que quieren casos de estudio, textos, charlas y currículum en un único sitio personal
- Freelancers y personas en búsqueda de empleo que necesitan un sitio impecable para que les contraten y que puedan publicar hoy como un solo archivo
- Quienes prefieren un estilo oscuro, sobrio y tipográfico con un único color de acento
No es para
- Datos en directo de plataformas de código: las estrellas de repositorios, los artículos y las charlas se escriben en la página como contenido estático
- Marcas personales claras, coloridas o muy fotográficas; Basalt es solo oscuro, con un único acento cian
- Un backend de formularios funcional: el formulario de contacto valida y confirma en la página, y necesita tu propio gestor para entregar los mensajes
Identidad de marca y sistemas visualesDiseño web y experiencias digitalesCrear página webCrear portafolio webEstilo fijadoResultado editableHaces en movimientoAcento cianZinc oscuroMinimal para devsTarjetas con brillo al pasar
Acerca de esta Skill
Convierte tu trayectoria, tus proyectos y tus textos en un sitio de desarrollador completo: una página casi negra con un único acento cian, una navegación flotante en forma de píldora y un titular breve e irónico. Casos de estudio, artículos, charlas, una página Uses, una página About y un currículum están todos conectados, y el sitio entero llega como un único archivo que se abre sin conexión en cualquier navegador.
Lo que obtienes
- Una home con trabajos seleccionados, un carril de experiencia por pestañas iluminado por un haz de luz que cae, una cuadrícula de open source con un botón Show More, los últimos textos, Uses y charlas
- Páginas de casos de estudio cuyas portadas de proyecto se dibujan como pantallas de producto reales, además de artículos completos con índice y código copiable
- About con retrato, principios y una línea de tiempo de hitos año a año, un currículum, una página de charlas con notas y un formulario de contacto validado
- Una paleta de comandos, menú móvil, filtros con búsqueda y estados vacíos, y un movimiento sereno que se desactiva para quienes prefieren movimiento reducido
- Tipografía Geist y Geist Mono y todas las imágenes incrustadas, así que la página no hace ninguna petición de red
Cómo usarlo
- Cuéntale a la Skill quién eres: tu rol, tus empleadores y lo que hiciste allí, tus proyectos con sus resultados, y cualquier repositorio, artículo o charla. Añade tu retrato si lo tienes.
- Rellena el sitio con tus datos, redacta lo que omitiste con la voz de la casa y te lista esos borradores para que los confirmes o elimines.
- Abre el archivo, recorre cada página y pide cambios con tus propias palabras, como "quita la página de charlas" o "añade un quinto proyecto".
Las fotos que no aportes se generan con la herramienta de imagen de tu agente, que puede tener sus propios costos de uso.
Lo que necesitas antes de empezar
- Tú aportas
- Tu nombre, rol, ubicación, disponibilidad y una biografía de dos o tres frases · Empleadores con logros concretos, y entre dos y seis proyectos con el problema, las decisiones y los resultados · Opcional: repositorios, artículos, charlas, herramientas, hitos y tu propio retrato o fotos de eventos
- 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 para las fotos que no aportes (retrato, fotos de charlas, bodegón de escritorio); opcional si aportas las tuyas
- Costos externos
- Las fotos que no aportes se generan con la propia herramienta de imagen de tu agente, que puede tener costos de uso. Los fondos de proyecto vienen con la Skill y la página final no hace peticiones de red. Ver el ejemplo no cuesta nada.
- Última prueba
- v1.0.4 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Reseñas de usuarios
Cargando reseñas…