
Galería de vista previa
Skills similares
Ver todas las SkillsLo que obtienes
- Un único archivo web autónomo que se abre en cualquier navegador y funciona sin conexión, con fuentes e imágenes incluidas; una adaptación a tu propio proyecto con framework si lo tienes.
- Un archivo con búsqueda y filtros, y artículos largos con índice, progreso de lectura, copia de código y un gráfico interactivo.
- Casos de estudio con pantallas de producto dibujadas, más páginas de sobre mí, currículum, contacto, newsletter, colofón y privacidad, mostradas en un ejemplo de 24 páginas.
Ideal para
- Desarrolladores independientes y fundadores en solitario que escriben en público sobre los productos que gestionan.
- Pequeños estudios o consultoras que pueden convertir Sobre mí en Estudio y el currículum en servicios.
- Investigadores y redactores técnicos que pueden quitar Trabajos y conservar el diario, las charlas y la newsletter.
No es para
- Enviar una newsletter o mensajes de contacto reales; los formularios muestran una confirmación local hasta que conectes tu propio proveedor.
- Portfolios centrados en imágenes o sitios de marketing estridentes; el diseño es discreto y prioriza el texto.
- Publicar como reales a la ficticia Noor Halvorsen, sus productos o sus cifras.
Lanzamiento de producto y crecimiento de appsDiseño web y experiencias digitalesCrear página webCrear landing pageEstilo fijadoResultado editableAcento azulContenido primeroDiario de desarrolladorDiseño con barra lateral
Acerca de esta Skill

Diario de desarrollador Skyline crea un sitio personal sereno y centrado en el contenido para un desarrollador independiente: una barra lateral izquierda fija, un único acento azul, un Hero discreto basado en texto, ensayos largos pensados para leer y casos de estudio que muestran la interfaz real de cada producto. El ejemplo es el diario de Noor Halvorsen, una desarrolladora independiente ficticia de Bergen, con 24 páginas conectadas en claro y oscuro.

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 archivo del diario con búsqueda, chips de temas, ordenación y estado vacío, además de artículos largos con índice, progreso de lectura, bloques de código con botón de copiar, citas destacadas y un gráfico de ingresos interactivo.
- Una sección de trabajos con casos de estudio que muestran cada producto como una interfaz dibujada, con métricas, pasos del proceso y una cita.
- Sobre mí, un currículum imprimible, un formulario de contacto con validación, una página de newsletter con feeds, un colofón, privacidad y una página de no encontrado.
- Una paleta de comandos para buscar, un tema oscuro completo y animaciones sutiles que nunca mueven el texto de lectura.

Cómo usarlo
- Comparte tu nombre y rol, de dos a seis proyectos con resultados reales, al menos seis entradas o sus temas, tu trayectoria, charlas, correo de contacto y nombre de la newsletter. Los datos que falten se redactan como marcadores plausibles y se te listan para que los confirmes.
- Envía un retrato y una foto de donde trabajas, o deja que el agente genere imágenes provisionales y una portada por ensayo con la misma luz nublada. Tus productos aparecen como interfaces dibujadas, nunca como fotos de stock de laptops.
- Abre cada página en escritorio y móvil, en claro y oscuro, prueba la búsqueda, los filtros, las herramientas de artículo y los formularios, y pide cambios.

La tipografía usa Geist, Newsreader y Geist Mono, incrustadas en el archivo. Las fotos nuevas salen de la herramienta de imagen de tu agente y pueden tener costo de uso.
Lo que necesitas antes de empezar
- Tú aportas
- Tu nombre, rol y de dos a seis proyectos con resultados reales · Al menos seis entradas o temas, trayectoria, charlas, correo de contacto y nombre de la newsletter · Un retrato y una foto del lugar de trabajo, 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 portadas de los ensayos
- Costos externos
- Los retratos, la foto del lugar de trabajo y las portadas de los ensayos se generan con la herramienta de imagen de tu agente, que puede tener costo de uso. Sin ella, aporta tus propias fotos; seis portadas neutras pueden reutilizarse y las notas usan un mosaico tipográfico. Ver el ejemplo no cuesta nada.
- Última prueba
- v1.0.5 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Reseñas de usuarios
Cargando reseñas…









