resource-image-generator

Generate brand-consistent placeholder preview images by creating deterministic 1920x1080 PNG pairs for light and dark themes. The tool wires these placeholders directly into repository metadata to replace missing screenshots for recipes, cookbooks, and examples.

UI skeleton placeholders are no-text visual frames that prevent content leakage while displaying resources. You need them for DevHub resources when real screenshots are unavailable, ensuring visuals align with the Databricks brand without exposing sensitive data.

Yes, the image generation process uses Playwright for browser automation and validates all generated PNGs by running npm verify:images. This ensures all placeholder previews meet repository standards before being wired into src/lib/recipes/recipes.ts.

Wire generated placeholder images into recipes.ts metadata by running the generator script, which automatically updates the src/lib/recipes/recipes.ts file with paths to the new 1920x1080 light and dark PNG pairs for each resource.

The no-text skeleton constraint limits placeholders to generic visual frames only, preventing any text rendering in the generated images. This avoids content leakage but means placeholders cannot display specific resource titles or descriptive information.