mshumer
Featured
Claude-of-Duty
A browser-based first-person shooter built entirely with procedural generation and orchestrated AI agents, featuring 55k lines of Three.js/WebGL2 code and no art assets.
AI repository intelligence
FR-AI / ANALYSISWhy it is worth attention
It extends the Gemielle concept beyond Google Gemini to Claude and ChatGPT with two independent, privacy-focused extensions that detect real conversation states using resilient selectors and SPA-aware logic.
Who it is for
- Frequent Claude.ai or ChatGPT.com users who want a more playful chat interface
- People who enjoy desktop-pet-style or aesthetic companion widgets
- Chrome users looking for a locally run, privacy-conscious AI companion extension
- Developers interested in Manifest V3 content scripts and DOM state detection
Use cases
- Visually track whether the AI is waiting, thinking, typing, or finished while chatting
- Customize the chat workspace by dragging, resizing, and clicking the widget for sakura effects
- Install both extensions at once to have Remielle appear on Claude and ChatGPT independently
- Reference the codebase for handling dynamic UIs with selectors, polling, and MutationObserver
Strengths
- Five live expression states map directly to real conversation progress
- Separate Claude and ChatGPT extensions can be installed side by side without conflicts
- Interactive features include drag-and-drop, scroll-wheel zoom with persisted size, and a click-triggered sakura burst
- Privacy-focused design: no network calls, no message content read or stored, and inspectable content.js code
Considerations
- Requires manual installation via 'Load unpacked' in Chrome; it is not published in the Chrome Web Store
- Only supports Chrome and only activates on claude.ai and chatgpt.com
- May break when Claude or ChatGPT changes their HTML structure, requiring future updates
README quick start
🌸 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ả..."
Description
🌸 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.
Related repositories
Similar projects matched by category, topics, and programming language.
gnipbao
Featured
story-to-handdrawn-video
A Remotion-based tool that converts Chinese story text or ordered hand-drawn images into vertical hand-drawn diary-comic animation with handwritten captions, left-to-right reveals, optional page-curl transitions, and silent H.264 output for post-production dubbing.
7-e1even
Featured
learn-agent
A collection of notes on building coding agents, derived from the production development of the desktop agent Reina, with each mechanism simplified into a zero-dependency, single-file Node.js demo.