Iconos Dinámicos en Power BI: Automatización con PBIP + Antigravity + PowerShell

csalcedodatabi Tutorial Herramientas
Iconos Dinámicos en Power BI - Visualización de Power BI con iconos conectados por líneas de colores y terminal PowerShell mostrando automatización

La Pregunta que lo Inició Todo

Hace unos días, un cliente planteó un desafío que parecía simple pero que no tiene solución nativa en Power BI:

“¿Hay alguna forma de aplicar colores dinámicos a los iconos de Power BI, de acuerdo con los diferentes temas que manejamos para las paletas de nuestras organizaciones?”

Power BI no ofrece un botón para cambiar el color de los iconos de navegación o los que usamos en nuestros reportes. Si quieres un icono azul y luego uno rojo… necesitas dos archivos distintos. Punto.

Pero esa limitación me llevó a explorar una alternativa que cambió por completo mi flujo de trabajo.


La Estrategia: Formato PBIP + Iconos SVG

La clave está en dos decisiones:

1. Usar el formato PBIP

El formato Power BI Project (PBIP) desglosa el reporte en una estructura de carpetas transparente, a diferencia del archivo binario .pbix. Esto nos da acceso directo a los recursos del reporte:

Estructura de un Proyecto PBIP
📁 MiProyecto
├─ 📄 MiProyecto.pbip
├─ 📁 MiProyecto.Report
├─ 📁 StaticResources
└─ 📂 RegisteredResources ← Todos los iconos SVG están aquí
└─ 📁 MiProyecto.SemanticModel

2. Usar iconos en formato SVG

Aquí está lo importante: los iconos deben estar en formato SVG. ¿Por qué? Porque un SVG es texto plano. Los colores están definidos como códigos hexadecimales dentro del archivo:

<path fill="#003893" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10..."/>

Ese #003893 es simplemente texto. Y si es texto, se puede cambiar automáticamente.

Si usas imágenes PNG o JPG, no puedes hacer esto — tendrías que editar cada imagen manualmente con un editor gráfico. La ventaja de los iconos dinámicos es precisamente que estén en formato SVG.


La Automatización: Antigravity + El Skill SVG Recolor

Aquí es donde todo cambia. En lugar de abrir cada archivo SVG y cambiar los colores manualmente (lo que podría tomar horas en un proyecto con cientos de iconos), automaticé todo el proceso usando Antigravity, el agente de IA de Google.

¿Qué es un Skill?

En Antigravity, un skill es un módulo especializado que le enseña al agente a realizar una tarea específica. Piénsalo como una instrucción experta que Antigravity puede seguir automáticamente.

Creé un skill llamado SVG Recolor que se encarga de:

  • 📂 Localizar automáticamente la carpeta correcta de iconos SVG en tu proyecto PBIP
  • 🔍 Identificar todos los colores existentes en los archivos
  • 🎨 Recolorear todos los iconos al color que especifiques
  • 🛡️ Preservar colores que no quieres modificar (como fondos o máscaras)

¿Cómo se usa?

Es tan simple como pedírselo a Antigravity en lenguaje natural:

Prompt para Antigravity

Necesito cambiar todos los iconos SVG de mi proyecto Power BI al color #1A1A2E. Mi proyecto está en: C:\MiProyecto\MiProyecto.pbip

Antigravity entiende el contexto, usa el skill, y ejecuta el cambio completo. Sin abrir Power BI. Sin editar archivos uno por uno. Sin instalar herramientas adicionales.

Los Resultados

Estos son los números reales de una ejecución en un proyecto de producción:

184

Archivos Procesados

~2s

Tiempo de Ejecución

4+ hrs

Ahorro vs Manual

184 archivos modificados en menos de 2 segundos. Eso es lo que hace la automatización con IA.


¿Por Qué Esto Importa?

Esta es solo una de las tantas tareas que se pueden automatizar. El patrón es siempre el mismo:

  1. Identificas un trabajo repetitivo que consume tiempo
  2. Creas un skill que lo automatiza
  3. Ejecutas en segundos lo que antes tomaba horas

Cambiar colores de iconos manualmente en un proyecto grande puede tomar un día entero. Con Antigravity y este skill, toma 2 segundos. Y lo mejor: es consistente — no hay error humano, no se te olvida un archivo, no hay inconsistencias entre iconos.


Consideraciones Importantes

Power BI Debe Estar Cerrado

Power BI debe estar cerrado antes de ejecutar el cambio. Los archivos SVG se modifican directamente, así que asegúrate de tener tu proyecto bajo control de versiones (Git) o haz un backup manual.

Formato PBIP Requerido

El proyecto debe estar en formato PBIP (no .pbix). Si tu proyecto está en .pbix, guárdalo como PBIP desde Power BI Desktop (Archivo → Guardar como → Formato PBIP).

Solo Iconos SVG

Este approach solo funciona con iconos SVG. Si usas imágenes PNG o JPG, no aplica. La recomendación es migrar tus iconos a SVG para aprovechar esta flexibilidad.


Descarga la Herramienta

El skill completo está disponible de forma gratuita en GitHub:

🔗 github.com/CSalcedoDataBI/powerbi-pbip-tools

Incluye:


Reflexión Final

Este flujo demuestra que, aunque una herramienta no ofrezca una funcionalidad nativa, los estándares abiertos (como SVG) y la inteligencia artificial nos dan la libertad de construir nuestras propias soluciones.

La automatización no es solo cuestión de velocidad — es consistencia y escalabilidad. Un skill que hoy cambia colores de iconos, mañana puede adaptarse para estandarizar tipografías, reorganizar recursos, o cualquier otra tarea repetitiva que consuma tiempo valioso.

Si trabajas con Power BI y manejas múltiples temas o clientes, esta herramienta te va a ahorrar mucho tiempo.

¿Te resultó útil? Comparte este artículo y dale una ⭐ al repositorio en GitHub.


¿Te resultó útil este artículo?

Tu apoyo me permite seguir creando contenido de calidad.

¡Contáctame!