Hotakus

实时 Token 缓存命中率 · TUI 侧边栏可视化 自适应主题色 · 自动低饱和设计语言 · 支持中/英双语;Real-time Token Cache Hit Rate · TUI Sidebar Visualization Adaptive Theme Colors · Auto-desaturated · Chinese / English

12
0
85% credibility
Found May 19, 2026 at 13 stars -- GitGems finds repos before they trend. Get early access to the next one.
Sign Up Free
AI Analysis
TypeScript
AI Summary

OpenCode Visual Cache is a plugin that adds a real-time statistics panel to the OpenCode AI coding assistant. It shows users their token cache hit rate (how much context the AI reuses), a breakdown of tokens read from cache versus fresh tokens, session costs, and money saved through caching. The panel automatically adapts to your color theme, supports Chinese and English, and can be collapsed to save sidebar space. It's designed for developers who want visibility into their AI usage and costs while coding.

How It Works

1
💻 You start coding with AI help

You open OpenCode and begin working on your project with an AI assistant by your side.

2
💭 You wonder about the costs

As your sessions get longer, you become curious about how much you're spending and how efficiently the AI is working.

3
🔍 You discover the perfect tool

You open the command menu and search for a way to track your AI usage, finding the cache statistics plugin.

4
You install it with one click

A simple command installs the plugin automatically, and OpenCode takes care of everything for you.

5
Your dashboard appears

A sleek new panel slides into your sidebar, showing your cache hit rate, token counts, and savings in real-time.

6
📊 You watch your stats update

As you chat with the AI, you see the numbers change live—fresh tokens, cached reads, and how much money you're saving.

🎉 You understand your AI costs

Now you can see exactly how efficiently your AI sessions run and how much caching saves you, all in a beautiful panel that matches your theme.

Sign up to see the full architecture

5 more

Sign Up Free

Star Growth

See how this repo grew from 13 to 12 stars Sign Up Free
Repurpose This Repo

Repurpose is a Pro feature

Generate ready-to-use prompts for X threads, LinkedIn posts, blog posts, YouTube scripts, and more -- with full repo context baked in.

Unlock Repurpose
AI-Generated Review

What is opencode-visual-cache?

This is a plugin for OpenCode that drops a real-time statistics panel into the sidebar, tracking token cache performance while you code. It shows cache hit rate with a visual progress bar, breaks down cache read/write/miss/output tokens, and calculates how much money you're saving from cache hits across a session. The panel also displays model pricing and token distribution by role (system prompts, user input, agent instructions, tool calls, tool results). Built in TypeScript using SolidJS for the TUI rendering.

Why is it gaining traction?

The killer feature is the cost visibility -- developers finally have a concrete way to see whether their cache strategy is actually paying off. The auto-desaturated color scheme is a thoughtful touch: it reads well in any terminal theme without clashing, and the hit rate color-codes automatically (green for good, red for bad). Bilingual support out of the box makes it accessible to international teams without extra configuration.

Who should use this?

OpenCode power users who run long coding sessions with expensive models like Claude or GPT. Cost-conscious developers evaluating cache efficiency. Teams analyzing token usage patterns across agents or workflows. Not useful outside of OpenCode -- this is a niche tool for a specific workflow.

Verdict

This is a small but polished utility solving a real pain point (Understanding what caching actually saves you). The 12 stars reflect early-stage status, and the lack of documented test coverage means treat it as community software. At 0.85% credibility, it's credible enough to try if you live in OpenCode, but verify it works for your specific provider before relying on it for cost reporting.

Sign up to read the full AI review Sign Up Free

Similar repos coming soon.