Setting Up Code Snippet Rendering for a Developer Blog

Problem/Feature Description

A software consultancy runs a developer blog where engineers regularly publish technical posts featuring highlighted code examples. Until now, images have been created manually using screenshot tools, leading to inconsistent styling — different fonts, varying padding, and mismatched themes across posts. The engineering team wants to standardize how snippet images are produced so every post looks polished and on-brand.

You have been asked to set up the snippet rendering toolchain for the team's local dev environment. The setup should support at least two rendering profiles: one for general documentation use and one for social media posts (which typically need larger fonts and a watermark). After setup, the team should be able to validate that the environment is correctly configured and know which themes are available.

Output Specification

Produce a shell script named setup.sh that, when executed in a fresh project directory, will:

1. Initialize the snipgrapher configuration
2. Create a config file with sensible defaults and at least two named profiles
3. Validate that the environment is correctly configured

Also produce the final config file itself as snipgrapher.config.json showing the configuration that would result from running your setup. The config file should be fully populated (not just a placeholder) so the team can review it.

Write a brief setup-notes.md explaining any decisions made in the configuration (e.g., which theme was chosen, why, what each profile is for).