Prism

Parametric still-photo styling in the browser — closed look packs, semantic sliders, optional Gemini talk router, WebGL2 compositor, PNG + recipe export.

  • TypeScript
  • React
  • Vite
  • WebGL2
  • GLSL
  • Gemini API
  • MediaPipe
  • IndexedDB
  • fflate

Case study

In brief

  1. Problem

    Repeatable photo looks usually mean generative inpaint or a new shader per site. Neither gives a recipe you can reuse.

  2. Approach

    Built a browser WebGL2 lab: eight named packs, semantic sliders, optional talk that writes a JSON patch — not pixels. The recipe is the source of truth; the GPU does the math.

  3. Outcome

    Export PNG plus a serializable recipe. The same recipe can drive a quiet hero embed without rebuilding the editor.

Look closer

Stage

Proof

Parametric still-photo styling in the browser — closed look packs, semantic sliders, optional Gemini talk router, WebGL2 compositor, PNG + recipe export.

Proof

open in new tab

Loading demo…

Architecture

C4 architecture — Context → Containers → Components (docs/c4/portfolio-map.json)

Architecture

Context
100%
  • Person
  • Software system
  • External system

Continue