AI Image Generation and Editing
zhayujie/CowAgent
Generates or edits images from text prompts through a Python script that picks an image backend based on which API keys are configured.
Generate a concise, shareable code snippet URL for code.franciscomoretti.com.
Apache-2.0Auto-check passed
Install Generate Code Snippet
$ npx skills add FranciscoMoretti/chat-js --skill generate-code-snippet -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install FranciscoMoretti/chat-js generate-code-snippet --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/FranciscoMoretti/chat-js.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/skills/generate-code-snippet .claude/skills/generate-code-snippet && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "generate-code-snippet" agent skill from https://github.com/FranciscoMoretti/chat-js/tree/main/.agents/skills/generate-code-snippet into .claude/skills/generate-code-snippet/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "generate-code-snippet", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/FranciscoMoretti/chat-js/tree/main/.agents/skills/generate-code-snippetType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add FranciscoMoretti/chat-js --skill generate-code-snippet -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install FranciscoMoretti/chat-js generate-code-snippet --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/FranciscoMoretti/chat-js.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.agents/skills/generate-code-snippet .agents/skills/generate-code-snippet && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "generate-code-snippet" agent skill from https://github.com/FranciscoMoretti/chat-js/tree/main/.agents/skills/generate-code-snippet into .agents/skills/generate-code-snippet/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "generate-code-snippet", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add FranciscoMoretti/chat-js --skill generate-code-snippet -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install FranciscoMoretti/chat-js generate-code-snippet --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/FranciscoMoretti/chat-js.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.agents/skills/generate-code-snippet .cursor/skills/generate-code-snippet && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "generate-code-snippet" agent skill from https://github.com/FranciscoMoretti/chat-js/tree/main/.agents/skills/generate-code-snippet into .cursor/skills/generate-code-snippet/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "generate-code-snippet", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/FranciscoMoretti/chat-js.git --path .agents/skills/generate-code-snippet--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add FranciscoMoretti/chat-js --skill generate-code-snippet -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install FranciscoMoretti/chat-js generate-code-snippet --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/FranciscoMoretti/chat-js.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.agents/skills/generate-code-snippet .gemini/skills/generate-code-snippet && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "generate-code-snippet" agent skill from https://github.com/FranciscoMoretti/chat-js/tree/main/.agents/skills/generate-code-snippet into .gemini/skills/generate-code-snippet/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "generate-code-snippet", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install FranciscoMoretti/chat-js generate-code-snippetInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add FranciscoMoretti/chat-js --skill generate-code-snippet -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/FranciscoMoretti/chat-js.git skills-src && mkdir -p .github/skills && cp -r skills-src/.agents/skills/generate-code-snippet .github/skills/generate-code-snippet && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "generate-code-snippet" agent skill from https://github.com/FranciscoMoretti/chat-js/tree/main/.agents/skills/generate-code-snippet into .github/skills/generate-code-snippet/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "generate-code-snippet", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add FranciscoMoretti/chat-js --skill generate-code-snippet -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install FranciscoMoretti/chat-js generate-code-snippet --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/FranciscoMoretti/chat-js.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.agents/skills/generate-code-snippet .opencode/skills/generate-code-snippet && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "generate-code-snippet" agent skill from https://github.com/FranciscoMoretti/chat-js/tree/main/.agents/skills/generate-code-snippet into .opencode/skills/generate-code-snippet/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "generate-code-snippet", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
generate-code-snippet- GitHub stars
- 1.2k
- Token cost
- ~178 tokens
- SKILL.md length
- 53 words
- Files
- 1
- Skills in repo
- 9
- Repo updated
- First seen
- Licence
- Apache-2.0
At a glance
Generate a concise, shareable code snippet URL for code.franciscomoretti.com.
- Preparing a code image
- Reaches code.franciscomoretti.com
- Short snippet for Twitter
What it does
Generate Code Snippet is an agent skill from FranciscoMoretti/chat-js. Generate a concise, shareable code snippet URL for code.franciscomoretti.com. Use when preparing a code image or short snippet for Twitter, X, social sharing, or a presentation.
Its SKILL.md is about 180 tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.
It works with X (Twitter), OpenAI and Google Gemini. The repository describes itself as: Production-ready AI chat. Start here and make it your own. Formerly Sparka AI. The licence is Apache-2.0.
When your agent uses it
- Preparing a code image
- Short snippet for Twitter
Example prompts
- “/generate-code-snippet”
What it can do on your machine
Read from SKILL.md and the folder at commit 3a6dfcb. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
No scripts in the folder and no shell commands in SKILL.md.
From the folder's file list and the shell code blocks in SKILL.md.
Network
Hosts in commands or code, which the agent is likely to contact:
code.franciscomoretti.com
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
Generate Code Snippet loads about 178 tokens when it runs. Until then it costs about 50 tokens; SKILL.md has 53 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
Safety
Auto-check passed
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
SKILL.md
The full file from FranciscoMoretti/chat-js at commit 3a6dfcb, republished under its Apache-2.0 licence (© FranciscoMoretti). 53 words, ~178 tokens.
Download SKILL.mdSave it as
.claude/skills/generate-code-snippet/SKILL.md (or your agent's skills folder).- name
- generate-code-snippet
- description
- Generate a concise, shareable code snippet URL for code.franciscomoretti.com. Use when preparing a code image or short snippet for Twitter, X, social sharing, or a presentation.
Generate a shareable code snippet
- Keep the snippet to 15 lines unless requested otherwise.
- Show one self-contained concept with real imports and a short opening comment.
- Prefer
tsx; useshellorjsonwhen appropriate.
Base64url-encode the snippet without padding, then construct:
https://code.franciscomoretti.com/#code=<base64url>&theme=sparka&darkMode=true&padding=64&language=<language>Return the snippet in a fenced code block and the complete URL.
© FranciscoMoretti, Apache-2.0. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Files
Just SKILL.md in .agents/skills/generate-code-snippet of FranciscoMoretti/chat-js.
Open the folder on GitHubat commit 3a6dfcb
Compare with similar skills
Generate Code Snippet next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Generate Code Snippet this skillFranciscoMoretti/chat-js | 1.2k | — | ~178 | Automated safety check: Pass | Apache-2.0 | |
| AI Image Generation and Editingzhayujie/CowAgent | 47k | — | ~1.3k | Automated safety check: Pass | MIT | |
| Nano Banana Pro Prompts Recommend SkillYouMind-OpenLab/nano-banana-pro-prompts-recommend-skill | 1.9k | 1 repos | ~4.1k | Automated safety check: Pass | None | |
| Codebase Managementgiancarloerra/SocratiCode | 3.3k | 1 repos | ~1.8k | Automated safety check: Pass | AGPL-3.0 | |
| AI Provenance Mark Removerguillaumemeyer/watermarks-remover | 23k | — | ~4.9k | Automated safety check: Pass | MIT | |
| ModLens Image Vision Bridgeliustack/modlens | 4.1k | — | ~1.3k | Automated safety check: Notes | MIT |
Similar skills
Nano Banana Pro Prompts Recommend Skill
YouMind-OpenLab/nano-banana-pro-prompts-recommend-skill
Recommend suitable prompts from 10,000+ Nano Banana Pro image generation prompts based on user needs.
Codebase Management
giancarloerra/SocratiCode
Set up, index, and manage SocratiCode codebase indexing. An agent skill from giancarloerra/SocratiCode.
AI Provenance Mark Remover
guillaumemeyer/watermarks-remover
Strips AI provenance marks from text and files: invisible Unicode, statistical text watermarks via rewriting, and C2PA, EXIF or XMP metadata across common formats.
ModLens Image Vision Bridge
liustack/modlens
Gives text-only models sight by running the modlens CLI on an image path or URL and returning structured JSON evidence with transcribed text, layout and semantics.
Codebase Exploration
giancarloerra/SocratiCode
Explore and understand codebases using SocratiCode semantic search, dependency graphs, and context artifacts.
More from FranciscoMoretti/chat-js
All 9 skills in this repoVitest Visual Testing
FranciscoMoretti/chat-js
Make @uiverify/vitest (Vitest browser-mode) captures deterministic so component visual tests stop coming back "changed" without a real change (flaky diffs).
Trpc Patterns
FranciscoMoretti/chat-js
Implement ChatJS tRPC routers, TanStack Query hooks, mutations, and cache invalidation.
Worktree Ports
FranciscoMoretti/chat-js
Discover and use stable per-app ports assigned to a local monorepo worktree.
Lazy Prefetch Pattern
FranciscoMoretti/chat-js
Use the ChatJS React Query v5 lazy-prefetch pattern without blocking server rendering.
Create Vercel AI Issue
FranciscoMoretti/chat-js
Create a well-formed GitHub issue in vercel/ai using the gh CLI.
Dev Auth Bypass
FranciscoMoretti/chat-js
Authenticate a browser against a local ChatJS app without OAuth.
Related
Works with
Questions about Generate Code Snippet
What does Generate Code Snippet do?
Generate a concise, shareable code snippet URL for code.franciscomoretti.com. Generate Code Snippet is an agent skill from FranciscoMoretti/chat-js.com.
When should I use Generate Code Snippet?
Generate Code Snippet fits situations like: preparing a code image; short snippet for Twitter.
How do I install Generate Code Snippet in Claude Code?
Run `npx skills add FranciscoMoretti/chat-js --skill generate-code-snippet -a claude-code`. Or copy the skill folder (.agents/skills/generate-code-snippet in FranciscoMoretti/chat-js) into .claude/skills/generate-code-snippet in your project. Claude Code loads it when a task matches its description.
How do I install Generate Code Snippet in Codex?
Run `npx skills add FranciscoMoretti/chat-js --skill generate-code-snippet -a codex`. Or copy the skill folder (.agents/skills/generate-code-snippet in FranciscoMoretti/chat-js) into .agents/skills/generate-code-snippet in your project. Codex loads it when a task matches its description.
Can I use Generate Code Snippet in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add FranciscoMoretti/chat-js --skill generate-code-snippet -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/generate-code-snippet, .gemini/skills/generate-code-snippet, .github/skills/generate-code-snippet and .opencode/skills/generate-code-snippet in your project.
What does Generate Code Snippet need to run?
SKILL.md names no scripts, command-line tools or credentials: Generate Code Snippet is instructions for the agent only.
Does Generate Code Snippet access the network?
SKILL.md names 1 domain. In commands or code: code.franciscomoretti.com; the agent is likely to contact it when it follows the instructions. This is read from the text; nothing was executed.
Is Generate Code Snippet safe to install?
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
What licence does Generate Code Snippet use?
Generate Code Snippet is published under the Apache-2.0 licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does Generate Code Snippet use?
About 178 tokens (SKILL.md is roughly 712 characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
What are the alternatives to Generate Code Snippet?
Skills that share tags, products or a category with Generate Code Snippet: AI Image Generation and Editing (zhayujie/CowAgent, 47k stars), Nano Banana Pro Prompts Recommend Skill (YouMind-OpenLab/nano-banana-pro-prompts-recommend-skill, 1.9k stars), Codebase Management (giancarloerra/SocratiCode, 3.3k stars) and AI Provenance Mark Remover (guillaumemeyer/watermarks-remover, 23k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Generate Code Snippet?
FranciscoMoretti (a GitHub user) maintains it in FranciscoMoretti/chat-js, which has 1,201 GitHub stars. The repository holds 9 skills in this directory. The repository was last updated on October 7, 2026.
Source: FranciscoMoretti/chat-js on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.