Ray So Code Snippet
- 279 repo stars
- Updated April 25, 2026
- intellectronica/agent-skills
Turn a code block into a shareable PNG for Twitter, docs, or launch posts without opening a browser manually.
About
ray-so-code-snippet is an agent skill that produces polished code snippet images through ray.so so developers can share readable screenshots in threads, newsletters, and README files. You invoke it when you already have the code and want a visual asset without fiddling with fonts and padding in Figma or a manual ray.so session. It fits developers shipping tutorials, open-source repos, or launch announcements where one clear screenshot beats a pasted block. The skill emphasizes local save paths so assets land next to your repo or content draft. It is a narrow generator, not a general screenshot or IDE capture tool—supply the snippet and formatting intent and let the agent render and store the image.
- Generates styled code images via ray.so from agent-supplied source text
- Saves PNGs to the working directory or a path you specify
- Triggered by requests for code screenshots, snippet images, or shareable code graphics
- No separate design tool—agent drives theme and formatting through the skill workflow
Ray So Code Snippet by the numbers
- Data as of Jul 20, 2026 (Skillselion catalog sync)
/plugin marketplace add intellectronica/agent-skills/plugin install ray-so-code-snippet@intellectronica-skillsAdd your badge
Show developers this skill is listed on Skillselion. Paste this into your README.
| repo stars | ★ 279 |
|---|---|
| Last updated | April 25, 2026 |
| Repository | intellectronica/agent-skills ↗ |
What it does
Turn a code block into a shareable PNG for Twitter, docs, or launch posts without opening a browser manually.
Files
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.
ray-so-code-snippet
Source: ./plugins/ray-so-code-snippet
{ "name": "ray-so-code-snippet", "source": "./plugins/ray-so-code-snippet", "version": "0.1.1769029639", "category": "productivity", "description": "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." }
Related skills
Remotion Best PracticesGet Remotion-specific coding guidance that prevents common video rendering mistakes when creating animated React videos.442k4.1k
Remotion RenderGenerate high-quality MP4 videos from React code using Remotion inside an AI coding agent.363k648Ai Video GenerationTurn written prompts into short videos using AI video generation models directly from Cursor or Claude.363k648Ai Avatar VideoGenerate short talking-head videos of custom AI avatars from text prompts.363k648Ai Image GenerationLet their coding agent generate, iterate on, and insert high-quality images directly into web apps, marketing assets, or product features.363k648
Video EditIntelligently route video editing requests to the best RunComfy model without trial-and-error.357k31