Reef-pi's aquarium dashboard rebuilt with Claude Code
Reef-pi contributions use Claude Code to replace an older interface framework and add dashboard, equipment and alert components for aquarium monitoring.
Credits
- Source byline ranjib Source ↗
Earliest dated source:
The full story
The reef-pi redesign replaces Bootstrap and jQuery across routes for lighting, temperature, dosing, top-up and other aquarium functions. Related contributions add threshold gauges, temperature and pH tiles, equipment controls and an alert-centre bridge.
The author credits Claude Code and reports frontend checks and regression tests. The sources describe software-interface work; they do not establish the reliability of a complete aquarium life-support installation.
How it was done
Tools
Themes
Loading themes…
Sources
From the maker's own write-up or code. We summarise what they report; we haven't tested it ourselves.
- reef-pi Aquarium Controller: [claude design] retire Bootstrap 4.6 — full grep-zero passSource byline: ranjibPublished
The contributor’s pull request, including its AI disclosure and test notes.
- reef-pi Aquarium Controller: [claude design] ThresholdGauge component (#5)Source byline: ranjibPublished
A related contribution with implementation and verification details.
- reef-pi Aquarium Controller: [claude design] F6: Alert center bridgeSource byline: ranjibPublished
A related contribution with implementation and verification details.
- reef-pi Aquarium Controller: [claude design] F5: remove react-toggle-switchSource byline: ranjibPublished
A related contribution with implementation and verification details.
- reef-pi Aquarium Controller: [claude design] Dashboard · Hero TemperatureTileSource byline: ranjibPublished
A related contribution with implementation and verification details.
- reef-pi Aquarium Controller: [claude design] Dashboard · Secondary PhTile / AtoTileSource byline: ranjibPublished
A related contribution with implementation and verification details.
- reef-pi Aquarium Controller: [claude design] Dashboard · Equipment strip (footer)Source byline: ranjibPublished
A related contribution with implementation and verification details.
- reef-pi Aquarium Controller: [claude design] Dashboard · System status stripSource byline: ranjibPublished
A related contribution with implementation and verification details.
- reef-pi Aquarium Controller: [claude design] AlertCenterBell fix + Bootstrap Tier 1 guardrailsSource byline: ranjibPublished
A related contribution with implementation and verification details.
- reef-pi Aquarium Controller: [claude design] useTimeSeries hookSource byline: ranjibPublished
A related contribution with implementation and verification details.
- reef-pi Aquarium Controller: [claude design] ThresholdGauge componentSource byline: ranjibPublished
A related contribution with implementation and verification details.
- reef-pi Aquarium Controller: [claude design] Dashboard · Equipment strip (footer)Source byline: ranjibPublished
A related contribution with implementation and verification details.
- reef-pi Aquarium Controller: [claude design] Storybook entries for primitivesSource byline: ranjibPublished
A related contribution with implementation and verification details.
- reef-pi Aquarium Controller: [claude design] adopt Manrope + JetBrains MonoSource byline: ranjibPublished
A related contribution with implementation and verification details.
- reef-pi Aquarium Controller: [claude design] Token contrast audit + automated testSource byline: ranjibPublished
A related contribution with implementation and verification details.
- reef-pi Aquarium Controller: [claude design] Add dark + actinic theme tokensSource byline: ranjibPublished
A related contribution with implementation and verification details.
- reef-pi Aquarium Controller: [claude design] RangeSelector (1H / 6H / 1D / 7D / 30D)Source byline: ranjibPublished
A related contribution with implementation and verification details.
- reef-pi Aquarium Controller: [claude design] Migrate preview cards to var-onlySource byline: ranjibPublished
A related contribution with implementation and verification details.
- reef-pi Aquarium Controller: [claude design] Wire Dashboard v2 behind dashboard_v2 flagSource byline: ranjibPublished
A related contribution with implementation and verification details.
- reef-pi Aquarium Controller: [claude design] Sparkline v2 (gradient fill, threshold band, hover)Source byline: ranjibPublished
A related contribution with implementation and verification details.
- reef-pi Aquarium Controller: [claude design] Extend --reefpi-* scale with state tokensSource byline: ranjibPublished
A related contribution with implementation and verification details.