Repository navigation
feat(playground): chroma lab on its own route - #9
Merged
Merged
Conversation
4 of 5 tasks
nekomeowww
force-pushed
the
feat/fitted-model
branch
from
October 27, 2026 21:06
e07ba75 to
9846823
Compare
nekomeowww
force-pushed
the
feat/playground-chroma-lab
branch
2 times, most recently
from
October 27, 2026 21:18
ea08eb8 to
a9ca92c
Compare
2 tasks done
Visualizes how chroma and lightness are distributed over hue and shade: chroma / lightness by hue and by shade against the sRGB and P3 gamut, residual heatmaps, a 3D surface, side-by-side palettes, and ΔE against the Tailwind CSS v4 palette with leave-one-family-out cross-validation. It runs the fit of `scripts/fitted/` live with controls and exports TS / CSS. Copies the range / field-range components of moeru-ai/airi packages/ui for the controls, syncs ColorHueRange with its AIRI counterpart, and only animates the three.js views while they are on screen. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
`/` is the docs page and `/lab` the chroma lab, both lazy loaded so the docs do not pay for fitting, heatmaps and the 3D surface. The theme hue is shared through `useThemeHue()` and survives route changes. Adds a Netlify `_redirects` fallback so `/lab` works on reload, and documents the lab. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
nekomeowww
force-pushed
the
feat/playground-chroma-lab
branch
from
October 27, 2026 21:40
a9ca92c to
af1acd2
Compare
✅ Deploy Preview for proj-airi-chromatic ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Adds a chroma lab to the playground, served on its own route so the docs page stays light.
/is the docs page and/labthe chroma lab. Both are lazy loaded, so the docs do not pay for fitting, heatmaps or the 3D surface.useThemeHue()keeps the theme hue across route changes._redirectsfallback lets/labwork on reload. This assumesplayground/distis the publish directory.scripts/fitted/runs live with controls, and the lab exports TS / CSS for the result.Range/FieldRangeare copied from moeru-ai/airipackages/ui(MIT, attributed in the files). The thumb usescurrentColorinstead of thev1-only--chromatic-chroma-200.ColorHueRangeis synced with its AIRI counterpart.Test plan
pnpm lint,pnpm typecheck,pnpm build,pnpm test:run/and/labload, including a direct load of/lab;🤖 Generated with Claude Code