Habilidad de Informe Financiero
Genera un informe financiero de una sola pantalla en un archivo HTML autónomo.
Flujo de trabajo
- Lee el DESIGN.md activo. Las tablas, tarjetas KPI y trazos de gráficos utilizan tokens de paleta — nunca inventes nuevos.
- Clasifica el período (mensual / trimestral / anual) y la entidad (startup, división, proyecto) a partir de la instrucción. Si no se especifica, asume un informe SaaS trimestral y elige números creíbles.
- Diseña la página en este orden:
- Encabezado: empresa / período / distintivo "Confidencial — Finanzas".
- Franja de KPI principales (4 tarjetas): Ingresos, Nuevo MRR neto, Margen bruto, Pista de efectivo.
- Gráfico de tendencia de ingresos (SVG en línea de línea + área).
- Gráfico de desglose de costos (SVG en línea de barras) con un título de 2–3 viñetas.
- Tabla resumen de PyG (Ingresos / Beneficio bruto / Gastos operativos / Neto) con período actual vs. anterior.
- Tabla de cuentas principales con marcadores de posición de logotipo, plan, ARR, distintivo de estado.
- Párrafo de perspectivas + pie de página con autor + línea de firma.
- Escribe un documento HTML autónomo (CSS en un bloque
<style>en línea). - Autoverificación: cada número se vincula a un gráfico o tabla etiquetado; los deltas muestran dirección y porcentaje; el color de acento se usa como máximo dos veces.
Contrato de salida
<artifact identifier="finance-report-q3" type="text/html" title="Q3 Finance Report">
<!doctype html>
<html>...</html>
</artifact>