artbook
Artspo for Chrome · open source

The art book behind what you make.

Studios keep an art book: the references and studies behind the finished thing. Artbook keeps yours. Clip the sites you love, let your agent find the patterns in them, and make work that remembers where it came from.

Get Artspo How it works

A Chrome extension plus an agent skill. No account, no server. Your library is plain files.

Every clip has a palette. Your book is all of them.

Artspo measures each page you clip: surfaces by share of the page, text by amount of text. Here each clip is a wheel, surfaces outside and text inside. Pick one to read its measurements.

your artbook5 clips · 29 patterns · 3 works

Fieldnotefieldnote.example

Surfaces · share of the page
Text · by amount of text
Your noteThe diff that types itself sells the product in one line.

Sites shown are demo sites built for Artspo, not real companies.

Clip, distill, make.

Five sites go in. Artspo measures each one, your agent pulls out the moves they share, and you make from the pieces. Everything on this board is rebuilt from measurements, not copied.

Fragments of five demo sites and three patterns from one library.5 clips · 3 patterns · 1 board

1Clip

Press Alt Shift S on a site and write one line about what caught your eye. While you're away, Artspo scrolls the page and records its palette, type, shapes and every animation.

clip.md · seen.jpg · filmstrip/

2Distill

Your agent finds what your clips share: languages (whole looks) and techniques (single moves), each with a recipe, a live specimen and the evidence behind it.

patterns/languages · patterns/techniques

3Make

Ask for a brand direction, a motion spec or a page. Each work lists the patterns and clips it came from, and the catalogue lets you trace any of it back.

works/ · catalogue.html 
artspo/
  editorial-warm/            # a collection is a project
    collection.md             # its brief
    2026-10-16_fieldnote_6vj0/
      clip.md                 # the record
      seen.jpg  full.jpg  filmstrip/
  patterns/
    INDEX.md
    languages/  techniques/
  works/
    2026-10-16_launch-page/
      work.md  index.html  tokens.css
  catalogue.html
No server · no account

Plain files, readable by any agent.

Everything lives in a folder on your computer as markdown and images. The skill teaches your coding agent to read the library, distill it, make from it and rebuild the catalogue.

Claude CodeCodexCursorGemini CLICopilot

Books worth borrowing.

Artspo makes your book. Artbook is where books get shared, so you can learn from someone else's taste and build on it.

next

A home for your book

artbook.dev/you

Your catalogue at your own address, updated when your library changes.

todayPublish the public edition to any static host in one command.
next

Remix a book

Import a friend's collection, with its patterns and works, into your library, then make from it with your agent.

todayHand over the collection folder and the pattern files it uses.
next

Lift the prompts

Each work in a shared book shows the request that made it, so you can run it against your own library.

todayEvery work.md records its brief and what it was made from.

Start your book.

Chrome 118 or newer. Python 3 is optional; agents use it to build the catalogue.

1Get the code and the skill

git clone https://github.com/bryfeng/artspo ~/code/artspo
cd ~/code/artspo && sh install.sh

2Load the extension

Open chrome://extensions, turn on Developer mode, click Load unpacked and choose the extension folder. Pin Artspo to the toolbar.

3Clip something

Pick where clips go, name a few collections, then press Alt Shift S on a site you like.