joeseesun/qiaomu-artist-style

This project is a small website that puts famous painters side by side to show how their styles differ. The trick is that every image on the site is generated from the same scene prompt, with only the artist's name swapped in. So the reader can compare composition, color, brushwork, and mood across painters while everything else stays constant. The example prompt the README shows translates to something like: in the distance there are mountains, nearby there is a deep forest and a small stream, a painting in the style of {artist_name}. The site started from a list of 1260 painters, filtered down to 500 candidates, and ended up showing the 383 painters for whom a local WebP image was successfully generated. Painters without images are not shown on the page. Features the README lists include searching by English name, Chinese name, and style tag, filtering by art movement, saving favorites in browser storage, a lightbox triggered by clicking thumbnails, left and right arrow-key navigation, and a one-click copy of the painter-name prompt. Each image card also shows a Chinese translation and the original style name. The page adapts on mobile to a single-column flow. Deployment is a one-click Vercel button, with no environment variables needed because the images are committed as static WebP files. Local development uses npm install and npm run dev. To retheme the gallery, edit the promptTemplate in data/site-config.ts and rerun the image generator, which calls a service called HiAPI with an API key. The README also documents Playwright-based screenshot regeneration and batching options.