explaingit

drewhoo/shopping-lookbook

Analysis updated 2026-05-18

1JavaScriptAudience · vibe coderComplexity · 2/5Setup · moderate

TLDR

A Claude Code skill that browses real online stores and builds a shareable webpage gallery of verified, in-stock products around a theme, like keycaps or furniture.

Mindmap

mindmap
  root((Shopping Lookbook))
    What it does
      Curates real listings
      Verifies stock
      Builds gallery page
    Tech stack
      Claude Code skill
      Browser MCP
      GitHub Pages
    Use cases
      Themed product galleries
      Shareable wishlists
      Stock verification
    Audience
      Vibe coders
      Shoppers

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Turn a pile of Etsy or Shopify listings you like into one shareable gallery page.

USE CASE 2

Build a themed shopping page, like a keycap or plant lookbook, to share with friends.

USE CASE 3

Verify that products in a wishlist are still actually in stock before sharing it.

USE CASE 4

Publish a self-contained product gallery to GitHub Pages without writing a website by hand.

What is it built with?

JavaScriptClaude CodeGitHub Pages

How does it compare?

drewhoo/shopping-lookbook0xmukesh/docusaurus-tutorial1tsmejp/palworld-docker-wine
Stars111
LanguageJavaScriptJavaScriptJavaScript
Last pushed2021-12-27
MaintenanceDormant
Setup difficultymoderateeasymoderate
Complexity2/52/54/5
Audiencevibe coderdeveloperops devops

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · moderate Time to first run · 30min

Requires a connected browser MCP server, such as the Claude in Chrome extension, since it drives a real browser to read storefronts.

In plain English

Shopping Lookbook is a skill for Claude Code, the AI coding assistant, rather than a standalone app you run on its own. Once installed, it teaches Claude how to build a themed shopping page called a lookbook: a gallery of real, in-stock products pulled from live listings on sites like Etsy or Shopify, each one checked to make sure it is actually available, then arranged into a shareable web page with prices, specs, and buy buttons that link back to the original stores. The idea is to take a vibe, a theme, or a scattered pile of product listings you have been eyeing and turn it into one clean gallery page instead of a dozen open browser tabs. Example themes could be keycaps, furniture, plants, decor, or fashion items, anything sold online that you would want to browse as a curated collection. The finished page is self-contained and gets shipped as a GitHub Pages site, so it can be shared with a simple link. The skill works in stages: it clarifies what you are looking for, discovers candidate products, sources and verifies that each listing is real and current, curates the best matches, then builds and ships the finished page. The project's SKILL.md file documents this pipeline in detail, along with the curation approach, and a reference folder covers the technical details of driving a browser to pull product data and images, and of generating the final page template. Because many online stores block plain automated requests, this skill needs a browser automation tool to work, specifically one built around the Claude in Chrome browser extension, though other compatible browser tools should also work. You install the skill by cloning it into your Claude Code skills folder, and you need that browser connection set up before running it.

Copy-paste prompts

Prompt 1
Use the shopping-lookbook skill to build a lookbook of mechanical keyboard keycaps under $50.
Prompt 2
Help me set up the browser MCP connection this skill needs before running shopping-lookbook.
Prompt 3
Curate a lookbook of houseplants from a few Etsy shops I like using this skill.
Prompt 4
Walk me through how shopping-lookbook verifies that a product listing is still in stock.

Frequently asked questions

What is shopping-lookbook?

A Claude Code skill that browses real online stores and builds a shareable webpage gallery of verified, in-stock products around a theme, like keycaps or furniture.

What language is shopping-lookbook written in?

Mainly JavaScript. The stack also includes JavaScript, Claude Code, GitHub Pages.

How hard is shopping-lookbook to set up?

Setup difficulty is rated moderate, with roughly 30min to a first successful run.

Who is shopping-lookbook for?

Mainly vibe coder.

Open on GitHub → Explain another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.