From 97c53ec5a6e36a7c9ab188314d96ac0772f6c793 Mon Sep 17 00:00:00 2001
From: cpq <sergey.lyubka@cesanta.com>
Date: Wed, 29 Apr 2026 11:53:19 +0100
Subject: [PATCH] Add AI spec

---
 tutorials/device-dashboard/minimal/ai.md | 49 ++++++++++++++++++++++++
 1 file changed, 49 insertions(+)
 create mode 100644 tutorials/device-dashboard/minimal/ai.md

diff --git a/tutorials/device-dashboard/minimal/ai.md b/tutorials/device-dashboard/minimal/ai.md
new file mode 100644
index 00000000..f36167f8
--- /dev/null
+++ b/tutorials/device-dashboard/minimal/ai.md
@@ -0,0 +1,49 @@
+# Device dashboard
+
+This is the AI specification file for the Web device dashboard.
+
+## General rules
+
+Follow these sections of the guide:
+  - For editing HTML, https://mongoose.ws/docs/guides/web-dashboard-guide/#step-2-develop-dashboardhtml
+  - For editing C, https://mongoose.ws/docs/guides/web-dashboard-guide/#step-3-develop-dashboardc
+
+Never call Dashboard.call / Dashboard.on functions
+
+For editing HTML file, only Mongoose `data-bind` and `${...}` template syntax,
+
+No vanilla JS event listeners, no fetch calls, no custom reactive logic.
+
+
+## dashboard.html
+
+Start with this empty skeleton file:
+
+```html
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <script src="https://cdn.jsdelivr.net/gh/cesanta/mongoose@master/resources/dashboard.js"></script>
+    <script>
+      Dashboard.init({
+        debug: true,
+        data: { status: { led1: false, version: '1.0.0' } },
+      });
+    </script>
+  </head>
+  <body>
+  </body>
+</html>
+```
+
+Add a visually appealing toggle button - use an <input type="checkbox" />
+for it, stylised as a toggle button.
+
+Add "data-bind" and "data-autosave" attributes to the toggle control
+in order to bind it to the device: <input type="checkbox" data-bind="status.led1" data-autosave="1" />
+
+## dashboard.c
+
+Don't touch it