ai cheat sheet.txt

AI Bot Editing Cheat Sheet
✅ Modify ONLY index.html if:
- Changing title, branding, colors, fonts, or layout.
- Adjusting headers, footers, or paragraph text.
- Styling elements like chat bubbles, background colors.
- Do NOT rename/remove any ID or structure the script relies on.
✅ Modify ONLY chat.js if:
- Changing how the bot replies or reacts.
- Adding custom responses (e.g., 'Who created you?').
- Tweaking chat behavior, streaming, or history logic.
- Do NOT reference new/renamed DOM elements not in index.html.
⚠️ Modify BOTH index.html and chat.js if:
- You add/remove/rename DOM elements (like IDs or classes).
- You change the structure of chat container, input, buttons, or IDs.
- You redesign interaction flow or add new sections used by JS.
🧠 Rule of Thumb:
If you change any ID, class, or layout block that the script touches — update BOTH files.
If you're only styling or adjusting responses — safe to change just ONE.
🛡 Tip:
Test after every small change.
If unsure, revert to a backup or compare working versions.