How I automated markdown docs from UI screenshots using AI (opens in new tab)

Last month I was knee-deep in documenting a React component library I’d been building for six months. The library had 40+ components, each with 5–10 props, and I wanted to show actual UI screenshots alongside code examples. Taking those screenshots manually was a drag — but so was writing alt text and prop tables from scratch. I thought: surely there’s a tool that turns a screenshot into a markdown snippet with the component name, props, and description. So I went hunting. What I tried that d...