Add demo screenshots to the README

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
2026-09-25 17:46:06 +00:00
parent 8ef3f13069
commit 438332e79a
4 changed files with 14 additions and 0 deletions
@@ -9,6 +9,20 @@ How it fits together:
 3. A card the service hasn't seen before becomes an **Unassigned tag**. It appears on the web page within a few seconds, where you search the Music Assistant library and assign an album.
 4. When a card is removed, HA's `Stop album by tag` script calls `GET /api/tags/{tag_id}`. It stops the player only if that tag has an album.

+## Demo
+
+The main page lists unassigned tags (a card scanned while the page is open appears within a few seconds) and every assignment:
+
+![Unassigned tags and assignments](docs/screenshots/tags.png)
+
+Assigning a tag: search the Music Assistant library and pick an album. Albums without a cover show a grey placeholder.
+
+![Searching the library for a tag](docs/screenshots/assign.png)
+
+The page follows the system's dark mode and works on a phone:
+
+<img src="docs/screenshots/tags-dark-mobile.png" alt="Dark mode on a phone" width="320">
+
 ## API

 Both endpoints need `Authorization: Bearer <API_TOKEN>`.