为什么值得关注

它将同一个角色扩展为 Claude 和 ChatGPT 两套独立扩展，既保留了趣味互动，又通过纯客户端设计和多选择器回退机制增强了对 AI 界面变化的适应性。

适合谁使用

经常使用 Claude.ai 或 ChatGPT.com、希望聊天界面更有趣的 Chrome 用户
喜欢桌面宠物或拟人化小部件风格的用户
注重隐私、想要本地运行且无网络请求的扩展用户
对 Chrome Manifest V3 内容脚本和 SPA 状态监测感兴趣的开发者

典型使用场景

在长时间对话中，通过角色表情直观感知 AI 的等待、思考和回复状态
自由拖拽、缩放角色，并点击触发樱花特效，个性化聊天工作区
在 Claude 和 ChatGPT 中同时安装两个独立扩展，互不干扰
作为示例代码，学习如何用 data-testid、多选择器和轮询处理动态页面

项目优势

提供 5 种实时表情状态（等待、用户输入、AI 思考、AI 输出、完成），与对话流程紧密对应
同时支持 Claude 和 ChatGPT，扩展互相独立，可并行安装使用
交互细节完善：支持拖拽、滚轮缩放并记住大小、点击樱花绽放效果
隐私设计明确：无网络连接、不读取或发送消息内容，所有代码集中在可检查的 content.js 中

使用前须知

需要手动在 chrome://extensions 中“Load unpacked”安装，尚未发布到 Chrome 商店
仅支持 Chrome 浏览器，且只针对 claude.ai 和 chatgpt.com 生效
依赖平台 DOM 结构，Claude/ChatGPT 更新界面后可能需要项目维护更新

README 快速开始

🌸 Remielle the Widget

Chrome Extension Collection — Remielle, trợ lý AI của bạn trên Claude & ChatGPT

Remielle the Widget mang nhân vật Remielle — trợ lý AI sinh động — đến góc màn hình khi bạn trò chuyện với Claude hay ChatGPT. Remielle tự động thay đổi biểu cảm theo từng trạng thái thực — từ lúc bạn gõ phím cho đến khi AI hoàn thành câu trả lời.

💡 Inspired by & Credits to Gemielle by Rainan1010 — bản gốc ghép Remielle + Gemini = Gemielle. Dự án này đưa Remielle đến với Claude và ChatGPT.

📦 Các extension trong bộ

Extension	Nền tảng	Thư mục	Hướng dẫn
🌸 Claude	claude.ai	`/Claude`	Xem README →
🌿 ChatGPT	chatgpt.com	`/ChatGPT`	Xem README →

✨ Tính năng nổi bật & Tương tác

🎭 5 Trạng thái biểu cảm sinh động — Remielle thay đổi GIF thời gian thực theo từng tiến trình hội thoại.
🖱️ Kéo thả tự do (Drag & Drop) — Nhấp giữ chuột để di chuyển Remielle tới bất kỳ đâu trên màn hình.
🔍 Phóng to / Thu nhỏ linh hoạt (Zoom/Resize) — Lăn con trỏ chuột (Scroll Wheel) lên GIF để phóng to hoặc thu nhỏ Remielle theo ý thích. Kích thước được tự động ghi nhớ cho lần truy cập sau!
🌸 Hiệu ứng Hoa Anh Đào khi Nhấp chuột (Click & Sakura Burst) — Nhấp chuột vào Remielle để xem hiệu ứng zoom nhẹ sinh động cùng các cánh hoa anh đào (sakura) rơi rơi dịu dàng và mờ dần!

🎭 5 Trạng thái biểu cảm

Trạng thái	GIF	Mô tả
WAITING		Chờ bạn nhập prompt
USER_TYPING		Bạn đang gõ vào ô chat
AI_THINKING		AI đang xử lý yêu cầu
AI_TYPING		AI đang viết câu trả lời
AI_COMPLETE		AI đã trả lời xong!

🚀 Hướng dẫn cài đặt nhanh

✅Chỉ cần làm theo 4 bước!

Bước 1 — Tải về & Giải nén

Nhấn nút Code (màu xanh lá, góc trên phải trang này)
Chọn Download ZIP → Lưu về máy
Giải nén file .zip:
- Windows: Chuột phải → *"Giải nén tất cả..."

项目描述

🌸 Remielle the Widget — Chrome Extension mang nhân vật Remielle đến góc màn hình khi bạn dùng Claude & ChatGPT, tự động thay đổi biểu cảm theo từng trạng thái của cuộc hội thoại.

Remielle-Widget