Self-updating screenshots for documentation: A Jelly-based solution
By
bjhess
Toasted to a respectable shade. No regrets, no crumbs left.
Summary
James Adam describes building a self-updating screenshot system in Jelly for documentation sites. The tool automatically captures and updates screenshots when UI changes occur, solving the common problem of stale screenshots in help centers and documentation. The system uses a headless browser to take fresh screenshots based on defined scenarios, ensuring documentation visuals stay current without manual effort.
Key quotes
· 3 pulledI think this might be the neatest thing I've built in Jelly that nobody will ever notice.
If you've ever maintained a help centre or documentation site for a web application, you'll know the particular misery of screenshots.
You change the UI slightly – tweak a colour, move a button, update some copy – and suddenly every screenshot that includes that element is stale.
You might also wanna read
docc2json: Convert Apple DocC Documentation to Web-Friendly JSON Schema
docc2json is a Go command-line tool that converts Apple DocC documentation output into a clean, structured JSON schema optimized for web doc
Product Hunt·5mo ago
MCP Server Installation Guide Generator Tool
This article describes a tool that automatically generates installation guides for MCP (Model Context Protocol) Servers. The tool creates sh
mcp-install-instructions.alpic.cloud·9mo ago
Doksy: Convert GitHub README Files into Documentation Websites
Doksy is a tool that helps small open-source projects and indie developers quickly transform their GitHub README files into clean, professio
Product Hunt·9mo ago
Researcher's "ADHD" tool for Claude Code claims 2x improvement; experts call for more evidence
Solo researcher Udit Akhouri released a third-party Agent SDK tool called "ADHD" for Claude Code on Reddit, claiming it helps coding agents
bit.ly·1h ago
Microsoft Foundry Skill: Reusable Guidance for Coding Agent Workflows
The Microsoft Foundry Skill is a meta-skill for coding agents that provides reusable guidance for Foundry agent workflows. It helps standard
Claude Code on the Web: Cloud-Based Development Environment Documentation
This documentation page covers Claude Code on the web, Anthropic's cloud-based development environment at claude.ai/code. It explains how cl
code.claude.com·9h ago