Render source code into polished images with highlighting, line numbers, and diffs.
Copy the install command and let the AI configure it · recommended for beginners
No copy-paste install info for "code-shot" yet — see the docs or source repo.
Render the following TypeScript code as an SVG image using a dark theme, show line numbers, and add the title "API Client Example". Code:
const fetchUser = async (id: string) => {
const res = await fetch(`/api/users/${id}`);
return res.json();
};A polished SVG code image with syntax highlighting, line numbers, and the requested title.
Render the following code changes as a PNG diff image, clearly marking added and removed lines, and show line numbers.
- const timeout = 3000;
+ const timeout = 5000;
- console.log('start');
+ console.info('start');A PNG diff image highlighting added and removed lines, suitable for reviews or updates.
Export this Python example as a PNG suitable for a blog post, using a light theme, larger font size, no filename, but keep line numbers. Code:
def fibonacci(n):
a, b = 0, 1
result = []
for _ in range(n):
result.append(a)
a, b = b, a + b
return resultA highly readable code image suitable for tutorials or blog posts.
Query code structure precisely to understand and analyze large codebases faster.
Compare UI screenshots, extract design tokens, and suggest CSS fixes.
Capture webpages and render HTML directly for AI-driven testing and analysis.
Extract and analyze precise code snippets while drastically cutting context costs.
Gives AI coding agents semantic code graphs for faster, more precise answers.
Explain Git diffs, flag risks, and generate code review checklists.