Adds colorful icons to Claude and Gemini buttons, colors bold/italic text, and adds smooth visual effects throughout both interfaces.
目前為
Visual Enhancement for Claude & Gemini v2
📦 Claude Interface Enhancement - Tampermonkey Userscript
📋 Overview
Claude Interface Enhancement transforms both Claude.ai and Gemini interfaces with vibrant color-coded buttons, styled text formatting, smooth animations, and visual effects that make every interaction more intuitive and visually appealing.
✨ Key Features
| Feature | Description |
|---|---|
| Colorful Button Icons | Orange copy, green thumbs up, red thumbs down, yellow edit, sky blue regenerate buttons |
| Styled Text Formatting | Purple/green bold text and cyan/blue italic text with automatic dark mode adaptation |
| Smooth Animations | Fade-in effects, glow animations, and scale transitions throughout both interfaces |
| Keyboard Shortcut | Ctrl/Cmd + N instantly starts new chat conversations |
| Enhanced Code Blocks | Gradient headers, colored inline code, rounded corners with improved readability |
🎯 Perfect Use Cases
🚀 How It Works
Color System
🟠 Copy - Orange buttons with glow effect on hover 🟢 Good Response - Green thumbs up with background highlight 🔴 Bad Response - Red thumbs down with background highlight 🟡 Edit - Yellow edit buttons with smooth transitions 🔵 Regenerate - Sky blue with 180° rotation animation on hover
Text Styling
Light mode uses purple bold text and cyan italics. Dark mode automatically switches to green bold text and sky blue italics for optimal contrast and readability.
Animation Workflow
New messages fade in smoothly → Buttons scale on hover → Icons glow with color-matched shadows → Actions provide instant visual feedback → Transitions use smooth cubic-bezier easing
💡 Benefits
| Benefit | Impact |
|---|---|
| Faster Recognition | Color-coded icons reduce cognitive load and speed up interactions |
| Better Readability | Styled bold/italic text improves content scanning and comprehension |
| Reduced Eye Strain | Smooth animations and balanced colors for comfortable extended use |
| Universal Compatibility | Works seamlessly on both Claude.ai and Gemini interfaces |
🔧 Installation
📝 Usage Tips
⚙️ Customization
The script includes customizable settings for animation duration (0.3s default), fade-in timing (0.6s), keyboard shortcut modifiers, and color opacity levels (high/medium/low/full).
🎓 Why This Matters
Problem: Claude.ai and Gemini interfaces use monochrome gray buttons that blend together, making it difficult to quickly identify functions. Text formatting lacks visual hierarchy, and interactions feel static without feedback.
Solution: Color-coded buttons with intuitive associations (green=good, red=bad, orange=copy), styled text formatting for improved scanning, and smooth animations that provide clear visual feedback for every action.
🌟 Ideal For
Software developers, students, writers, researchers, designers, and anyone using Claude.ai or Gemini for extended sessions who want a more visually intuitive and comfortable interface.
🔗 Additional Information
| Detail | Information |
|---|---|
| Compatible With | Chrome, Firefox, Edge, Safari, Opera, Brave |
| Website Support | claude.ai/, gemini.google.com/ |
| Version | v2 - Full visual effects suite |
| License | AGPL-3.0 |
📞 Support & Feedback
Found a bug? Report it in the feedback section. Have a feature request? Let me know! Enjoying the script? Leave a review!
Thank you for using Claude Interface Enhancement! 🎉
