Index PMC
Digital

CapyCalc — Calculators & Planning Tools for CapybaraGo

DigitalUX/UIWeb DesignHTML/CSSJavaScript
CapyCalc — Calculators & Planning Tools for CapybaraGo
Client
Personal project
Year
2025–Present
Role
Solo design & development
Deliverables
Product design, UX/UI, front-end development
Tools
Vanilla JavaScript, Cloudflare Pages & Workers

I created CapyCalc as a suite of free, browser-based tools to help CapybaraGo players make better decisions about their characters. What began as a single damage calculator grew into eleven distinct tools spanning character planning, simulation, OCR-driven prediction, and event-progression forecasting.

Speed of comprehension over decoration

The design priorities were speed of comprehension and density without clutter. Players come with a specific question in mind and need to evaluate the answer at a glance. I worked in a calm dark palette with restrained gold and blue accents, letting visual hierarchy carry the load instead of decorative colour. Every numeric output earns its place: charts include thresholds and breakpoints, comparison tables surface a delta column prominently, and inputs sit visually paired with their downstream impact through sticky positioning and tight grid layouts.

Depth without overwhelm

A central decision was how to expose depth without overwhelming new players. Each tool launches as a focused single-purpose page rather than a tab inside a larger app, with its own URL and shareable Discord preview.

Share cards & the PvP Predictor

Completed builds can be exported as 1400x900 share cards generated entirely in-browser, designed to look polished embedded in screenshots and leaderboards. The PvP Predictor uses OCR so players can drop two stat-screen screenshots and get a side-by-side comparison plus a damage-formula winner prediction, turning tedious manual transcription into a two-tap interaction.

Build share cards are generated in-browser at 1400×900

Built lean

The site is hosted on Cloudflare Pages with a thin Workers backend for shared-build links. No framework, vanilla JavaScript throughout. That constraint forced a disciplined component design and produced a consistent visual language across very different interaction models (sliders, dropdowns, image uploads, draggable build slots). CapyCalc currently serves an active community of players across multiple cross-server groups and continues to evolve with game patches and player requests.