skill_vasconcelos_EV

Topics in the source

• skillvasconcelosEV: Arquitetura Visual e Estrutural
• 1. Design Tokens & Agnosticismo Visual
• 2. Fórmulas Geométricas de Componentes (Frame a Frame)
• FÓRMULA 01: Scorecards & KPIs
• FÓRMULA 02: Tabelas de Dados (Data Tables & Pipelines Kanban)
• FÓRMULA 03: Funis (Pirâmides Invertidas e Horizontais)
• FÓRMULA 04: Fluxos & Drawflows (CRM, Jornadas e Arquitetura de Mídia)
• FÓRMULA 05: Cronogramas (Gantt, Roadmaps e Evolução MoM)

Esta skill transforma os padrões visuais dos catálogos de referência em regras matemáticas e estruturais de código (HTML/CSS). Sempre que acionada (ou ao identificar que o usuário deseja um relatório, slide ou dashboard analítico), você deve estruturar a informação com extrema precisão geométrica e hierárquica. Nunca se engesse em cores estáticas (como vermelho/dourado fixos) a menos que exigido. Use tokens semânticos flexíveis: --brand-primary: Cor principal de ação/destaque. --bg-deep: Cor de fundo da apresentação/sistema. --text-main: Cor de texto padrão. --accent: Cor secundária para destaques menores. Cores de Sentimento: --status-success, --status-warning, --status-danger. Regras de Tipografia Estritas: Headers, Títulos e Labels: Fonte Sans-serif (ex: Inter). Números e Dados Tabulares: Fonte Monospace (ex: JetBrains Mono) obrigatória para alinhamento e leitura perfeita. Hierarquia Numérica: Dado Herói (KPI Principal): Tamanho entre 48px e 72px. Peso Bold. Dado Secundário: Tamanho entre 16px e 24px. Labels / Rótulos: Tamanho entre 11px e 14px, sempre em UPPERCASE com letter-spacing: 1px. -- Ao gerar HTML, Markdown ou descrições estruturais, aplique as seguintes fórmulas: Subst

This is an excerpt. Refer to the complete source and its current requirements.