git404hub

what is shopping-lookbook fr?

drewhoo/shopping-lookbook — explained in plain English

Analysis updated 2026-05-18

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

tl;dr

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.

vibe map

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 make with this?

VIBE 1

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

VIBE 2

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

VIBE 3

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

VIBE 4

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

what's the stack?

JavaScriptClaude CodeGitHub Pages

how it stacks up fr

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 i run it?

Difficulty · moderate time til it works · 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.

prompts (copy fr)

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 fr?

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.

peek the repo → explain another one

This repo across BitVibe Labs

double-check against the repo, no cap.