AIToday
Image GenerationOpen-Source AIQiita 機械学習Published: Oct 18, 2026, 13:00 JST

Design Compass finds styles without names, running OpenCLIP in the browser

Design Compass finds styles without names, running OpenCLIP in the browser

3 Key Points

  1. What happened

    A developer released Design Compass, a browser-based app that searches 1,200 images across 60 styles using a reference image and 16 sliders, no style name needed.

  2. Why it matters

    It targets people and teams who prompt image-generation AI but cannot name a style, turning search into guided trial and error rather than a lookup of style lists.

Not sure about something? Ask the AI

Questions and answers are published on this page.

Summaries like this, in your inbox every morning.

Context & Analysis

The project starts from a practical friction in image-generation prompting: advice often says to name a design style, but names like Future Funk, Art Deco, Vaporwave and Y2K are only useful once you already know them. Design Compass instead presents three candidates at a time, so users compare possibilities rather than classify an image into one correct style.

The implementation makes an interesting design choice about sliders. A single retro-versus-futuristic axis would force a tradeoff, so the app splits the sense of age and the sense of futurism into two independent sliders, allowing combinations such as retro-futurism. Internally, 512-dimensional OpenCLIP embeddings are reduced by PCA to 12 dimensions, and each style is modeled as a region with a mean and a Ledoit–Wolf covariance, ranked by Mahalanobis distance.

Search positions are recomputed from a fixed reference point on every search, so returning slider values returns the same results instead of drifting. For public release, the developer moved inference from a backend to the browser with ONNX Runtime Web and WebGPU, hosted on Cloudflare Pages with assets on Cloudflare R2 — free to run, though downloads still occur. A conversational mode remains listed as coming soon.

FAQ
Do I need to know design style names to use it?
No. You can start from a reference image or from neutral slider values, and style names appear only as one clue alongside example images.
Does it send my images to a server?
The image model, PCA transformation, and candidate search all run inside the browser using ONNX Runtime Web, though model and reference images still need to be downloaded.
Why are there 16 sliders if the internal map has 12 dimensions?
The 12-dimensional map is the search space, while the 16 on-screen sliders each correspond to a movement direction generated offline from CLIP text embeddings.
Qiita 機械学習Read Original Article

AI news that matters for your work, delivered every morning.

Pick your industry and the AI tools you use, and get news related to your work every day.

Free · 30 seconds with Google · unsubscribe anytimeWhat is AIToday? →

Ask AI

Ask AI anything about this article. The AI reads this article, earlier AIToday articles, and Wikipedia, and cites its sources. Q&As are published on this page for other readers too.

Questions and answers are published on this page.

Related Articles

Next articleDocker logs AI agent horrors; Replit wipes DB after 11 stop orders