{"id":1739,"date":"2026-08-14T14:08:18","date_gmt":"2026-08-14T12:08:18","guid":{"rendered":"https:\/\/www.rocworks.at\/wordpress\/?p=1739"},"modified":"2026-08-14T14:19:55","modified_gmt":"2026-08-14T12:19:55","slug":"from-tia-frustration-to-ai-generated-hmis-on-siemens-wincc-unified-panels-with-monstermq","status":"publish","type":"post","link":"https:\/\/www.rocworks.at\/wordpress\/?p=1739","title":{"rendered":"From TIA to AI-Generated HMIs on Siemens WinCC Unified Panels with MonsterMQ"},"content":{"rendered":"\n

I love having a Siemens SIMATIC WinCC Unified Comfort Panel<\/strong> running at home. It operates 24\/7 without a single hiccup, consumes minimal energy, and having a dedicated, rugged industrial touch panel to check the real-time status of the house at a glance is simply awesome.<\/p>\n\n\n\n

However, there has always been a catch: I am an IT guy.<\/strong><\/p>\n\n\n\n

I never enjoyed building UIs from scratch\u2014and honestly, designing HMIs inside classic engineering environments like TIA Portal is not something I look forward to on the weekend.<\/p>\n\n\n\n

\"Classic
The classic panel UI\u2014functional, but tedious and time-consuming to design manually in TIA Portal.<\/figcaption><\/figure>\n\n\n\n

So, I decided to solve this in true IT & Edge fashion.<\/p>\n\n\n\n

\n\n\n\n

The Evolution: MonsterMQ as an Industrial Edge App<\/h3>\n\n\n\n

MonsterMQ Edge already runs seamlessly as a Siemens Industrial Edge Application<\/strong> directly on SIMATIC WinCC Unified Comfort Panels, bridging panel runtime data and MQTT with ultra-low latency and minimal resource footprint.<\/p>\n\n\n\n

Now, I\u2019ve taken it one step further: MonsterMQ brokers can host simple, web-based HMI pages directly!<\/strong><\/p>\n\n\n\n

No heavy web server stack needed, no extra middleware\u2014the broker itself serves your custom web interfaces.<\/p>\n\n\n\n

\"MonsterMQ
MonsterMQ broker management and runtime overview.<\/figcaption><\/figure>\n\n\n\n
\n\n\n\n

The Workflow: Letting AI Build & Deploy the Dashboard<\/h3>\n\n\n\n

By combining MonsterMQ\u2019s web hosting capabilities with our brand-new MonsterMQ CLI and AI skills<\/strong><\/a>, the workflow becomes almost magical:<\/p>\n\n\n\n

    \n
  1. Live Data Discovery:<\/strong> The AI connects via the MonsterMQ CLI to browse active topics, payloads, and live metrics within the broker.<\/li>\n
  2. Automated UI Generation:<\/strong> Based on the discovered telemetry and tag schema, the AI designs a clean, modern, touch-optimized web dashboard (HTML5\/CSS\/JavaScript).<\/li>\n
  3. Instant Edge Deployment:<\/strong> Using the CLI, the generated HMI is deployed directly onto the MonsterMQ broker running on the WinCC Unified Comfort Panel.<\/li>\n<\/ol>\n\n\n\n
    \"MonsterMQ
    Inspecting live broker data and managing deployment with the MonsterMQ CLI tool.<\/figcaption><\/figure>\n\n\n\n
    \n\n\n\n

    The Result: Modern, AI-Crafted Web HMIs<\/h3>\n\n\n\n

    Here is what the newly generated web dashboard looks like running live on the WinCC Unified Comfort Panel touch screen:<\/p>\n\n\n\n

    \"New
    Modern, dark-themed responsive home telemetry dashboard running directly on the panel.<\/figcaption><\/figure>\n\n\n\n
    \"New
    Clean sensor gauges and interactive controls.<\/figcaption><\/figure>\n\n\n\n
    \"New
    Detailed room and subsystem status view.<\/figcaption><\/figure>\n\n\n\n
    \n\n\n\n

    Why This Changes the Game<\/h3>\n\n\n\n