Learning Timeline
Key Insights
Tips Keselamatan Token API
Apabila memberikan API Token kepada AI, pastikan anda menggunakan session yang private. Jika anda bimbang tentang privasi, anda boleh meminta AI membuat 'placeholder' dalam kod, kemudian anda masukkan sendiri token tersebut secara manual di dalam fail HTML.
Workaround Paparan Google Home
Google Home biasanya sukar memaparkan dashboard standard Lovelace. Menggunakan kaedah 'Custom HTML' yang di-host secara lokal adalah cara paling stabil untuk memaparkan data AI tanpa masalah login atau timeout.
Prompts
Penjanaan Dashboard HTML Pintar
Target:
Claude
I want you to act as an expert web developer for Home Assistant. Write a single-file HTML dashboard with embedded CSS and JavaScript. This dashboard should connect to my Home Assistant instance using an API Long-Lived Access Token. Create a clean UI that displays my current energy usage, living room temperature, and a daily greeting. Use modern dark-mode styling.
Step by Step
Alur Kerja Menjana & Papar Dashboard AI ke Google Home
- Buka interface Claude.ai atau ChatGPT untuk memulakan sesi penjanaan kod.
- Berikan prompt yang spesifik untuk menjana kod HTML bagi dashboard yang anda inginkan (contoh: 'Create a minimalist HTML dashboard for Home Assistant').
- Navigasi ke profil pengguna dalam Home Assistant anda dan skrol ke bawah untuk menjana 'Long-Lived Access Token'.
- Berikan API Token tersebut kepada Claude supaya AI boleh memasukkan fungsi 'fetch data' secara real-time dari sensor Home Assistant ke dalam kod HTML tersebut.
- Salin kod HTML yang telah siap dijana oleh AI.
- Gunakan File Editor di dalam Home Assistant untuk mencipta fail baru di bawah direktori `/config/www/` (contohnya: `dashboard_ai.html`).
- Tampal kod tadi ke dalam fail tersebut dan klik 'Save'.
- Akses peranti Google Home anda melalui Home Assistant 'Media' tab atau gunakan servis 'Google Cast'.
- Masukkan URL lokal fail tersebut (contoh: `http://homeassistant.local:8123/local/dashboard_ai.html`) untuk di-'cast' terus ke skrin pintar Google Home.
