Stekpad's core interaction is point-and-click. You never write CSS selectors or XPath — you click the data you want, and Stekpad's Gemma-powered engine infers the pattern for the rest of the page.

How it works

When you click an element, Stekpad captures the DOM context around your click (parent tags, sibling structure, text content) and sends it to a Gemma-3 model running on Cloudflare Workers AI. The model returns a pattern description — not a CSS selector but a structural description like "the price span inside every product card in the grid."

Stekpad then resolves the pattern against the current DOM and highlights every matching element. You can add more fields by clicking additional elements, and each click extends the recipe.

Adding fields

After your first click, Stekpad shows a panel with the inferred field. Click the label to rename it (e.g., "price"). Click another element on the page to add a second field. Repeat for every column you want.

Correcting mistakes

If Stekpad picks up too many or too few elements, right-click any highlighted element to "exclude this row" or "include similar rows." The pattern re-infers and you can continue.