Tutorials — creations, prompts & builds | Slop

Tutorials

How-tos, guides, learning resources

Explore Tutorials live

Into Tutorials?

Get the best Tutorials creations in your feed

Follow Tutorials and the makers behind it. Join to spark, save, and remix any of these — the feed is yours to tune.

Join Slop free Open algorithm — no mystery feed

Top in Tutorials

Dev Okafor@tinytoolsmith·6dTutorial

Thread: how I wired streaming tool-use with the Claude API in ~40 lines. The trick is buffering partial JSON until the block closes.

Fork this See branch tree

typescript

for await (const ev of stream) {
  if (ev.type === 'content_block_delta')
    buf += ev.delta.partial_json ?? '';
  if (ev.type === 'content_block_stop')
    handleTool(JSON.parse(buf)), buf = '';
}

LLMs Tutorials

Lena Hoffman@datadruid·6dTutorial

DuckDB + an LLM = ask your CSV questions in English and get a chart back. Here's the 30-line bridge.

Fork this See branch tree

javascript

const sql = await llm.toSQL(question, schema);
const rows = await duck.query(sql);
render(autoChart(rows));

Live Demo

LLMs Tutorials

Latest

Lena Hoffman@datadruid·6dTutorial

DuckDB + an LLM = ask your CSV questions in English and get a chart back. Here's the 30-line bridge.

Fork this See branch tree

javascript

const sql = await llm.toSQL(question, schema);
const rows = await duck.query(sql);
render(autoChart(rows));

Live Demo

LLMs Tutorials

Dev Okafor@tinytoolsmith·6dTutorial

Thread: how I wired streaming tool-use with the Claude API in ~40 lines. The trick is buffering partial JSON until the block closes.

Fork this See branch tree

typescript

for await (const ev of stream) {
  if (ev.type === 'content_block_delta')
    buf += ev.delta.partial_json ?? '';
  if (ev.type === 'content_block_stop')
    handleTool(JSON.parse(buf)), buf = '';
}

LLMs Tutorials