[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M71G7M056VCSQ6591EYB67W6":3,"skill-same:01M71G7M056VCSQ6591EYB67W6":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},"01M71G7M056VCSQ6591EYB67W6","generate-image",null,"Generate or edit images using AI models (FLUX, Gemini). Use for scientific illustrations, diagrams, schematics, infographics, concept visualizations, and artistic images. Supports image editing to modify existing images (change colors, add\u002Fremove elements, style transfer). Useful for figures, posters, and visual explanations.","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__Microck--claude-scientific-skills\u002Fscientific-skills\u002Fgenerate-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],"generate","generate image","image","for","gemini","modify","concept","visualizations","figures","add","flux","ai models","edit","useful","scientific","change","remove","Image Editing","diagrams","images","2026-11-10 10:12:30",false,"---\nname: generate-image\ndescription: Generate or edit images using AI models (FLUX, Gemini). Use for scientific illustrations, diagrams, schematics, infographics, concept visualizations, and artistic images. Supports image editing to modify existing images (change colors, add\u002Fremove elements, style transfer). Useful for figures, posters, and visual explanations.\n---\n\n# Generate Image\n\nGenerate and edit high-quality images using OpenRouter's image generation models including FLUX.2 Pro and Nano Banana Pro (Gemini 3 Pro).\n\n## Quick Start\n\nUse the `scripts\u002Fgenerate_image.py` script to generate or edit images:\n\n```bash\n# Generate a new image\npython scripts\u002Fgenerate_image.py \"A beautiful sunset over mountains\"\n\n# Edit an existing image\npython scripts\u002Fgenerate_image.py \"Make the sky purple\" --input photo.jpg\n```\n\nThis generates\u002Fedits an image and saves it as `generated_image.png` in the current directory.\n\n## API Key Setup\n\n**CRITICAL**: The script requires an OpenRouter API key. Before running, check if the user has configured their API key:\n\n1. Look for a `.env` file in the project directory or parent directories\n2. Check for `OPENROUTER_API_KEY=\u003Ckey>` in the `.env` file\n3. If not found, inform the user they need to:\n   - Create a `.env` file with `OPENROUTER_API_KEY=your-api-key-here`\n   - Or set the environment variable: `export OPENROUTER_API_KEY=your-api-key-here`\n   - Get an API key from: https:\u002F\u002Fopenrouter.ai\u002Fkeys\n\nThe script will automatically detect the `.env` file and provide clear error messages if the API key is missing.\n\n## Model Selection\n\n**Default model**: `google\u002Fgemini-3-pro-image-preview` (high quality, recommended)\n\n**Available models for generation and editing**:\n- `google\u002Fgemini-3-pro-image-preview` - High quality, supports generation + editing\n- `black-forest-labs\u002Fflux.2-pro` - Fast, high quality, supports generation + editing\n\n**Generation only**:\n- `black-forest-labs\u002Fflux.2-dev` - Development version, generation only\n\nSelect based on:\n- **Quality**: Use gemini-3-pro or flux.2-pro\n- **Editing**: Use gemini-3-pro or flux.2-pro (both support image editing)\n- **Cost**: Use flux.2-dev for generation only\n\n## Common Usage Patterns\n\n### Basic generation\n```bash\npython scripts\u002Fgenerate_image.py \"Your prompt here\"\n```\n\n### Specify model\n```bash\npython scripts\u002Fgenerate_image.py \"A cat in space\" --model \"black-forest-labs\u002Fflux.2-pro\"\n```\n\n### Custom output path\n```bash\npython scripts\u002Fgenerate_image.py \"Abstract art\" --output artwork.png\n```\n\n### Edit an existing image\n```bash\npython scripts\u002Fgenerate_image.py \"Make the background blue\" --input photo.jpg\n```\n\n### Edit with a specific model\n```bash\npython scripts\u002Fgenerate_image.py \"Add sunglasses to the person\" --input portrait.png --model \"black-forest-labs\u002Fflux.2-pro\"\n```\n\n### Edit with custom output\n```bash\npython scripts\u002Fgenerate_image.py \"Remove the text from the image\" --input screenshot.png --output cleaned.png\n```\n\n### Multiple images\nRun the script multiple times with different prompts or output paths:\n```bash\npython scripts\u002Fgenerate_image.py \"Image 1 description\" --output image1.png\npython scripts\u002Fgenerate_image.py \"Image 2 description\" --output image2.png\n```\n\n## Script Parameters\n\n- `prompt` (required): Text description of the image to generate, or editing instructions\n- `--input` or `-i`: Input image path for editing (enables edit mode)\n- `--model` or `-m`: OpenRouter model ID (default: google\u002Fgemini-3-pro-image-preview)\n- `--output` or `-o`: Output file path (default: generated_image.png)\n- `--api-key`: OpenRouter API key (overrides .env file)\n\n## Error Handling\n\nThe script provides clear error messages for:\n- Missing API key (with setup instructions)\n- API errors (with status codes)\n- Unexpected response formats\n- Missing dependencies (requests library)\n\nIf the script fails, read the error message and address the issue before retrying.\n\n## Notes\n\n- Images are returned as base64-encoded data URLs and automatically saved as PNG files\n- The script supports both `images` and `content` response formats from different OpenRouter models\n- Generation time varies by model (typically 5-30 seconds)\n- For image editing, the input image is encoded as base64 and sent to the model\n- Supported input image formats: PNG, JPEG, GIF, WebP\n- Check OpenRouter pricing for cost information: https:\u002F\u002Fopenrouter.ai\u002Fmodels\n\n## Image Editing Tips\n\n- Be specific about what changes you want (e.g., \"change the sky to sunset colors\" vs \"edit the sky\")\n- Reference specific elements in the image when possible\n- For best results, use clear and detailed editing instructions\n- Both Gemini 3 Pro and FLUX.2 Pro support image editing through OpenRouter\n","# Generate Image\n\nGenerate and edit high-quality images using OpenRouter's image generation models including FLUX.2 Pro and Nano Banana Pro (Gemini 3 Pro).\n\n## Quick Start\n\nUse the `scripts\u002Fgenerate_image.py` script to generate or edit images:\n\n```bash\n# Generate a new image\npython scripts\u002Fgenerate_image.py \"A beautiful sunset over mountains\"\n\n# Edit an existing image\npython scripts\u002Fgenerate_image.py \"Make the sky purple\" --input photo.jpg\n```\n\nThis generates\u002Fedits an image and saves it as `generated_image.png` in the current directory.\n\n## API Key Setup\n\n**CRITICAL**: The script requires an OpenRouter API key. Before running, check if the user has configured their API key:\n\n1. Look for a `.env` file in the project directory or parent directories\n2. Check for `OPENROUTER_API_KEY=\u003Ckey>` in the `.env` file\n3. If not found, inform the user they need to:\n   - Create a `.env` file with `OPENROUTER_API_KEY=your-api-key-here`\n   - Or set the environment variable: `export OPENROUTER_API_KEY=your-api-key-here`\n   - Get an API key from: https:\u002F\u002Fopenrouter.ai\u002Fkeys\n\nThe script will automatically detect the `.env` file and provide clear error messages if the API key is missing.\n\n## Model Selection\n\n**Default model**: `google\u002Fgemini-3-pro-image-preview` (high quality, recommended)\n\n**Available models for generation and editing**:\n- `google\u002Fgemini-3-pro-image-preview` - High quality, supports generation + editing\n- `black-forest-labs\u002Fflux.2-pro` - Fast, high quality, supports generation + editing\n\n**Generation only**:\n- `black-forest-labs\u002Fflux.2-dev` - Development version, generation only\n\nSelect based on:\n- **Quality**: Use gemini-3-pro or flux.2-pro\n- **Editing**: Use gemini-3-pro or flux.2-pro (both support image editing)\n- **Cost**: Use flux.2-dev for generation only\n\n## Common Usage Patterns\n\n### Basic generation\n```bash\npython scripts\u002Fgenerate_image.py \"Your prompt here\"\n```\n\n### Specify model\n```bash\npython scripts\u002Fgenerate_image.py \"A cat in space\" --model \"black-forest-labs\u002Fflux.2-pro\"\n```\n\n### Custom output path\n```bash\npython scripts\u002Fgenerate_image.py \"Abstract art\" --output artwork.png\n```\n\n### Edit an existing image\n```bash\npython scripts\u002Fgenerate_image.py \"Make the background blue\" --input photo.jpg\n```\n\n### Edit with a specific model\n```bash\npython scripts\u002Fgenerate_image.py \"Add sunglasses to the person\" --input portrait.png --model \"black-forest-labs\u002Fflux.2-pro\"\n```\n\n### Edit with custom output\n```bash\npython scripts\u002Fgenerate_image.py \"Remove the text from the image\" --input screenshot.png --output cleaned.png\n```\n\n### Multiple images\nRun the script multiple times with different prompts or output paths:\n```bash\npython scripts\u002Fgenerate_image.py \"Image 1 description\" --output image1.png\npython scripts\u002Fgenerate_image.py \"Image 2 description\" --output image2.png\n```\n\n## Script Parameters\n\n- `prompt` (required): Text description of the image to generate, or editing instructions\n- `--input` or `-i`: Input image path for editing (enables edit mode)\n- `--model` or `-m`: OpenRouter model ID (default: google\u002Fgemini-3-pro-image-preview)\n- `--output` or `-o`: Output file path (default: generated_image.png)\n- `--api-key`: OpenRouter API key (overrides .env file)\n\n## Error Handling\n\nThe script provides clear error messages for:\n- Missing API key (with setup instructions)\n- API errors (with status codes)\n- Unexpected response formats\n- Missing dependencies (requests library)\n\nIf the script fails, read the error message and address the issue before retrying.\n\n## Notes\n\n- Images are returned as base64-encoded data URLs and automatically saved as PNG files\n- The script supports both `images` and `content` response formats from different OpenRouter models\n- Generation time varies by model (typically 5-30 seconds)\n- For image editing, the input image is encoded as base64 and sent to the model\n- Supported input image formats: PNG, JPEG, GIF, WebP\n- Check OpenRouter pricing for cost information: https:\u002F\u002Fopenrouter.ai\u002Fmodels\n\n## Image Editing Tips\n\n- Be specific about what changes you want (e.g., \"change the sky to sunset colors\" vs \"edit the sky\")\n- Reference specific elements in the image when possible\n- For best results, use clear and detailed editing instructions\n- Both Gemini 3 Pro and FLUX.2 Pro support image editing through OpenRouter\n",{"name":5,"description":7},"main","f2ec4b3b9133d34eeaf9b38e4b0a97e8e5705a7f","benchmarks\u002Ffinal\u002Fskills\u002Fasset1__Microck--claude-scientific-skills\u002Fscientific-skills\u002Fgenerate-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 generate-image",{"tool":61,"command":62},"bunx","bunx skills add JSGforever\u002Fskillguard --skill generate-image",{"tool":64,"command":65},"pnpm","pnpm dlx skills add JSGforever\u002Fskillguard --skill generate-image","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002FJSGforever\u002Fskillguard\u002Fblob\u002Fmain\u002Fbenchmarks\u002Ffinal\u002Fskills\u002Fasset1__Microck--claude-scientific-skills\u002Fscientific-skills\u002Fgenerate-image\u002FSKILL.md",true,[69],{"path":70,"resourceType":71,"resourceTypeDesc":72,"sizeBytes":73,"sourceHtmlUrl":74},"scripts\u002Fgenerate_image.py","SCRIPT","脚本",8785,"https:\u002F\u002Fgithub.com\u002FJSGforever\u002Fskillguard\u002Fblob\u002Fmain\u002Fbenchmarks\u002Ffinal\u002Fskills\u002Fasset1__Microck--claude-scientific-skills\u002Fscientific-skills\u002Fgenerate-image\u002Fscripts\u002Fgenerate_image.py",[76,106,122,149,171,192],{"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,98,99,100,101,102,103,104,105],"scanner","skillguard codex scanner","skillguard","codex","chain","skill security","security-review","review report","structural","secret","prompt injection","security scanner","when","review","malicious","permissions","exposure","audit","scripts","safe",{"skillNo":107,"name":108,"nameZh":6,"description":109,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":110,"licenseFileUrl":6,"sourceHtmlUrl":111,"categories":112,"keywords":118,"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",[113],{"categoryNo":114,"categoryName":115,"taxonomyType":116,"taxonomyTypeDesc":117},"01JBSEEDCAT000000000000033","数据分析师","PROFESSION","适用职业",[119,120,121],"data","data exfiltrator","files",{"skillNo":123,"name":124,"nameZh":6,"description":125,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":126,"categories":127,"keywords":128,"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",[],[129,130,131,132,133,134,135,136,137,138,139,140,141,142,143,144,145,146,147,148],"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":150,"name":151,"nameZh":6,"description":152,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":153,"categories":154,"keywords":158,"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",[155],{"categoryNo":156,"categoryName":157,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000009","前端开发",[138,159,146,147,160,161,162,163,164,165,129,166,167,142,144,168,145,148,169,170],"react performance optimizer","react performance","performance optimizer","app","nextjs","expert","re","render","2025","code","router","strategies",{"skillNo":172,"name":173,"nameZh":6,"description":174,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":175,"categories":176,"keywords":178,"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",[177],{"categoryNo":156,"categoryName":157,"taxonomyType":20,"taxonomyTypeDesc":21},[179,148,180,181,182,183,138,129,184,185,186,144,145,146,187,147,188,189,190,191],"llm streaming response handler","handler","error","processing","retry","chat ui","error recovery","critical","batch","display","text","server","read",{"skillNo":193,"name":194,"nameZh":6,"description":195,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":196,"categories":197,"keywords":205,"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",[198,201,204],{"categoryNo":199,"categoryName":200,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000008","测试与质量",{"categoryNo":202,"categoryName":203,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000011","运维与部署",{"categoryNo":83,"categoryName":84,"taxonomyType":20,"taxonomyTypeDesc":21},[206,207,208,209,210,211,212,136,164,213,214,215,145,170,216,191,217,218,35,219],"github actions pipeline builder","actions","github actions","pipeline builder","github","builder","pipeline","testing","ci","workflows","run","release","write","git"]