Agent skill · design visual · intellectronica
ray-so-code-snippet
Generate beautiful code snippet images using ray.so. This skill should be used when the user asks to create a code image, code screenshot, code snippet image, or wants to make their code look pretty for sharing. Saves images locally to the current working directory or a user-specified path.
Why this skill is useful
Adds specific commands and workflows for generating styled code snippet images using ray.so, which the AI wouldn't reliably generate on its own.
What it needs
Requires agent-browser installed locally. About 7k tokens when loaded. Last updated 2026-04-25. 281 stars on the source repository.
What this skill does
ray.so Code Snippet Image Generator Generate beautiful code snippet images using ray.so and save them locally. Requirements The user MUST provide the code snippet, either directly or by pointing to a file/selection in context MUST ask the user for ALL styling parameters before generating, presenting ALL available options MUST use agent-browser for screenshot capture (check availability first) Workflow Step 1: Verify agent-browser Availability Before proceeding, verify that agent-browser is available: If agent-browser is not found in the PATH, inform the user that this skill requires agent-browser and cannot proceed without it. Step 2: Fetch Available Options Fetch the current themes and languages from ray.so's GitHub repository using curl: Step 3: Ask User for ALL Parameters MUST use AskUserQuestion to ask for EVERY parameter, presenting ALL available options. Ask for parameters in this order: 3.1 Theme Selection Present ALL available themes. In the question, list every theme fetched from step 2. Example: 3.2 Language Selection Infer the language when possible. Skip this question if: The user explicitly specified a language The code comes from a file with a clear extension (e.g., .py → python, .js → javascript, .ts → typescript, .rs → rust, .go → go, etc.) The syntax is unmistakably identifiable (e.g., def/import → python, func/package → go, fn/let mut → rust) Only ask this question if the language cannot be confidently inferred: 3.3 Dark/Light Mode 3.4 Background 3.5 Padding 3.6 Line Numbers 3.7 Title Note: Do NOT ask about output path/filename. Save to the current working directory with a sensible filename (e.g., rayso-snippet.png, or based on the title if provided like fibonacci.png). Only use a different path if the user explicitly specifies one in their original request. Step 4: Build the ray.so URL CRITICAL: ALL parameters must be in the URL hash (after #), NOT in the query string. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills intellectronica/skills--4f95cd