CssHub is a Chrome extension that pushes your CSSBattle solutions into a GitHub repository you choose—so every pass becomes a commit you can browse, diff, and share like normal code.
No copy-paste, no drag-and-drop zip files: you play on CSSBattle, CssHub keeps your repo up to date.
- One place for your battles — Challenges and submissions live in a repo structure you control.
- Git history as your progress log — See how your solutions evolved over time.
- Backup & portfolio — Your work stays on GitHub even if you clear browser data (once synced).
- Built for CSSBattle — Works on the official play experience you already use.
- CSSBattle —
cssbattle.devandwww.cssbattle.dev(play URLs).
Use Google Chrome (or another Chromium browser with Manifest V3 support).
Install CssHub from the Chrome Web Store — updates install automatically.
If you build from source, load the unpacked extension from apps/extension/dist after a build. Full setup (env files, local OAuth backend, scripts) is in apps/extension/README.md.
- Pin CssHub from the puzzle menu if you like quick access.
- Open CssHub → Settings (or the extension options page).
- Sign in with GitHub (pick the method you prefer in settings).
- Choose the repository (and branch, if you use something other than the default).
- Open a CSSBattle play page and solve as usual—CssHub syncs your submission to GitHub when you use the extension flow on that challenge.
If something fails, check the in-extension activity log in settings for a short, human-readable message.
- CssHub needs GitHub access only to write to your chosen repo (and related metadata like branches).
- Your GitHub token is kept in session-only extension storage on your device (cleared on sign-out); settings and an activity log (up to 15 events) stay in local extension storage—not on a CssHub account in the cloud.
- CssHub only runs on CSSBattle play pages, plus GitHub and the OAuth backend for sign-in and sync.
- No CssHub analytics — no first-party tracking or advertising SDK.
- Privacy policy: https://marcoantolini.github.io/CSSHub/privacy-policy.html (source in
docs/privacy-policy.md. - Technical inventory:
docs/privacy-data-map.md. Extension and backend details:apps/extension/README.md,apps/backend/README.md. - Chrome Web Store listing draft (maintainer, local):
docs/internal/chrome-web-store-listing.md(gitignored).
Using CssHub? Install or update from the Chrome Web Store. If something breaks or you want a feature, open a GitHub issue—the bug report and feature request templates include the fields we need (CSSBattle URL, extension version, steps to reproduce).
Pull requests are welcome. GitHub applies the PR template automatically; for larger changes, start with an issue so we can align on scope. Maintainer ops (OAuth, rollback): docs/ops-runbook.md.
If CssHub saves you time, star this repo—it helps other CSSBattle players find it.