Ready to supercharge your AI agents?

Install any skill in seconds. Free to start, no credit card required.

For code: for i in range(23):\n print(i) · mkurman | DecimalAI

design mediaby mkurman

For code: for i in range(23):\n print(i)

mkurman/ray-so-code-snippet

Source mkurman/zorai ↗License MIT

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.

SkillScore82Maintained

Automatic

Coding pack

Last verified 8/21/2026

What it changes

Passed 15 of 18 test cases with the skill, and 9 of 18 without it.

Without skill50%

With skill82%

Checks it passed that the model alone missed

Uses `#frame > div` as the CSS element selector
Sets the browser viewport to 1400 width by 900 height
Sets pixelRatio to 4 in the htmlToImage configuration object

and 5 more in the full report

8 fixed10 passed either way3 still failing1 broke

Pass-rate lift: +32 pp
Tokens: +89%
Agent turns: 0%
Response time: -60%

Model gemini-3.6-flashMeasured 8/21/2026v118 of 22 cases passed with skill · 18 comparable

Tokens, turns and time describe resource use, not a dollar price.

Use this skill

Save it into your project's skills folder. Claude Code picks it up in its next session.

curl -fsSL --create-dirs -o .claude/skills/mkurman-ray-so-code-snippet/SKILL.md https://app.decimal.ai/s/mkurman-ray-so-code-snippet/SKILL.md

Want it pinned and updatable? pip install "decimalai>=0.15", then decimalai skills add mkurman-ray-so-code-snippet, and start Claude Code with claude --plugin-dir "$(git rev-parse --show-toplevel)/.agents"

1 · One-time — install the CLI (docs ↗)

pip install "decimalai>=0.15"

2 · Get the skill — writes .agents/skills/mkurman-ray-so-code-snippet/ and pins it in .decimal/skills.lock

decimalai skills add mkurman-ray-so-code-snippet

No CLI? Get the same file — curl · raw file

curl -fsSL --create-dirs -o .claude/skills/mkurman-ray-so-code-snippet/SKILL.md https://app.decimal.ai/s/mkurman-ray-so-code-snippet/SKILL.md

Raw file: /s/mkurman-ray-so-code-snippet/SKILL.md ↗ · machine-readable summary at /s/mkurman-ray-so-code-snippet.json ↗

Safety checks: 3 of 3 passed

Code scan CleanIntent PassedContent Clean

See it in action

One of 8 test cases the skill fixed. Same model, same prompt, with and without the skill.

1 of 8

Prompt

What action should be taken immediately after saving the generated code snippet PNG file to `./output.png`?

What was checked, without and with the skill
Checked	Without skill	With skill
Reports the output file location and terminates without additional verification steps	Missed	Passed

case-13 · gemini-3.6-flash · 8/21/2026 · answers are capped and redacted

What's inside

The instructions your model reads when the skill loads.

SKILL.md168 linessingle file

-----|--------|---------| | theme | Any theme from list | breeze | | padding | 16, 32, 64, 128 | 64 | | background | true, false | true | | darkMode | true, false | true | | language | Any language from list, or "auto" | auto | | lineNumbers | true, false | false | | title | URL-encoded string | (none) | | width | Number (pixels) | auto | | code | Base64-encoded, then URL-encoded | (required) |

Note on width: Do NOT include the width parameter unless you specifically need a fixed width. Without it, ray.so auto-sizes the frame to fit the code content, avoiding unnecessary empty space.

Example URL construction:

# For code: for i in range(23):\n    print(i)
# Theme: midnight, Padding: 64, Dark mode: true, Background: true, Language: python, Title: test.py

CODE='for i in range(23):
    print(i)'
CODE_BASE64=$(echo -n "$CODE" | base64)
CODE_ENCODED=$(python3 -c "import urllib.parse; print(urllib.parse.quote('$CODE_BASE64'))")
TITLE_ENCODED=$(python3 -c "import urllib.parse; print(urllib.parse.quote('test.py'))")
URL="https://ray.so/#theme=midnight&padding=64&background=true&darkMode=true&language=python&title=${TITLE_ENCODED}&code=${CODE_ENCODED}"
echo "$URL"

Step 5: Capture High-Quality Image with agent-browser

MUST use agent-browser (verified in Step 1). This approach uses the html-to-image library (same as ray.so's internal export) with high pixelRatio for crisp, sharp text rendering.

IMPORTANT: Always use a unique session name with --session to avoid stale session issues.

# Generate unique session name
SESSION="rayso-$(date +%s)"

# 1. Set viewport
agent-browser --session $SESSION set viewport 1400 900

Track record

Benchmark

15 / 18

test cases passed, vs 9 / 18 without

Adoption

Users: 0
Times used: 0

Safety and source details

SkillSafety

✓ 3 of 3 passed

Code scan15 of 15 checks clean

0 critical · 0 warning · 0 info — scanner v4 — 8/3/2026

View 15 scanner checks

live_secretremote_code_executionreverse_shelldata_exfiltrationssrf_metadataagent_snoopinganti_refusaldestructive_commandsobfuscated_unicodeunicode_homoglyphopaque_blobsuspicious_urltool_overreachtrigger_abuseprompt_injection_phrasing

IntentSafe

LLM judge · does the skill do what it claims

ContentClean

LLM judge · policy & harmful-content review

Source

Imported

mkurman / zorai

skills/productivity/agent-skills/ray-so-code-snippet/SKILL.md

View on GitHub ↗

License MITImported 8/3/2026Version v1

Other skills for the same job

Published skills whose descriptions closely match this one, with their headline benchmark lift.

railly/rayGenerate code screenshots via ray.tinte.dev API. Use when user asks for code screenshots, code images, code snippets as images, or says "ray". Calls POST https://ray.tinte.dev/api/v1/screenshot and saves the PNG result.Close match+35 pp pass-rate lift

More skills from the same source and nearby in the registry, with their headline benchmark lift.