CssHub is a Chrome extension for CSSBattle players. It takes the solutions you already write on CSSBattle and syncs them to a GitHub repository you choose, so your battles become a searchable, shareable progress log.
You keep solving. CssHub keeps the repo updated.
- No copy-paste routine — send solutions to GitHub from the browser.
- A clean battle archive — keep Battles and Daily Targets in one repo.
- Progress you can look back on — commits show how your solutions changed over time.
- Portfolio-friendly history — your CSSBattle work is easier to browse, share, and preserve.
- Your repo, your control — choose the repository and branch CssHub writes to.
- Install CssHub from the Chrome Web Store.
- Pin CssHub in Chrome if you want quick access.
- Open the extension settings, sign in with GitHub, and choose where to save your solutions.
- Open a CSSBattle play page and solve as usual.
CssHub works in Google Chrome and Chromium browsers with Manifest V3 support.
CssHub is built for one job: syncing your CSSBattle solutions to your GitHub repo.
It does not run analytics, create a CssHub cloud account, or store your battle library on a CssHub server. For the full data handling details, read the hosted CssHub Privacy Policy.
.
├── apps/
│ ├── backend/ # OAuth service for GitHub sign-in
│ └── extension/ # Chrome extension source
├── docs/ # Privacy page, maintainer docs, screenshots
├── packages/
│ └── shared/ # Shared contracts used by the app packages
├── scripts/ # Maintainer and release helpers
├── CHANGELOG.md
├── LICENSE
└── package.json
Need implementation details? Start here:
| Resource | Description |
|---|---|
apps/extension/README.md |
Build, run, package, and configure the Chrome extension |
apps/backend/README.md |
OAuth backend setup and deployment |
docs/ops-runbook.md |
Maintainer troubleshooting and rollback notes |
CHANGELOG.md |
Release history |
Install or update CssHub from the Chrome Web Store.
If something does not work, open a bug report with the CSSBattle URL, extension version, browser, and steps to reproduce. If you have an idea for the extension, open a feature request.
Pull requests are welcome. For small fixes, open a PR directly. For larger changes, start with an issue so the scope is clear before implementation.
Useful places to start:
- Extension work:
apps/extension/README.md - OAuth/backend work:
apps/backend/README.md - Maintainer troubleshooting:
docs/ops-runbook.md
GitHub applies the pull request template automatically.
If CssHub saves you time, star this repo. It helps other CSSBattle players find the extension.
MIT — see LICENSE.




