Nick Gassmann

Senior UX designer, The Harker School

Design Inspiration Board

My screenshot library for design references that writes the brief for me.

My role
UX and UI, with AI agents as developer
The Inspiration Board library: 15 saved web design screenshots, each with a title, its design style and tags(full size)

What It Does

I screenshot a lot of websites, and the Inspiration Board is where they all go. It titles each one by site and page and reads its style, palette, layout and tags from the image. Pick one reference or several, and it writes a design brief I can paste into a project. I designed its UX and UI.

How It Reads an Image

  • Style, color, layout and tags come from plain PHP and the GD image library, with no network call.
  • An AI model writes each title from the logo at the top of the screenshot.
  • The design brief is built from those fields, ready to paste into a project.
  • Several references can combine into one brief.
  • Search, tags and sort live in the URL, so I can share a filtered view.

It’s live on a Harker server, behind a password, for my own use.

Analysis

The board classifies each screenshot’s design style with a confidence level, measures its palette and contrast, and suggests what to carry forward and what to leave behind.

One saved reference beside the fields the board fills in from it, including its design style(full size)
One Reference What the board fills in from the image: the design style, what to carry forward and the rest.
The design brief the board writes from one reference(full size)
The Brief The design brief the board writes from one reference, with layout and color measured from the image.

Build

Instead of an in-house developer, I directed AI coding agents through the build in phases and checked their work before it went live. They built it in plain PHP, MySQL and JavaScript, with Tailwind for the styles. When I tested it with real screenshots in a browser, I caught three upload failures their automated tests had missed.

Security

Since it sits on a school server, I wanted it locked down. Every upload gets re-saved as a fresh image before it’s stored, and the board won’t fetch a link that points inside the school’s network.