Can I customize the themes and colors?

Absolutely. The skill dynamically fetches the latest themes from ray.so and allows you to customize backgrounds, padding, line numbers, and dark/light modes.

What is the Ray.so Code Snippet skill?

It is a specialized capability for Claude Code that automates the generation of professionally styled code images via the ray.so service.

Do I need any extra tools installed to use this?

Yes, this skill requires 'agent-browser' to be available in your PATH to perform the automated web capture and image rendering.

Where are the generated images saved?

The resulting PNG files are saved directly to your current working directory or to a specific path if you provide one in your request.

What image resolution does it provide?

By default, it captures images at 4x native resolution using the html-to-image library, ensuring text remains crisp and sharp even on high-DPI displays.

Ray.so Code Snippet Generator

Name: Ray.so Code Snippet Generator
Author: intellectronica

byintellectronica

•

197

•

Design Tools

Creates high-resolution, aesthetically pleasing code snippet images directly from your source code using ray.so.

The Ray.so Code Snippet Generator is a specialized Claude Code skill that automates the creation of professional code screenshots for documentation, social media, or presentations. It leverages the ray.so engine to apply beautiful themes, syntax highlighting, and customizable padding, while using browser automation to capture high-DPI (4x resolution) PNG files directly to your local workspace. By streamlining the workflow from raw code to polished visuals, it eliminates manual browser interaction and ensures consistent, high-quality output for every snippet.

Key Features

01Full customization of padding, dark/light modes, and background gradients

02Direct local saving of PNG files to the current working directory

03197 GitHub stars

04Dynamic theme and language fetching from the official ray.so repository

05Automated high-DPI (4x) image capture for crisp text rendering

06Smart language inference based on file extensions or code syntax

Use Cases

01Producing high-quality visuals for team presentations and architectural reviews

02Creating polished code snippets for technical blog posts or documentation

03Generating shareable code images for social media platforms like X or LinkedIn

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add intellectronica/agent-skills skills

For use in Claude.ai and ChatGPT

Download Skill