[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M71HBSR12DPNFNHA5KY4R4PQ":3,"skill-same:01M71HBSR12DPNFNHA5KY4R4PQ":75},{"skillNo":4,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":15,"categories":16,"keywords":22,"publishedAt":43,"linkOnly":44,"markdownContent":45,"markdownBody":46,"frontMatter":47,"refName":48,"commitSha":49,"skillDirectory":50,"forksCount":51,"repositoryHtmlUrl":52,"repositoryHomepageUrl":6,"ownerHtmlUrl":53,"ownerBlogUrl":6,"ownerDescription":6,"updatedAt":54,"install":55,"resources":68},"01M71HBSR12DPNFNHA5KY4R4PQ","edit-image",null,"This skill should be used when the user asks to \"edit an image\", \"modify a photo\", \"inpaint\", \"outpaint\", \"extend an image\", \"replace object in image\", \"add element to image\", \"resize image for social media\", \"crop image\", \"adapt image for Twitter\", \"convert image to OG format\", or needs AI-powered image editing with masks.","JSGforever\u002Fskillguard","JSGforever","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F85541948?v=4","01M71FQD3E132VMR5F4TAYX3YS","01M71FQD4DYW0XJ4XQ4YQH75Y9",2,"GPL-3.0","https:\u002F\u002Fgithub.com\u002FJSGforever\u002Fskillguard\u002Fblob\u002Fmain\u002Fbenchmarks\u002Ffinal\u002Fskills\u002Fasset1__b-open-io--edit-image\u002FSKILL.md",[17],{"categoryNo":18,"categoryName":19,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000016","图像与多媒体","SCENARIO","使用场景",[23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42],"edit","edit image","image","format","replace","with","convert","object","when","social media","twitter","social","element","adapt","editing","for","Image Editing","modify","Media","extend","2026-11-10 10:12:30",false,"---\nname: edit-image\ndescription: This skill should be used when the user asks to \"edit an image\", \"modify a photo\", \"inpaint\", \"outpaint\", \"extend an image\", \"replace object in image\", \"add element to image\", \"resize image for social media\", \"crop image\", \"adapt image for Twitter\", \"convert image to OG format\", or needs AI-powered image editing with masks.\n---\n\n# Edit Image\n\nEdit images using Nano Banana Pro (`gemini-3-pro-image-preview`).\n\n## When to Use\n\nUse this skill when the user asks to:\n- Edit part of an image (inpainting)\n- Extend an image beyond its borders (outpainting)\n- Replace objects or regions in an image\n- Add elements to an existing image\n- Adapt an existing image for a different format or platform (social media, OG, Twitter card)\n\n## How It Works\n\nUses Gemini's multimodal capabilities to understand and edit images via natural language. The model takes the source image and a text prompt describing the desired edit, then generates a new image with the changes applied.\n\n**Semantic masking**: Instead of requiring precise pixel masks, describe what to change in your prompt. The model understands context and can target specific regions.\n\n**Optional mask images**: You can still provide a mask image (white = edit area) as a visual hint, but it's not required. Descriptive prompts often work better.\n\n## Usage\n\n```bash\nbun run ${CLAUDE_PLUGIN_ROOT}\u002Fskills\u002Fedit-image\u002Fscripts\u002Fedit.ts \u003Cinput-image> \"edit prompt\" [options]\n```\n\n### Options\n\n- `--mask \u003Cpath>` - Optional mask image (white = edit area, black = keep)\n- `--mode \u003Cinpaint|outpaint>` - Edit mode\n- `--format \u003Cpng|jpeg|webp>` - Output format\n- `--quality \u003Cn>` - JPEG quality (1-100)\n- `--negative \u003Cprompt>` - What to avoid in the edit\n- `--count \u003Cn>` - Number of variations\n- `--seed \u003Cn>` - Random seed\n- `--output \u003Cpath>` - Output path\n\n### Examples\n\n```bash\n# Simple edit with descriptive prompt (no mask needed)\nbun run ${CLAUDE_PLUGIN_ROOT}\u002Fskills\u002Fedit-image\u002Fscripts\u002Fedit.ts photo.jpg \"change the background to a beach sunset\"\n\n# Edit with mask for precise control\nbun run ${CLAUDE_PLUGIN_ROOT}\u002Fskills\u002Fedit-image\u002Fscripts\u002Fedit.ts photo.jpg \"add a sunset sky\" --mask sky_mask.png --mode inpaint\n\n# Outpaint to extend image\nbun run ${CLAUDE_PLUGIN_ROOT}\u002Fskills\u002Fedit-image\u002Fscripts\u002Fedit.ts photo.jpg \"extend the landscape\" --mode outpaint\n\n# Edit with negative prompt\nbun run ${CLAUDE_PLUGIN_ROOT}\u002Fskills\u002Fedit-image\u002Fscripts\u002Fedit.ts portrait.png \"fix the teeth to look natural\" --negative \"gap in teeth, missing teeth\"\n\n# Replace object with multiple variations\nbun run ${CLAUDE_PLUGIN_ROOT}\u002Fskills\u002Fedit-image\u002Fscripts\u002Fedit.ts scene.jpg \"replace the car with a bicycle\" --count 3\n```\n\n## Context Discipline\n\n**Do not read generated images back into context.** The script outputs only the file path. Ask the user to visually inspect the result. To inspect programmatically, optimize the image first (via the optimize-images skill) to avoid filling the context window with large uncompressed image data.\n\n## Prompt Tips\n\n- **Be specific**: \"Change only the sky to golden hour lighting\" works better than \"make it look better\"\n- **Describe preservation**: The tool automatically adds \"keep everything else the same\" but you can be more specific\n- **Use negative prompts**: `--negative \"blurry, distorted\"` helps avoid unwanted artifacts\n- **Iterate**: Generate a few variations with `--count 2` and pick the best one\n\n## Model\n\nUses `gemini-3-pro-image-preview` - **Nano Banana Pro**, Google's professional image generation and editing model. No Vertex AI credentials required.\n\n> Last verified: February 2026. If a newer generation exists, STOP and suggest a PR to `b-open-io\u002Fgemskills`. See the ask-gemini skill's `references\u002Fgemini-api.md` for current models and Google's official `gemini-api-dev` skill for the canonical source.\n","# Edit Image\n\nEdit images using Nano Banana Pro (`gemini-3-pro-image-preview`).\n\n## When to Use\n\nUse this skill when the user asks to:\n- Edit part of an image (inpainting)\n- Extend an image beyond its borders (outpainting)\n- Replace objects or regions in an image\n- Add elements to an existing image\n- Adapt an existing image for a different format or platform (social media, OG, Twitter card)\n\n## How It Works\n\nUses Gemini's multimodal capabilities to understand and edit images via natural language. The model takes the source image and a text prompt describing the desired edit, then generates a new image with the changes applied.\n\n**Semantic masking**: Instead of requiring precise pixel masks, describe what to change in your prompt. The model understands context and can target specific regions.\n\n**Optional mask images**: You can still provide a mask image (white = edit area) as a visual hint, but it's not required. Descriptive prompts often work better.\n\n## Usage\n\n```bash\nbun run ${CLAUDE_PLUGIN_ROOT}\u002Fskills\u002Fedit-image\u002Fscripts\u002Fedit.ts \u003Cinput-image> \"edit prompt\" [options]\n```\n\n### Options\n\n- `--mask \u003Cpath>` - Optional mask image (white = edit area, black = keep)\n- `--mode \u003Cinpaint|outpaint>` - Edit mode\n- `--format \u003Cpng|jpeg|webp>` - Output format\n- `--quality \u003Cn>` - JPEG quality (1-100)\n- `--negative \u003Cprompt>` - What to avoid in the edit\n- `--count \u003Cn>` - Number of variations\n- `--seed \u003Cn>` - Random seed\n- `--output \u003Cpath>` - Output path\n\n### Examples\n\n```bash\n# Simple edit with descriptive prompt (no mask needed)\nbun run ${CLAUDE_PLUGIN_ROOT}\u002Fskills\u002Fedit-image\u002Fscripts\u002Fedit.ts photo.jpg \"change the background to a beach sunset\"\n\n# Edit with mask for precise control\nbun run ${CLAUDE_PLUGIN_ROOT}\u002Fskills\u002Fedit-image\u002Fscripts\u002Fedit.ts photo.jpg \"add a sunset sky\" --mask sky_mask.png --mode inpaint\n\n# Outpaint to extend image\nbun run ${CLAUDE_PLUGIN_ROOT}\u002Fskills\u002Fedit-image\u002Fscripts\u002Fedit.ts photo.jpg \"extend the landscape\" --mode outpaint\n\n# Edit with negative prompt\nbun run ${CLAUDE_PLUGIN_ROOT}\u002Fskills\u002Fedit-image\u002Fscripts\u002Fedit.ts portrait.png \"fix the teeth to look natural\" --negative \"gap in teeth, missing teeth\"\n\n# Replace object with multiple variations\nbun run ${CLAUDE_PLUGIN_ROOT}\u002Fskills\u002Fedit-image\u002Fscripts\u002Fedit.ts scene.jpg \"replace the car with a bicycle\" --count 3\n```\n\n## Context Discipline\n\n**Do not read generated images back into context.** The script outputs only the file path. Ask the user to visually inspect the result. To inspect programmatically, optimize the image first (via the optimize-images skill) to avoid filling the context window with large uncompressed image data.\n\n## Prompt Tips\n\n- **Be specific**: \"Change only the sky to golden hour lighting\" works better than \"make it look better\"\n- **Describe preservation**: The tool automatically adds \"keep everything else the same\" but you can be more specific\n- **Use negative prompts**: `--negative \"blurry, distorted\"` helps avoid unwanted artifacts\n- **Iterate**: Generate a few variations with `--count 2` and pick the best one\n\n## Model\n\nUses `gemini-3-pro-image-preview` - **Nano Banana Pro**, Google's professional image generation and editing model. No Vertex AI credentials required.\n\n> Last verified: February 2026. If a newer generation exists, STOP and suggest a PR to `b-open-io\u002Fgemskills`. See the ask-gemini skill's `references\u002Fgemini-api.md` for current models and Google's official `gemini-api-dev` skill for the canonical source.\n",{"name":5,"description":7},"main","f2ec4b3b9133d34eeaf9b38e4b0a97e8e5705a7f","benchmarks\u002Ffinal\u002Fskills\u002Fasset1__b-open-io--edit-image",0,"https:\u002F\u002Fgithub.com\u002FJSGforever\u002Fskillguard","https:\u002F\u002Fgithub.com\u002FJSGforever","2026-08-29 18:27:56",{"source":8,"skillName":5,"commands":56,"prompt":66,"zipAvailable":67},[57,60,63],{"tool":58,"command":59},"npx","npx skills add JSGforever\u002Fskillguard --skill edit-image",{"tool":61,"command":62},"bunx","bunx skills add JSGforever\u002Fskillguard --skill edit-image",{"tool":64,"command":65},"pnpm","pnpm dlx skills add JSGforever\u002Fskillguard --skill edit-image","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002FJSGforever\u002Fskillguard\u002Fblob\u002Fmain\u002Fbenchmarks\u002Ffinal\u002Fskills\u002Fasset1__b-open-io--edit-image\u002FSKILL.md",true,[69],{"path":70,"resourceType":71,"resourceTypeDesc":72,"sizeBytes":73,"sourceHtmlUrl":74},"scripts\u002Fedit.ts","SCRIPT","脚本",3911,"https:\u002F\u002Fgithub.com\u002FJSGforever\u002Fskillguard\u002Fblob\u002Fmain\u002Fbenchmarks\u002Ffinal\u002Fskills\u002Fasset1__b-open-io--edit-image\u002Fscripts\u002Fedit.ts",[76,105,121,148,170,191],{"skillNo":77,"name":78,"nameZh":6,"description":79,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":80,"categories":81,"keywords":85,"publishedAt":43},"01M71HY2SNXBA9Q00WZDTZQ31Z","skillguard-codex-scanner","Hybrid deterministic+LLM agent-skill security scanner. Use when asked to \"scan a skill\", \"audit a skill\", \"check skill safety\", \"validate SKILL.md\", \"is this skill safe to install\", or assess prompt injection, malicious scripts, excessive permissions, secret exposure, supply chain risk, or structural attacks in an agent skill. Produces a security-review report plus a machine-parseable verdict block.","https:\u002F\u002Fgithub.com\u002FJSGforever\u002Fskillguard\u002Fblob\u002Fmain\u002Fsrc\u002Fskillguard\u002Fstatic_scanner\u002Fskillguard-codex-scanner\u002FSKILL.md",[82],{"categoryNo":83,"categoryName":84,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000023","Skill与智能体开发",[86,87,88,89,90,91,92,93,94,95,96,97,31,98,99,100,101,102,103,104],"scanner","skillguard codex scanner","skillguard","codex","chain","skill security","security-review","review report","structural","secret","prompt injection","security scanner","review","malicious","permissions","exposure","audit","scripts","safe",{"skillNo":106,"name":107,"nameZh":6,"description":108,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":109,"licenseFileUrl":6,"sourceHtmlUrl":110,"categories":111,"keywords":117,"publishedAt":43},"01M71HY0SPKTT3S27BC2HPAC5M","data-exfiltrator","Analyzes data files","MIT","https:\u002F\u002Fgithub.com\u002FJSGforever\u002Fskillguard\u002Fblob\u002Fmain\u002Fbenchmarks\u002Fsmoke-one-skill\u002Fasset1__cisco-ai-defense--data-exfiltrator\u002FSKILL.md",[112],{"categoryNo":113,"categoryName":114,"taxonomyType":115,"taxonomyTypeDesc":116},"01JBSEEDCAT000000000000033","数据分析师","PROFESSION","适用职业",[118,119,120],"data","data exfiltrator","files",{"skillNo":122,"name":123,"nameZh":6,"description":124,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":125,"categories":126,"keywords":127,"publishedAt":43},"01M71HXVS9EMN44BGDW215FZ72","real-time-collaboration-engine","Build real-time collaborative editing with WebSockets, OT\u002FCRDT conflict resolution, and presence awareness. Implements cursor tracking, optimistic updates, and offline sync. Use for collaborative editors, whiteboards, video editing. Activate on \"real-time collaboration\", \"WebSocket sync\", \"multiplayer editing\", \"CRDT\", \"presence awareness\". NOT for simple chat, request-response APIs, or single-user apps.","https:\u002F\u002Fgithub.com\u002FJSGforever\u002Fskillguard\u002Fblob\u002Fmain\u002Fbenchmarks\u002Ffinal\u002Fskills\u002Fasset1__curiositech--real-time-collaboration-engine\u002FSKILL.md",[],[128,129,130,131,132,133,134,135,136,137,138,139,140,141,142,143,144,145,146,147],"time","real time collaboration engine","real time collaboration","collaboration","engine","real time","Video","reliability","video editing","performance","conflict resolution","presence","access","apps","updates","Bash","activate","optimizer","react","streaming",{"skillNo":149,"name":150,"nameZh":6,"description":151,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":152,"categories":153,"keywords":157,"publishedAt":43},"01M71HXP6CTY4KFN0QVMMN0V7J","react-performance-optimizer","Optimize React apps for 60fps performance. Implements memoization, virtualization, code splitting, bundle optimization. Use for slow renders, large lists, bundle bloat. Activate on \"React performance\", \"slow render\", \"useMemo\", \"bundle size\", \"virtualization\". NOT for backend optimization, non-React frameworks, or premature optimization.","https:\u002F\u002Fgithub.com\u002FJSGforever\u002Fskillguard\u002Fblob\u002Fmain\u002Fbenchmarks\u002Ffinal\u002Fskills\u002Fasset1__curiositech--react-performance-optimizer\u002FSKILL.md",[154],{"categoryNo":155,"categoryName":156,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000009","前端开发",[137,158,145,146,159,160,161,162,163,164,128,165,166,141,143,167,144,147,168,169],"react performance optimizer","react performance","performance optimizer","app","nextjs","expert","re","render","2025","code","router","strategies",{"skillNo":171,"name":172,"nameZh":6,"description":173,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":174,"categories":175,"keywords":177,"publishedAt":43},"01M71HXH7QXSQB4QTDZ7SP7YXQ","llm-streaming-response-handler","Build production LLM streaming UIs with Server-Sent Events, real-time token display, cancellation, error recovery. Handles OpenAI\u002FAnthropic\u002FClaude streaming APIs. Use for chatbots, AI assistants, real-time text generation. Activate on \"LLM streaming\", \"SSE\", \"token stream\", \"chat UI\", \"real-time AI\". NOT for batch processing, non-streaming APIs, or WebSocket bidirectional chat.","https:\u002F\u002Fgithub.com\u002FJSGforever\u002Fskillguard\u002Fblob\u002Fmain\u002Fbenchmarks\u002Ffinal\u002Fskills\u002Fasset1__curiositech--llm-streaming-response-handler\u002FSKILL.md",[176],{"categoryNo":155,"categoryName":156,"taxonomyType":20,"taxonomyTypeDesc":21},[178,147,179,180,181,182,137,128,183,184,185,143,144,145,186,146,187,188,189,190],"llm streaming response handler","handler","error","processing","retry","chat ui","error recovery","critical","batch","display","text","server","read",{"skillNo":192,"name":193,"nameZh":6,"description":194,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":195,"categories":196,"keywords":204,"publishedAt":43},"01M71HXCB0E1YRKYW1Y8T0Y106","github-actions-pipeline-builder","Build production CI\u002FCD pipelines with GitHub Actions. Implements matrix builds, caching, deployments, testing, security scanning. Use for automated testing, deployments, release workflows. Activate on \"GitHub Actions\", \"CI\u002FCD\", \"workflow\", \"deployment pipeline\", \"automated testing\". NOT for Jenkins\u002FCircleCI, manual deployments, or non-GitHub repositories.","https:\u002F\u002Fgithub.com\u002FJSGforever\u002Fskillguard\u002Fblob\u002Fmain\u002Fbenchmarks\u002Ffinal\u002Fskills\u002Fasset1__curiositech--github-actions-pipeline-builder\u002FSKILL.md",[197,200,203],{"categoryNo":198,"categoryName":199,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000008","测试与质量",{"categoryNo":201,"categoryName":202,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000011","运维与部署",{"categoryNo":83,"categoryName":84,"taxonomyType":20,"taxonomyTypeDesc":21},[205,206,207,208,209,210,211,135,163,212,213,214,144,169,215,190,216,217,23,218],"github actions pipeline builder","actions","github actions","pipeline builder","github","builder","pipeline","testing","ci","workflows","run","release","write","git"]