How shinzuu/prism works
prism is an image-themed component gallery: visitors browse interactive component examples, while the theme engine derives palette tokens from a wallpaper. Its principal stages are gallery discovery, opening a component example, and interacting with that example; a separate registry validates component entries at build time. The README also describes prompt provenance and contrast-safe tokens. Gallery-page source is not present in the supplied tree, so its node has no path; the component nodes below are representative, not an exhaustive inventory.
Main entry points: components-src Component examples · theme.js Theme engine · registry.js Component registry · Component.tsx Switch scanning menu
Components 17
Gallery and catalog
- Gallery pages
- Component registry
src/lib/registry.js - Component examples
components-src
Image theme
- Theme engine
public/theme.js - Palette tokens
- Preview frames
Interaction examples
- Switch scanning menu
components-src/switch-scanning-menu/Component.tsx - Magic plus drag
components-src/magic-plus-drag/Component.tsx - Sliding pane stack
components-src/sliding-pane-stack/Component.tsx - Priority overflow toolbar
components-src/priority-overflow-toolbar/Component.tsx - Safe triangle hover
components-src/safe-triangle-hover/Component.tsx - Snap guide canvas
components-src/snap-guide-canvas/script.js
Data and forms
- Convergence trace
components-src/convergence-trace/Component.tsx - Outlier heatmap
components-src/outlier-heatmap/script.js - Country address form
components-src/country-address-form/script.js - Other visual examples
components-src
Other components
- Visitor
Connections 15
- Visitor → Gallery pages: browses
- Gallery pages → Component examples: presents examples
- Component registry → Component examples: loads and validates
- Theme engine → Palette tokens: derives tokens
- Theme engine → Preview frames: posts tokens
- Component examples → Switch scanning menu: includes
- Component examples → Magic plus drag: includes
- Component examples → Sliding pane stack: includes
- Component examples → Priority overflow toolbar: includes
- Component examples → Safe triangle hover: includes
- Component examples → Snap guide canvas: includes
- Component examples → Convergence trace: includes
- Component examples → Outlier heatmap: includes
- Component examples → Country address form: includes
- Component examples → Other visual examples: includes