[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M71CG4T06R4A4BGF9561VM4F":3,"skill-same:01M71CG4T06R4A4BGF9561VM4F":80},{"skillNo":4,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":16,"categories":17,"keywords":23,"publishedAt":44,"linkOnly":45,"markdownContent":46,"markdownBody":47,"frontMatter":48,"refName":53,"commitSha":54,"skillDirectory":55,"forksCount":56,"repositoryHtmlUrl":57,"repositoryHomepageUrl":6,"ownerHtmlUrl":58,"ownerBlogUrl":6,"ownerDescription":6,"updatedAt":59,"install":60,"resources":73},"01M71CG4T06R4A4BGF9561VM4F","generate-image",null,"Generate or edit images using AI models (FLUX, Nano Banana 2). Use for general-purpose image generation including photos, illustrations, artwork, visual assets, concept art, and any image that is not a technical diagram or schematic. For flowcharts, circuits, pathways, and technical diagrams, use the scientific-schematics skill instead.","strmt7\u002Fai_skills_collection_benchmarked","strmt7","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F28989754?v=4","01M71929P914SWKQ7QJV24NBBY","Stratos","01M71929Q9VGKQ7PWYR95VSQQQ",1,"MIT","https:\u002F\u002Fgithub.com\u002Fstrmt7\u002Fai_skills_collection_benchmarked\u002Fblob\u002Fmain\u002Fincluded\u002Fskills\u002Fby-category\u002Fscience-research-data-analysis\u002Flatest-release-community\u002Fgenerate-image\u002FSKILL.md",[18],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000016","图像与多媒体","SCENARIO","使用场景",[24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43],"generate","generate image","image","Art","for","concept","schematic","nano banana 2","ai models","scientific","flux","banana","general","diagrams","images","edit","technical","openrouter","api","diagram","2026-11-10 10:12:30",false,"---\nname: generate-image\ndescription: Generate or edit images using AI models (FLUX, Nano Banana 2). Use for general-purpose image generation including photos, illustrations, artwork, visual assets, concept art, and any image that is not a technical diagram or schematic. For flowcharts, circuits, pathways, and technical diagrams, use the scientific-schematics skill instead.\nlicense: MIT license\ncompatibility: Requires an OpenRouter API key\nmetadata:\n    skill-author: K-Dense Inc.\n---\n\n# Generate Image\n\nGenerate and edit high-quality images using OpenRouter's image generation models including FLUX.2 Pro and Gemini 3.1 Flash Image Preview.\n\n## When to Use This Skill\n\n**Use generate-image for:**\n- Photos and photorealistic images\n- Artistic illustrations and artwork\n- Concept art and visual concepts\n- Visual assets for presentations or documents\n- Image editing and modifications\n- Any general-purpose image generation needs\n\n**Use scientific-schematics instead for:**\n- Flowcharts and process diagrams\n- Circuit diagrams and electrical schematics\n- Biological pathways and signaling cascades\n- System architecture diagrams\n- CONSORT diagrams and methodology flowcharts\n- Any technical\u002Fschematic diagrams\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.1-flash-image-preview` (high quality, recommended)\n\n**Available models for generation and editing**:\n- `google\u002Fgemini-3.1-flash-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-flex` - Fast and cheap, but not as high quality as pro\n\nSelect based on:\n- **Quality**: Use gemini-3.1-flash-image-preview or flux.2-pro\n- **Editing**: Use gemini-3.1-flash-image-preview or flux.2-pro (both support image editing)\n- **Cost**: Use flux.2-flex 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.1-flash-image-preview)\n- `--output` or `-o`: Output file path (default: generated_image.png)\n- `--api-key`: OpenRouter API key (overrides .env file)\n\n## Example Use Cases\n\n### For Scientific Documents\n```bash\n# Generate a conceptual illustration for a paper\npython scripts\u002Fgenerate_image.py \"Microscopic view of cancer cells being attacked by immunotherapy agents, scientific illustration style\" --output figures\u002Fimmunotherapy_concept.png\n\n# Create a visual for a presentation\npython scripts\u002Fgenerate_image.py \"DNA double helix structure with highlighted mutation site, modern scientific visualization\" --output slides\u002Fdna_mutation.png\n```\n\n### For Presentations and Posters\n```bash\n# Title slide background\npython scripts\u002Fgenerate_image.py \"Abstract blue and white background with subtle molecular patterns, professional presentation style\" --output slides\u002Fbackground.png\n\n# Poster hero image\npython scripts\u002Fgenerate_image.py \"Laboratory setting with modern equipment, photorealistic, well-lit\" --output poster\u002Fhero.png\n```\n\n### For General Visual Content\n```bash\n# Website or documentation images\npython scripts\u002Fgenerate_image.py \"Professional team collaboration around a digital whiteboard, modern office\" --output docs\u002Fteam_collaboration.png\n\n# Marketing materials\npython scripts\u002Fgenerate_image.py \"Futuristic AI brain concept with glowing neural networks\" --output marketing\u002Fai_concept.png\n```\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.1 Flash Image Preview and FLUX.2 Pro support image editing through OpenRouter\n\n## Integration with Other Skills\n\n- **scientific-schematics**: Use for technical diagrams, flowcharts, circuits, pathways\n- **generate-image**: Use for photos, illustrations, artwork, visual concepts\n- **scientific-slides**: Combine with generate-image for visually rich presentations\n- **latex-posters**: Use generate-image for poster visuals and hero images\n","# Generate Image\n\nGenerate and edit high-quality images using OpenRouter's image generation models including FLUX.2 Pro and Gemini 3.1 Flash Image Preview.\n\n## When to Use This Skill\n\n**Use generate-image for:**\n- Photos and photorealistic images\n- Artistic illustrations and artwork\n- Concept art and visual concepts\n- Visual assets for presentations or documents\n- Image editing and modifications\n- Any general-purpose image generation needs\n\n**Use scientific-schematics instead for:**\n- Flowcharts and process diagrams\n- Circuit diagrams and electrical schematics\n- Biological pathways and signaling cascades\n- System architecture diagrams\n- CONSORT diagrams and methodology flowcharts\n- Any technical\u002Fschematic diagrams\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.1-flash-image-preview` (high quality, recommended)\n\n**Available models for generation and editing**:\n- `google\u002Fgemini-3.1-flash-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-flex` - Fast and cheap, but not as high quality as pro\n\nSelect based on:\n- **Quality**: Use gemini-3.1-flash-image-preview or flux.2-pro\n- **Editing**: Use gemini-3.1-flash-image-preview or flux.2-pro (both support image editing)\n- **Cost**: Use flux.2-flex 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.1-flash-image-preview)\n- `--output` or `-o`: Output file path (default: generated_image.png)\n- `--api-key`: OpenRouter API key (overrides .env file)\n\n## Example Use Cases\n\n### For Scientific Documents\n```bash\n# Generate a conceptual illustration for a paper\npython scripts\u002Fgenerate_image.py \"Microscopic view of cancer cells being attacked by immunotherapy agents, scientific illustration style\" --output figures\u002Fimmunotherapy_concept.png\n\n# Create a visual for a presentation\npython scripts\u002Fgenerate_image.py \"DNA double helix structure with highlighted mutation site, modern scientific visualization\" --output slides\u002Fdna_mutation.png\n```\n\n### For Presentations and Posters\n```bash\n# Title slide background\npython scripts\u002Fgenerate_image.py \"Abstract blue and white background with subtle molecular patterns, professional presentation style\" --output slides\u002Fbackground.png\n\n# Poster hero image\npython scripts\u002Fgenerate_image.py \"Laboratory setting with modern equipment, photorealistic, well-lit\" --output poster\u002Fhero.png\n```\n\n### For General Visual Content\n```bash\n# Website or documentation images\npython scripts\u002Fgenerate_image.py \"Professional team collaboration around a digital whiteboard, modern office\" --output docs\u002Fteam_collaboration.png\n\n# Marketing materials\npython scripts\u002Fgenerate_image.py \"Futuristic AI brain concept with glowing neural networks\" --output marketing\u002Fai_concept.png\n```\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.1 Flash Image Preview and FLUX.2 Pro support image editing through OpenRouter\n\n## Integration with Other Skills\n\n- **scientific-schematics**: Use for technical diagrams, flowcharts, circuits, pathways\n- **generate-image**: Use for photos, illustrations, artwork, visual concepts\n- **scientific-slides**: Combine with generate-image for visually rich presentations\n- **latex-posters**: Use generate-image for poster visuals and hero images\n",{"name":5,"license":49,"metadata":50,"description":7,"compatibility":52},"MIT license",{"skill-author":51},"K-Dense Inc.","Requires an OpenRouter API key","main","5c95bcac4646c5aed06bd9aed5235cfc7985aafc","included\u002Fskills\u002Fby-category\u002Fscience-research-data-analysis\u002Flatest-release-community\u002Fgenerate-image",0,"https:\u002F\u002Fgithub.com\u002Fstrmt7\u002Fai_skills_collection_benchmarked","https:\u002F\u002Fgithub.com\u002Fstrmt7","2026-11-11 04:18:12",{"source":8,"skillName":5,"commands":61,"prompt":71,"zipAvailable":72},[62,65,68],{"tool":63,"command":64},"npx","npx skills add strmt7\u002Fai_skills_collection_benchmarked --skill generate-image",{"tool":66,"command":67},"bunx","bunx skills add strmt7\u002Fai_skills_collection_benchmarked --skill generate-image",{"tool":69,"command":70},"pnpm","pnpm dlx skills add strmt7\u002Fai_skills_collection_benchmarked --skill generate-image","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fstrmt7\u002Fai_skills_collection_benchmarked\u002Fblob\u002Fmain\u002Fincluded\u002Fskills\u002Fby-category\u002Fscience-research-data-analysis\u002Flatest-release-community\u002Fgenerate-image\u002FSKILL.md",true,[74],{"path":75,"resourceType":76,"resourceTypeDesc":77,"sizeBytes":78,"sourceHtmlUrl":79},"scripts\u002Fgenerate_image.py","SCRIPT","脚本",8783,"https:\u002F\u002Fgithub.com\u002Fstrmt7\u002Fai_skills_collection_benchmarked\u002Fblob\u002Fmain\u002Fincluded\u002Fskills\u002Fby-category\u002Fscience-research-data-analysis\u002Flatest-release-community\u002Fgenerate-image\u002Fscripts\u002Fgenerate_image.py",[81,112,141,166,192,220],{"skillNo":82,"name":83,"nameZh":6,"description":84,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":85,"licenseFileUrl":86,"sourceHtmlUrl":87,"categories":88,"keywords":95,"publishedAt":44},"01M71D4H3T6M57DFKN8HENAWRV","webapp-testing","Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.","Apache-2.0","https:\u002F\u002Fgithub.com\u002Fstrmt7\u002Fai_skills_collection_benchmarked\u002Fblob\u002Fmain\u002Fincluded\u002Fskills\u002Fby-category\u002Ftesting-qa-benchmarking\u002Fofficial-reference\u002Fwebapp-testing\u002FLICENSE.txt","https:\u002F\u002Fgithub.com\u002Fstrmt7\u002Fai_skills_collection_benchmarked\u002Fblob\u002Fmain\u002Fincluded\u002Fskills\u002Fby-category\u002Ftesting-qa-benchmarking\u002Fofficial-reference\u002Fwebapp-testing\u002FSKILL.md",[89,92],{"categoryNo":90,"categoryName":91,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000008","测试与质量",{"categoryNo":93,"categoryName":94,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000009","前端开发",[96,97,98,28,99,100,101,102,103,104,105,106,107,108,109,110,111],"webapp","testing","webapp testing","applications","local","frontend","debugging","toolkit","logs","browser","with","playwright","web","behavior","ui","screenshots",{"skillNo":113,"name":114,"nameZh":6,"description":115,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":85,"licenseFileUrl":116,"sourceHtmlUrl":117,"categories":118,"keywords":122,"publishedAt":44},"01M71D4CQR2A2TB7GASCR5ZBG3","skill-creator","Create new skills, modify and improve existing skills, and measure skill performance. Use when users want to create a skill from scratch, edit, or optimize an existing skill, run evals to test a skill, benchmark skill performance with variance analysis, or optimize a skill's description for better triggering accuracy.","https:\u002F\u002Fgithub.com\u002Fstrmt7\u002Fai_skills_collection_benchmarked\u002Fblob\u002Fmain\u002Fincluded\u002Fskills\u002Fby-category\u002Ftesting-qa-benchmarking\u002Fofficial-reference\u002Fskill-creator-anthropics\u002FLICENSE.txt","https:\u002F\u002Fgithub.com\u002Fstrmt7\u002Fai_skills_collection_benchmarked\u002Fblob\u002Fmain\u002Fincluded\u002Fskills\u002Fby-category\u002Ftesting-qa-benchmarking\u002Fofficial-reference\u002Fskill-creator-anthropics\u002FSKILL.md",[119],{"categoryNo":120,"categoryName":121,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000023","Skill与智能体开发",[123,124,125,126,127,128,129,130,131,132,133,134,39,135,136,137,138,139,28,140],"skill creator","creator","performance","improve","run evals","new","when","analysis","create","optimize","variance analysis","run","benchmark","a skill","existing skill","evals","modify","accuracy",{"skillNo":142,"name":143,"nameZh":6,"description":144,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":145,"categories":146,"keywords":149,"publishedAt":44},"01M71D488XHEZVXXSXFYP8ENMH","playwright-skill","Complete browser automation with Playwright. Auto-detects dev servers, writes reusable test scripts, and supports screenshots, responsive checks, UX validation, login flows, link checks, and arbitrary browser automation. Use when the user wants to test a website, automate browser interactions, validate web functionality, or perform browser-based testing.","https:\u002F\u002Fgithub.com\u002Fstrmt7\u002Fai_skills_collection_benchmarked\u002Fblob\u002Fmain\u002Fincluded\u002Fskills\u002Fby-category\u002Ftesting-qa-benchmarking\u002Flatest-release-browser-automation\u002Fplaywright-skill\u002FSKILL.md",[147,148],{"categoryNo":90,"categoryName":91,"taxonomyType":21,"taxonomyTypeDesc":22},{"categoryNo":120,"categoryName":121,"taxonomyType":21,"taxonomyTypeDesc":22},[107,150,151,152,97,153,154,129,155,105,156,157,158,159,160,161,162,163,164,165],"playwright skill","browser automation","flows","auto","access","Bash","website","ux","login","scripts","read","write","node","install","network","responsive",{"skillNo":167,"name":168,"nameZh":6,"description":169,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":85,"licenseFileUrl":170,"sourceHtmlUrl":171,"categories":172,"keywords":174,"publishedAt":44},"01M71CY25GM939M6RES91QSG3T","web-artifacts-builder","Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn\u002Fui). Use for complex artifacts requiring state management, routing, or shadcn\u002Fui components - not for simple single-file HTML\u002FJSX artifacts.","https:\u002F\u002Fgithub.com\u002Fstrmt7\u002Fai_skills_collection_benchmarked\u002Fblob\u002Fmain\u002Fincluded\u002Fskills\u002Fby-category\u002Fsearch-retrieval-web-automation\u002Fofficial-reference\u002Fweb-artifacts-builder\u002FLICENSE.txt","https:\u002F\u002Fgithub.com\u002Fstrmt7\u002Fai_skills_collection_benchmarked\u002Fblob\u002Fmain\u002Fincluded\u002Fskills\u002Fby-category\u002Fsearch-retrieval-web-automation\u002Fofficial-reference\u002Fweb-artifacts-builder\u002FSKILL.md",[173],{"categoryNo":93,"categoryName":94,"taxonomyType":21,"taxonomyTypeDesc":22},[175,176,177,108,178,179,180,28,181,182,101,183,184,185,186,187,188,189,190,191],"builder","artifacts builder","artifacts","web artifacts builder","single-file","css","Tailwind","ui components","single","use","file","components","react","multi","state","routing","state management",{"skillNo":193,"name":194,"nameZh":6,"description":195,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":85,"licenseFileUrl":196,"sourceHtmlUrl":197,"categories":198,"keywords":208,"publishedAt":44},"01M71CXZB60QJJ1H4S3NN94WMZ","frontend-design","Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML\u002FCSS layouts, or when styling\u002Fbeautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.","https:\u002F\u002Fgithub.com\u002Fstrmt7\u002Fai_skills_collection_benchmarked\u002Fblob\u002Fmain\u002Fincluded\u002Fskills\u002Fby-category\u002Fsearch-retrieval-web-automation\u002Fofficial-reference\u002Ffrontend-design\u002FLICENSE.txt","https:\u002F\u002Fgithub.com\u002Fstrmt7\u002Fai_skills_collection_benchmarked\u002Fblob\u002Fmain\u002Fincluded\u002Fskills\u002Fby-category\u002Fsearch-retrieval-web-automation\u002Fofficial-reference\u002Ffrontend-design\u002FSKILL.md",[199,200,203],{"categoryNo":93,"categoryName":94,"taxonomyType":21,"taxonomyTypeDesc":22},{"categoryNo":201,"categoryName":202,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000015","视觉设计",{"categoryNo":204,"categoryName":205,"taxonomyType":206,"taxonomyTypeDesc":207},"01JBSEEDCAT000000000000032","设计师","PROFESSION","适用职业",[101,209,210,180,211,212,213,99,214,215,184,129,177,216,186,217,187,218,219,106],"design","frontend design","ui design","generic","aesthetics","landing","pages","code","web ui","react components","examples",{"skillNo":221,"name":222,"nameZh":6,"description":223,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":224,"categories":225,"keywords":226,"publishedAt":44},"01M71CVZ54WFBTVA7R16PFY1ZE","zarr-python","Chunked N-D arrays for cloud storage. Compressed arrays, parallel I\u002FO, S3\u002FGCS integration, NumPy\u002FDask\u002FXarray compatible, for large-scale scientific computing pipelines.","https:\u002F\u002Fgithub.com\u002Fstrmt7\u002Fai_skills_collection_benchmarked\u002Fblob\u002Fmain\u002Fincluded\u002Fskills\u002Fby-category\u002Fscience-research-data-analysis\u002Flatest-release-community\u002Fzarr-python\u002FSKILL.md",[],[227,228,229,230,231,33,232,233,234,28,235,236,237,238,239,240,241,242],"zarr python","python","zarr","arrays","Cloud Storage","storage","parallel","dask","numpy","gcs","s3","integration","scientific computing","cloud","scale","pipelines"]