Work Templates
Services
AI News About Contact
Talk to an engineer Sign In
Tools

Simon Willison’s Quick Study Turns Photos Into Canvas Brushstrokes in Seconds

Willison’s new Quick Study tool applies edge detection and a simulated brush to render photo‑style paintings instantly, offering a lightweight alternative for developers who need quick visual prototypes.

BuildPreview AI Desk 3 min read
Cover for: Simon Willison’s Quick Study Turns Photos Into Canvas Brushstrokes in Seconds
Photo: Steve A Johnson via Pexels · Story via simonwillison.net

Simon Willison unveiled Quick Study on 23 Oct 2026, a browser‑based artifact that opens a photo and, within seconds, paints a stylized version using a canvas element and simulated paintbrush. The tool relies on Sobel edge detection and pulls no external libraries beyond Google Fonts, keeping the bundle lean. Willison notes a prior experiment with Claude Fable to simulate watercolor illustrations in P5.js, positioning Quick Study as a streamlined successor.

Key points

  • Quick Study uses Sobel edge detection to identify image contours.
  • No external dependencies beyond Google Fonts.
  • Rendered output appears on an HTML5 canvas with a simulated brush.
  • Built and released by Simon Willison on 23 Oct 2026.
  • Preceded by a Claude Fable watercolor experiment.

What happened

Willison posted the Quick Study code on his personal site, simonwillison.net, in a short write‑up titled "Quick Study." The artifact opens a photo file, applies a Sobel filter to extract edges, and then paints those edges onto a canvas using a brush‑stroke algorithm. The process completes in a few seconds, even on standard desktop hardware, thanks to the lightweight nature of the Sobel operation. Willison emphasizes that the implementation requires no external libraries beyond a font fetch from Google Fonts, allowing easy embedding in other projects.

The backstory

Willison has a history of experimenting with AI‑driven art tools. Earlier in 2026 he published a piece on Claude Fable that leveraged P5.js to generate watercolor‑style illustrations. Quick Study can be seen as an evolution of that work, shifting focus from generative art to rapid edge‑based rendering suitable for web developers. The choice of Sobel edge detection reflects a desire for speed and simplicity, avoiding heavier convolutional neural networks.

Causes, trade‑offs, and who wins

The core decision to use Sobel edge detection stems from its low computational cost and deterministic output. This trade‑off means the tool delivers fast results but sacrifices subtle color gradients and texture that more complex models might provide. Developers who need quick visual prototypes benefit most; they gain speed and simplicity at the expense of artistic depth. Artists and designers seeking fine‑grained control over brush dynamics or color transitions would find the tool limiting.

Second‑order effects and future impact

Quick Study lowers the entry barrier for integrating visual artifacts into web applications. Its minimal footprint encourages experimentation with edge‑based rendering in production environments, potentially inspiring other lightweight visual tools. As developers adopt such techniques, demand for modular, library‑free solutions could rise, prompting LLMs and visual models to offer more plug‑and‑play APIs. The tool may also spur community contributions that extend brush styles or integrate color mapping algorithms.

What builders and businesses should do

  • Test Quick Study as a rapid UI mockup generator for client presentations.
  • Incorporate Sobel edge detection into existing image‑processing pipelines.
  • Benchmark performance on large image datasets to validate scalability.
  • Explore adding brush‑style presets or color palettes to broaden creative options.
  • Consider licensing or open‑sourcing the code to foster ecosystem growth.

The bottom line

Quick Study demonstrates that edge detection can power instant, brush‑style rendering without heavy libraries. Watch for updates that add color customization or brush‑style variety, which could broaden its appeal to both developers and designers.

#edge detection #canvas #web development #visual prototyping #AI tools

Related reading