Problema
El frontend desplegado carece completamente de identidad de marca:
1. No hay favicon
frontend/public/ contiene solo un .gitkeep vacío. No existe favicon.ico, favicon.svg, ni apple-touch-icon.png. El browser muestra el icono genérico de página.
2. No hay Open Graph / social tags
No existe ningún openGraph, twitter:card, ni meta social en layout.tsx ni en ningún page. Si alguien comparte el link en Slack/Discord/Twitter, aparece:
- Sin imagen preview
- Sin descripción social
- Título genérico
3. No hay logo
El nombre "Huascar" aparece como texto pero no hay ningún logotipo, icono de marca ni asset visual que identifique el producto.
Solución
- Favicon: Crear un favicon SVG con la identidad roja del producto (simple "H" o símbolo). Generar
.ico y apple-touch-icon.png.
- OG Tags: Agregar en
layout.tsx:
openGraph: {
title: "Huascar — Creador de Agentes",
description: "Diseña agentes de desarrollo y operación...",
type: "website",
url: "https://huascar.vercel.app",
images: [{ url: "/og-image.png", width: 1200, height: 630 }]
},
twitter: { card: "summary_large_image" }
- OG Image: Crear una imagen 1200x630 con el nombre + tagline sobre fondo dark.
Criterio de aceptación
Problema
El frontend desplegado carece completamente de identidad de marca:
1. No hay favicon
frontend/public/contiene solo un.gitkeepvacío. No existefavicon.ico,favicon.svg, niapple-touch-icon.png. El browser muestra el icono genérico de página.2. No hay Open Graph / social tags
No existe ningún
openGraph,twitter:card, ni meta social enlayout.tsxni en ningún page. Si alguien comparte el link en Slack/Discord/Twitter, aparece:3. No hay logo
El nombre "Huascar" aparece como texto pero no hay ningún logotipo, icono de marca ni asset visual que identifique el producto.
Solución
.icoyapple-touch-icon.png.layout.tsx:Criterio de aceptación