skills/ray/SKILL.md
Generate 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.
npx skillsauth add railly/tinte rayInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
Generate code screenshots by calling the ray.tinte.dev API.
POST https://ray.tinte.dev/api/v1/screenshot
Content-Type: application/json
| Param | Type | Default | Notes |
|-------|------|---------|-------|
| code | string | required | 1-10,000 chars |
| language | string | "typescript" | typescript, javascript, python, rust, go, java, cpp, c, html, css, json, bash, sql, markdown, toml |
| theme | string or TinteBlock | "one-hunter" | Slug from tinte.dev or inline object |
| mode | "dark" | "light" | "dark" | |
| padding | number | 32 | 0-256 |
| fontSize | number | 14 | 8-32 |
| lineNumbers | boolean | true | |
| title | string | "" | Window chrome title (max 100) |
| background | string | "midnight" | One of: midnight, sunset, ocean, forest, ember, steel, aurora, none. Hex colors are not accepted. |
| format | "png" | "png" | PNG only |
| scale | number | 2 | 1-4 (retina) |
background: "none" returns a transparent RGBA PNG. Useful when you want to composite the screenshot onto a custom background.padding: 0. If you're compositing the result, trim that halo first (e.g. magick input.png -trim +repage output.png).curl -s -X POST https://ray.tinte.dev/api/v1/screenshot \
-H 'Content-Type: application/json' \
-d '{
"code": "const greeting = \"Hello, world!\";",
"language": "typescript",
"theme": "one-hunter",
"title": "hello.ts"
}' -o screenshot.png && open screenshot.png
| Extension | Language | |-----------|----------| | .ts, .tsx | typescript | | .js, .jsx | javascript | | .py | python | | .rs | rust | | .go | go | | .java | java | | .cpp, .cc, .cxx | cpp | | .c, .h | c | | .html | html | | .css | css | | .json | json | | .sh, .bash | bash | | .sql | sql | | .md | markdown | | .toml | toml |
"one-hunter" (Vercel-inspired dark theme)"github-dark", "dracula", "catppuccin", etc.tools
Agent-native design system infrastructure. Browse, install, and preview design systems from tinte.dev. Use when user asks about themes, design systems, presets, color palettes, or says "tinte". Works with shadcn/cli v4 presets and registries.
development
Maintainer-only workflow for handling GitHub Secret Scanning alerts on OpenClaw. Use when Codex needs to triage, redact, clean up, and resolve secret leakage found in issue comments, issue bodies, PR comments, or other GitHub content.
development
Maintainer workflow for OpenClaw releases, prereleases, changelog release notes, and publish validation. Use when Codex needs to prepare or verify stable or beta release steps, align version naming, assemble release notes, check release auth requirements, or validate publish-time commands and artifacts.
development
Run, watch, debug, and extend OpenClaw QA testing with qa-lab and qa-channel. Use when Codex needs to execute the repo-backed QA suite, inspect live QA artifacts, debug failing scenarios, add new QA scenarios, or explain the OpenClaw QA workflow. Prefer the live OpenAI lane with regular openai/gpt-5.4 in fast mode; do not use gpt-5.4-pro or gpt-5.4-mini unless the user explicitly overrides that policy.