[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6Q2QD1VBZASTHXBAVEKAGG4":3,"skill-same:01M6Q2QD1VBZASTHXBAVEKAGG4":127},{"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":37,"publishedAt":58,"linkOnly":59,"markdownContent":60,"markdownBody":61,"frontMatter":62,"refName":71,"commitSha":72,"skillDirectory":73,"forksCount":74,"repositoryHtmlUrl":75,"repositoryHomepageUrl":6,"ownerHtmlUrl":76,"ownerBlogUrl":6,"ownerDescription":6,"updatedAt":77,"install":78,"resources":90},"01M6Q2QD1VBZASTHXBAVEKAGG4","seo-image-gen",null,"AI image generation for SEO assets: OG\u002Fsocial preview images, blog hero images, schema images, product photography, infographics. Powered by Gemini via nanobanana-mcp. Requires banana extension installed. Use when user says \"generate image\", \"OG image\", \"social preview\", \"hero image\", \"blog image\", \"product photo\", \"infographic\", \"seo image\", \"create visual\", \"image-gen\", \"favicon\", \"schema image\", \"pinterest pin\", \"generate visual\", \"banner\", or \"thumbnail\".","ibragimov-oasis\u002Fvibe-coder","ibragimov-oasis","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F240665573?v=4","01M6DF78Y45R8228FHAZ7G6JXM","IBRAGIMOV MUKHAMMADJON","01M6K5ZYR8TDPAFG4R6693E2A6",3,"MIT","https:\u002F\u002Fgithub.com\u002Fibragimov-oasis\u002Fvibe-coder\u002Fblob\u002Fmain\u002Fvc-kit\u002Fcontent\u002FCOMBINED\u002FCOMBINED\u002Fskills\u002Fskills-seo\u002Fseo\u002Fclaude-seo\u002Fskills\u002Fseo-image-gen\u002FSKILL.md",[18,23,26,29,34],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000016","图像与多媒体","SCENARIO","使用场景",{"categoryNo":24,"categoryName":25,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000019","营销推广",{"categoryNo":27,"categoryName":28,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000023","Skill与智能体开发",{"categoryNo":30,"categoryName":31,"taxonomyType":32,"taxonomyTypeDesc":33},"01JBSEEDCAT000000000000031","产品经理","PROFESSION","适用职业",{"categoryNo":35,"categoryName":36,"taxonomyType":32,"taxonomyTypeDesc":33},"01JBSEEDCAT000000000000035","市场营销",[38,39,40,41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57],"image","image gen","seo","seo image gen","hero","MCP","source\u002Fskills-seo","domain\u002Fseo","banana","artifact","preview","social","infographic","images","server","batch","product","generate","create","mcp server","2026-11-10 10:12:30",false,"---\nname: seo-image-gen\ndescription: \"AI image generation for SEO assets: OG\u002Fsocial preview images, blog hero images, schema images, product photography, infographics. Powered by Gemini via nanobanana-mcp. Requires banana extension installed. Use when user says \\\"generate image\\\", \\\"OG image\\\", \\\"social preview\\\", \\\"hero image\\\", \\\"blog image\\\", \\\"product photo\\\", \\\"infographic\\\", \\\"seo image\\\", \\\"create visual\\\", \\\"image-gen\\\", \\\"favicon\\\", \\\"schema image\\\", \\\"pinterest pin\\\", \\\"generate visual\\\", \\\"banner\\\", or \\\"thumbnail\\\".\"\nargument-hint: \"[og|hero|product|infographic|custom|batch] \u003Cdescription>\"\nuser-invokable: true\nlicense: MIT\ncompatibility: \"Requires nanobanana MCP server\"\nmetadata:\n  author: AgriciDaniel\n  version: \"1.7.0\"\n  category: seo\ntags:\n  - domain\u002Fseo\n  - artifact\u002Fskill\n  - source\u002Fskills-seo\n---\n\n# SEO Image Gen: AI Image Generation for SEO Assets (Extension)\n\nGenerate production-ready images for SEO use cases using Gemini's image generation\nvia the banana Creative Director pipeline. Maps SEO needs to optimized domain modes,\naspect ratios, and resolution defaults.\n\n## Architecture Note\n\nThis extension is built on [Claude Banana](https:\u002F\u002Fgithub.com\u002FAgriciDaniel\u002Fbanana-claude),\nthe standalone AI image generation skill for Claude Code.\n\nThis skill has two components with distinct roles:\n- **SKILL.md** (this file): Handles interactive `\u002Fseo image-gen` commands for generating images\n- **Agent** (`agents\u002Fseo-image-gen.md`): Audit-only analyst spawned during `\u002Fseo audit` to assess existing OG\u002Fsocial images and produce a generation plan (never auto-generates)\n\n## Prerequisites\n\nThis skill requires the banana extension to be installed:\n```bash\n.\u002Fextensions\u002Fbanana\u002Finstall.sh\n```\n\n**Check availability:** Before using any image generation tool, verify the MCP server\nis connected by checking if `gemini_generate_image` or `set_aspect_ratio` tools are\navailable. If tools are not available, inform the user the extension is not installed\nand provide install instructions.\n\n## Quick Reference\n\n| Command | What it does |\n|---------|-------------|\n| `\u002Fseo image-gen og \u003Cdescription>` | Generate OG\u002Fsocial preview image (1200x630 feel) |\n| `\u002Fseo image-gen hero \u003Cdescription>` | Blog hero image (widescreen, dramatic) |\n| `\u002Fseo image-gen product \u003Cdescription>` | Product photography (clean, white BG) |\n| `\u002Fseo image-gen infographic \u003Cdescription>` | Infographic visual (vertical, data-heavy) |\n| `\u002Fseo image-gen custom \u003Cdescription>` | Custom image with full Creative Director pipeline |\n| `\u002Fseo image-gen batch \u003Cdescription> [N]` | Generate N variations (default: 3) |\n\n## SEO Image Use Cases\n\nEach use case maps to pre-configured banana parameters:\n\n| Use Case | Aspect Ratio | Resolution | Domain Mode | Notes |\n|----------|-------------|------------|-------------|-------|\n| **OG\u002FSocial Preview** | `16:9` | `1K` | Product or UI\u002FWeb | Clean, professional, text-friendly |\n| **Blog Hero** | `16:9` | `2K` | Cinema or Editorial | Dramatic, atmospheric, editorial quality |\n| **Schema Image** | `4:3` | `1K` | Product | Clean, descriptive, schema ImageObject |\n| **Social Square** | `1:1` | `1K` | UI\u002FWeb | Platform-optimized square |\n| **Product Photo** | `4:3` | `2K` | Product | White background, studio lighting |\n| **Infographic** | `2:3` | `4K` | Infographic | Data-heavy, vertical layout |\n| **Favicon\u002FIcon** | `1:1` | `512` | Logo | Minimal, scalable, recognizable |\n| **Pinterest Pin** | `2:3` | `2K` | Editorial | Tall vertical card |\n\n## Generation Pipeline\n\nFor every generation request:\n\n1. **Identify use case** from command or context (og, hero, product, etc.)\n2. **Apply SEO defaults** from the use cases table above\n3. **Set aspect ratio** via `set_aspect_ratio` MCP tool\n4. **Construct Reasoning Brief** using the banana Creative Director pipeline:\n   - Load `references\u002Fprompt-engineering.md` for the 6-component system\n   - Apply domain mode emphasis (Subject 30%, Style 25%, Context 15%, etc.)\n   - Be SPECIFIC and VISCERAL: describe what the camera sees\n5. **Generate** via `gemini_generate_image` MCP tool\n6. **Post-generation SEO checklist** (see below)\n\n### Check for Presets\n\nIf the user mentions a brand or has SEO presets configured:\n```bash\npython3 ~\u002F.claude\u002Fworkspace-config\u002Fclaude\u002Fskills\u002Fseo-image-gen\u002Fscripts\u002Fpresets.py list\n```\nLoad matching preset and apply as defaults. Also check `references\u002Fseo-image-presets.md`\nfor SEO-specific preset templates.\n\n## Post-Generation SEO Checklist\n\nAfter every successful generation, guide the user on:\n\n1. **Alt text**:Write descriptive, keyword-rich alt text for the generated image\n2. **File naming**:Rename to SEO-friendly format: `keyword-description-widthxheight.webp`\n3. **WebP conversion**:Convert to WebP for optimal page speed:\n   ```bash\n   magick output.png -quality 85 output.webp\n   ```\n4. **File size**:Target under 200KB for hero images, under 100KB for thumbnails\n5. **Schema markup**:Suggest `ImageObject` schema for the generated image:\n   ```json\n   {\n     \"@type\": \"ImageObject\",\n     \"url\": \"https:\u002F\u002Fexample.com\u002Fimages\u002Fkeyword-description.webp\",\n     \"width\": 1200,\n     \"height\": 630,\n     \"caption\": \"Descriptive caption with target keyword\"\n   }\n   ```\n6. **OG meta tags**:For social preview images, remind about:\n   ```html\n   \u003Cmeta property=\"og:image\" content=\"https:\u002F\u002Fexample.com\u002Fimages\u002Fog-image.webp\" \u002F>\n   \u003Cmeta property=\"og:image:width\" content=\"1200\" \u002F>\n   \u003Cmeta property=\"og:image:height\" content=\"630\" \u002F>\n   \u003Cmeta property=\"og:image:alt\" content=\"Descriptive alt text\" \u002F>\n   ```\n\n## Cost Awareness\n\nImage generation costs money. Be transparent:\n- Show estimated cost before generating (especially for batch)\n- Log every generation: `python3 ~\u002F.claude\u002Fworkspace-config\u002Fclaude\u002Fskills\u002Fseo-image-gen\u002Fscripts\u002Fcost_tracker.py log --model MODEL --resolution RES --prompt \"brief\"`\n- Run `cost_tracker.py summary` if user asks about usage\n\nApproximate costs (gemini-3.1-flash):\n- 512: ~$0.02\u002Fimage\n- 1K resolution: ~$0.04\u002Fimage\n- 2K resolution: ~$0.08\u002Fimage\n- 4K resolution: ~$0.16\u002Fimage\n\n## Model Routing\n\n| Scenario | Model | Why |\n|----------|-------|-----|\n| OG images, social previews | `gemini-3.1-flash-image-preview` @ 1K | Fast, cost-effective |\n| Hero images, product photos | `gemini-3.1-flash-image-preview` @ 2K | Quality + detail |\n| Infographics with text | `gemini-3.1-flash-image-preview` @ 2K, thinking: high | Better text rendering |\n| Quick drafts | `gemini-2.5-flash-image` @ 512 | Rapid iteration |\n\n## Error Handling\n\n| Error | Resolution |\n|-------|-----------|\n| MCP not configured | Run `.\u002Fextensions\u002Fbanana\u002Finstall.sh` |\n| API key invalid | New key at https:\u002F\u002Faistudio.google.com\u002Fapikey |\n| Rate limited (429) | Wait 60s, retry. Free tier: ~10 RPM \u002F ~500 RPD |\n| `IMAGE_SAFETY` | Rephrase prompt - see `references\u002Fprompt-engineering.md` Safety section |\n| MCP unavailable | Fall back: `python3 ~\u002F.claude\u002Fworkspace-config\u002Fclaude\u002Fskills\u002Fseo-image-gen\u002Fscripts\u002Fgenerate.py --prompt \"...\" --aspect-ratio \"16:9\"` |\n| Extension not installed | Show install instructions: `.\u002Fextensions\u002Fbanana\u002Finstall.sh` |\n\n## Cross-Skill Integration\n\n- **seo-images** (analysis) feeds into **seo-image-gen** (generation): audit results from `\u002Fseo images` identify missing or low-quality images; use those findings to drive `\u002Fseo image-gen` commands\n- **seo-audit** spawns the seo-image-gen **agent** (not this skill) to analyze OG\u002Fsocial images across the site and produce a prioritized generation plan\n- **seo-schema** can consume generated images: after generation, suggest `ImageObject` schema markup pointing to the new assets\n\n## Reference Documentation\n\nLoad on-demand. Do NOT load all at startup:\n- `references\u002Fprompt-engineering.md`:6-component system, domain modes, templates\n- `references\u002Fgemini-models.md`:Model specs, rate limits, capabilities\n- `references\u002Fmcp-tools.md`:MCP tool parameters and responses\n- `references\u002Fpost-processing.md`:ImageMagick\u002FFFmpeg pipeline recipes\n- `references\u002Fcost-tracking.md`:Pricing, usage tracking\n- `references\u002Fpresets.md`:Brand preset management\n- `references\u002Fseo-image-presets.md`:SEO-specific preset templates\n\n## Response Format\n\nAfter generating, always provide:\n1. **Image path**:where it was saved\n2. **Crafted prompt**:show what was sent to the API (educational)\n3. **Settings**:model, aspect ratio, resolution\n4. **SEO checklist**:alt text suggestion, file naming, WebP conversion\n5. **Schema snippet**:ImageObject or og:image markup if applicable\n\n## ? Связи\n\n- [[MOC - Skills]] — Skills library\n- [[skills\u002Fskills-seo]] — Category: skills-seo\n\n","# SEO Image Gen: AI Image Generation for SEO Assets (Extension)\n\nGenerate production-ready images for SEO use cases using Gemini's image generation\nvia the banana Creative Director pipeline. Maps SEO needs to optimized domain modes,\naspect ratios, and resolution defaults.\n\n## Architecture Note\n\nThis extension is built on [Claude Banana](https:\u002F\u002Fgithub.com\u002FAgriciDaniel\u002Fbanana-claude),\nthe standalone AI image generation skill for Claude Code.\n\nThis skill has two components with distinct roles:\n- **SKILL.md** (this file): Handles interactive `\u002Fseo image-gen` commands for generating images\n- **Agent** (`agents\u002Fseo-image-gen.md`): Audit-only analyst spawned during `\u002Fseo audit` to assess existing OG\u002Fsocial images and produce a generation plan (never auto-generates)\n\n## Prerequisites\n\nThis skill requires the banana extension to be installed:\n```bash\n.\u002Fextensions\u002Fbanana\u002Finstall.sh\n```\n\n**Check availability:** Before using any image generation tool, verify the MCP server\nis connected by checking if `gemini_generate_image` or `set_aspect_ratio` tools are\navailable. If tools are not available, inform the user the extension is not installed\nand provide install instructions.\n\n## Quick Reference\n\n| Command | What it does |\n|---------|-------------|\n| `\u002Fseo image-gen og \u003Cdescription>` | Generate OG\u002Fsocial preview image (1200x630 feel) |\n| `\u002Fseo image-gen hero \u003Cdescription>` | Blog hero image (widescreen, dramatic) |\n| `\u002Fseo image-gen product \u003Cdescription>` | Product photography (clean, white BG) |\n| `\u002Fseo image-gen infographic \u003Cdescription>` | Infographic visual (vertical, data-heavy) |\n| `\u002Fseo image-gen custom \u003Cdescription>` | Custom image with full Creative Director pipeline |\n| `\u002Fseo image-gen batch \u003Cdescription> [N]` | Generate N variations (default: 3) |\n\n## SEO Image Use Cases\n\nEach use case maps to pre-configured banana parameters:\n\n| Use Case | Aspect Ratio | Resolution | Domain Mode | Notes |\n|----------|-------------|------------|-------------|-------|\n| **OG\u002FSocial Preview** | `16:9` | `1K` | Product or UI\u002FWeb | Clean, professional, text-friendly |\n| **Blog Hero** | `16:9` | `2K` | Cinema or Editorial | Dramatic, atmospheric, editorial quality |\n| **Schema Image** | `4:3` | `1K` | Product | Clean, descriptive, schema ImageObject |\n| **Social Square** | `1:1` | `1K` | UI\u002FWeb | Platform-optimized square |\n| **Product Photo** | `4:3` | `2K` | Product | White background, studio lighting |\n| **Infographic** | `2:3` | `4K` | Infographic | Data-heavy, vertical layout |\n| **Favicon\u002FIcon** | `1:1` | `512` | Logo | Minimal, scalable, recognizable |\n| **Pinterest Pin** | `2:3` | `2K` | Editorial | Tall vertical card |\n\n## Generation Pipeline\n\nFor every generation request:\n\n1. **Identify use case** from command or context (og, hero, product, etc.)\n2. **Apply SEO defaults** from the use cases table above\n3. **Set aspect ratio** via `set_aspect_ratio` MCP tool\n4. **Construct Reasoning Brief** using the banana Creative Director pipeline:\n   - Load `references\u002Fprompt-engineering.md` for the 6-component system\n   - Apply domain mode emphasis (Subject 30%, Style 25%, Context 15%, etc.)\n   - Be SPECIFIC and VISCERAL: describe what the camera sees\n5. **Generate** via `gemini_generate_image` MCP tool\n6. **Post-generation SEO checklist** (see below)\n\n### Check for Presets\n\nIf the user mentions a brand or has SEO presets configured:\n```bash\npython3 ~\u002F.claude\u002Fworkspace-config\u002Fclaude\u002Fskills\u002Fseo-image-gen\u002Fscripts\u002Fpresets.py list\n```\nLoad matching preset and apply as defaults. Also check `references\u002Fseo-image-presets.md`\nfor SEO-specific preset templates.\n\n## Post-Generation SEO Checklist\n\nAfter every successful generation, guide the user on:\n\n1. **Alt text**:Write descriptive, keyword-rich alt text for the generated image\n2. **File naming**:Rename to SEO-friendly format: `keyword-description-widthxheight.webp`\n3. **WebP conversion**:Convert to WebP for optimal page speed:\n   ```bash\n   magick output.png -quality 85 output.webp\n   ```\n4. **File size**:Target under 200KB for hero images, under 100KB for thumbnails\n5. **Schema markup**:Suggest `ImageObject` schema for the generated image:\n   ```json\n   {\n     \"@type\": \"ImageObject\",\n     \"url\": \"https:\u002F\u002Fexample.com\u002Fimages\u002Fkeyword-description.webp\",\n     \"width\": 1200,\n     \"height\": 630,\n     \"caption\": \"Descriptive caption with target keyword\"\n   }\n   ```\n6. **OG meta tags**:For social preview images, remind about:\n   ```html\n   \u003Cmeta property=\"og:image\" content=\"https:\u002F\u002Fexample.com\u002Fimages\u002Fog-image.webp\" \u002F>\n   \u003Cmeta property=\"og:image:width\" content=\"1200\" \u002F>\n   \u003Cmeta property=\"og:image:height\" content=\"630\" \u002F>\n   \u003Cmeta property=\"og:image:alt\" content=\"Descriptive alt text\" \u002F>\n   ```\n\n## Cost Awareness\n\nImage generation costs money. Be transparent:\n- Show estimated cost before generating (especially for batch)\n- Log every generation: `python3 ~\u002F.claude\u002Fworkspace-config\u002Fclaude\u002Fskills\u002Fseo-image-gen\u002Fscripts\u002Fcost_tracker.py log --model MODEL --resolution RES --prompt \"brief\"`\n- Run `cost_tracker.py summary` if user asks about usage\n\nApproximate costs (gemini-3.1-flash):\n- 512: ~$0.02\u002Fimage\n- 1K resolution: ~$0.04\u002Fimage\n- 2K resolution: ~$0.08\u002Fimage\n- 4K resolution: ~$0.16\u002Fimage\n\n## Model Routing\n\n| Scenario | Model | Why |\n|----------|-------|-----|\n| OG images, social previews | `gemini-3.1-flash-image-preview` @ 1K | Fast, cost-effective |\n| Hero images, product photos | `gemini-3.1-flash-image-preview` @ 2K | Quality + detail |\n| Infographics with text | `gemini-3.1-flash-image-preview` @ 2K, thinking: high | Better text rendering |\n| Quick drafts | `gemini-2.5-flash-image` @ 512 | Rapid iteration |\n\n## Error Handling\n\n| Error | Resolution |\n|-------|-----------|\n| MCP not configured | Run `.\u002Fextensions\u002Fbanana\u002Finstall.sh` |\n| API key invalid | New key at https:\u002F\u002Faistudio.google.com\u002Fapikey |\n| Rate limited (429) | Wait 60s, retry. Free tier: ~10 RPM \u002F ~500 RPD |\n| `IMAGE_SAFETY` | Rephrase prompt - see `references\u002Fprompt-engineering.md` Safety section |\n| MCP unavailable | Fall back: `python3 ~\u002F.claude\u002Fworkspace-config\u002Fclaude\u002Fskills\u002Fseo-image-gen\u002Fscripts\u002Fgenerate.py --prompt \"...\" --aspect-ratio \"16:9\"` |\n| Extension not installed | Show install instructions: `.\u002Fextensions\u002Fbanana\u002Finstall.sh` |\n\n## Cross-Skill Integration\n\n- **seo-images** (analysis) feeds into **seo-image-gen** (generation): audit results from `\u002Fseo images` identify missing or low-quality images; use those findings to drive `\u002Fseo image-gen` commands\n- **seo-audit** spawns the seo-image-gen **agent** (not this skill) to analyze OG\u002Fsocial images across the site and produce a prioritized generation plan\n- **seo-schema** can consume generated images: after generation, suggest `ImageObject` schema markup pointing to the new assets\n\n## Reference Documentation\n\nLoad on-demand. Do NOT load all at startup:\n- `references\u002Fprompt-engineering.md`:6-component system, domain modes, templates\n- `references\u002Fgemini-models.md`:Model specs, rate limits, capabilities\n- `references\u002Fmcp-tools.md`:MCP tool parameters and responses\n- `references\u002Fpost-processing.md`:ImageMagick\u002FFFmpeg pipeline recipes\n- `references\u002Fcost-tracking.md`:Pricing, usage tracking\n- `references\u002Fpresets.md`:Brand preset management\n- `references\u002Fseo-image-presets.md`:SEO-specific preset templates\n\n## Response Format\n\nAfter generating, always provide:\n1. **Image path**:where it was saved\n2. **Crafted prompt**:show what was sent to the API (educational)\n3. **Settings**:model, aspect ratio, resolution\n4. **SEO checklist**:alt text suggestion, file naming, WebP conversion\n5. **Schema snippet**:ImageObject or og:image markup if applicable\n\n## ? Связи\n\n- [[MOC - Skills]] — Skills library\n- [[skills\u002Fskills-seo]] — Category: skills-seo\n\n",{"name":5,"tags":63,"license":15,"metadata":65,"description":7,"argument-hint":68,"compatibility":69,"user-invokable":70},[45,64,44],"artifact\u002Fskill",{"author":66,"version":67,"category":40},"AgriciDaniel","1.7.0","[og|hero|product|infographic|custom|batch] \u003Cdescription>","Requires nanobanana MCP server",true,"main","bdd9f958d7bb1a0f19b8ad8da020b0bab0f53eb1","vc-kit\u002Fcontent\u002FCOMBINED\u002FCOMBINED\u002Fskills\u002Fskills-seo\u002Fseo\u002Fclaude-seo\u002Fskills\u002Fseo-image-gen",1,"https:\u002F\u002Fgithub.com\u002Fibragimov-oasis\u002Fvibe-coder","https:\u002F\u002Fgithub.com\u002Fibragimov-oasis","2026-06-24 16:31:18",{"source":8,"skillName":5,"commands":79,"prompt":89,"zipAvailable":70},[80,83,86],{"tool":81,"command":82},"npx","npx skills add ibragimov-oasis\u002Fvibe-coder --skill seo-image-gen",{"tool":84,"command":85},"bunx","bunx skills add ibragimov-oasis\u002Fvibe-coder --skill seo-image-gen",{"tool":87,"command":88},"pnpm","pnpm dlx skills add ibragimov-oasis\u002Fvibe-coder --skill seo-image-gen","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fibragimov-oasis\u002Fvibe-coder\u002Fblob\u002Fmain\u002Fvc-kit\u002Fcontent\u002FCOMBINED\u002FCOMBINED\u002Fskills\u002Fskills-seo\u002Fseo\u002Fclaude-seo\u002Fskills\u002Fseo-image-gen\u002FSKILL.md",[91,97,103,107,111,115,119,123],{"path":92,"resourceType":93,"resourceTypeDesc":94,"sizeBytes":95,"sourceHtmlUrl":96},"LICENSE.txt","LICENSE","许可证",143,"https:\u002F\u002Fgithub.com\u002Fibragimov-oasis\u002Fvibe-coder\u002Fblob\u002Fmain\u002Fvc-kit\u002Fcontent\u002FCOMBINED\u002FCOMBINED\u002Fskills\u002Fskills-seo\u002Fseo\u002Fclaude-seo\u002Fskills\u002Fseo-image-gen\u002FLICENSE.txt",{"path":98,"resourceType":99,"resourceTypeDesc":100,"sizeBytes":101,"sourceHtmlUrl":102},"references\u002Fcost-tracking.md","REFERENCE","参考文档",1562,"https:\u002F\u002Fgithub.com\u002Fibragimov-oasis\u002Fvibe-coder\u002Fblob\u002Fmain\u002Fvc-kit\u002Fcontent\u002FCOMBINED\u002FCOMBINED\u002Fskills\u002Fskills-seo\u002Fseo\u002Fclaude-seo\u002Fskills\u002Fseo-image-gen\u002Freferences\u002Fcost-tracking.md",{"path":104,"resourceType":99,"resourceTypeDesc":100,"sizeBytes":105,"sourceHtmlUrl":106},"references\u002Fgemini-models.md",7834,"https:\u002F\u002Fgithub.com\u002Fibragimov-oasis\u002Fvibe-coder\u002Fblob\u002Fmain\u002Fvc-kit\u002Fcontent\u002FCOMBINED\u002FCOMBINED\u002Fskills\u002Fskills-seo\u002Fseo\u002Fclaude-seo\u002Fskills\u002Fseo-image-gen\u002Freferences\u002Fgemini-models.md",{"path":108,"resourceType":99,"resourceTypeDesc":100,"sizeBytes":109,"sourceHtmlUrl":110},"references\u002Fmcp-tools.md",3990,"https:\u002F\u002Fgithub.com\u002Fibragimov-oasis\u002Fvibe-coder\u002Fblob\u002Fmain\u002Fvc-kit\u002Fcontent\u002FCOMBINED\u002FCOMBINED\u002Fskills\u002Fskills-seo\u002Fseo\u002Fclaude-seo\u002Fskills\u002Fseo-image-gen\u002Freferences\u002Fmcp-tools.md",{"path":112,"resourceType":99,"resourceTypeDesc":100,"sizeBytes":113,"sourceHtmlUrl":114},"references\u002Fpost-processing.md",5379,"https:\u002F\u002Fgithub.com\u002Fibragimov-oasis\u002Fvibe-coder\u002Fblob\u002Fmain\u002Fvc-kit\u002Fcontent\u002FCOMBINED\u002FCOMBINED\u002Fskills\u002Fskills-seo\u002Fseo\u002Fclaude-seo\u002Fskills\u002Fseo-image-gen\u002Freferences\u002Fpost-processing.md",{"path":116,"resourceType":99,"resourceTypeDesc":100,"sizeBytes":117,"sourceHtmlUrl":118},"references\u002Fpresets.md",2428,"https:\u002F\u002Fgithub.com\u002Fibragimov-oasis\u002Fvibe-coder\u002Fblob\u002Fmain\u002Fvc-kit\u002Fcontent\u002FCOMBINED\u002FCOMBINED\u002Fskills\u002Fskills-seo\u002Fseo\u002Fclaude-seo\u002Fskills\u002Fseo-image-gen\u002Freferences\u002Fpresets.md",{"path":120,"resourceType":99,"resourceTypeDesc":100,"sizeBytes":121,"sourceHtmlUrl":122},"references\u002Fprompt-engineering.md",20826,"https:\u002F\u002Fgithub.com\u002Fibragimov-oasis\u002Fvibe-coder\u002Fblob\u002Fmain\u002Fvc-kit\u002Fcontent\u002FCOMBINED\u002FCOMBINED\u002Fskills\u002Fskills-seo\u002Fseo\u002Fclaude-seo\u002Fskills\u002Fseo-image-gen\u002Freferences\u002Fprompt-engineering.md",{"path":124,"resourceType":99,"resourceTypeDesc":100,"sizeBytes":125,"sourceHtmlUrl":126},"references\u002Fseo-image-presets.md",4203,"https:\u002F\u002Fgithub.com\u002Fibragimov-oasis\u002Fvibe-coder\u002Fblob\u002Fmain\u002Fvc-kit\u002Fcontent\u002FCOMBINED\u002FCOMBINED\u002Fskills\u002Fskills-seo\u002Fseo\u002Fclaude-seo\u002Fskills\u002Fseo-image-gen\u002Freferences\u002Fseo-image-presets.md",[128,160,183,203,227,250],{"skillNo":129,"name":130,"nameZh":6,"description":131,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":132,"categories":133,"keywords":140,"publishedAt":58},"01M6Q4Q22KKKVMJJYA411DQ4ER","ckm:ui-styling","Create beautiful, accessible user interfaces with shadcn\u002Fui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs. Use when building user interfaces, implementing design systems, creating responsive layouts, adding accessible components (dialogs, dropdowns, forms, tables), customizing themes and colors, implementing dark mode, generating visual designs and posters, or establishing consistent styling patterns across applications.","https:\u002F\u002Fgithub.com\u002Fibragimov-oasis\u002Fvibe-coder\u002Fblob\u002Fmain\u002Fvc-kit\u002Fcontent\u002FCOMBINED\u002FCOMBINED\u002Fui-design\u002Fui-rules\u002Fui-ux-pro-max\u002Fclaude\u002Fskills\u002Fui-styling\u002FSKILL.md",[134,137],{"categoryNo":135,"categoryName":136,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000015","视觉设计",{"categoryNo":138,"categoryName":139,"taxonomyType":32,"taxonomyTypeDesc":33},"01JBSEEDCAT000000000000032","设计师",[141,142,143,144,145,146,147,148,149,150,56,151,152,153,154,155,156,157,158,159],"ui styling","ui","styling","ckm:ui styling","ckm","design","css","canvas","components","component","design systems","Tailwind","across","themes","utility","mode","implementing","artifact\u002Fui-component","source\u002Fui-design",{"skillNo":161,"name":162,"nameZh":6,"description":163,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":164,"categories":165,"keywords":172,"publishedAt":58},"01M6Q4PQ2NX4NDVWTEHA3MQ2R0","ckm:design","Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini AI), corporate identity program (50 deliverables, CIP mockups), HTML presentations (Chart.js), banner design (22 styles, social\u002Fads\u002Fweb\u002Fprint), icon design (15 styles, SVG, Gemini 3.1 Pro), social photos (HTML→screenshot, multi-platform). Actions: design logo, create CIP, generate mockups, build slides, design banner, generate icon, create social photos, social media images, brand identity, design system. Platforms: Facebook, Twitter, LinkedIn, YouTube, Instagram, Pinterest, TikTok, Threads, Google Ads.","https:\u002F\u002Fgithub.com\u002Fibragimov-oasis\u002Fvibe-coder\u002Fblob\u002Fmain\u002Fvc-kit\u002Fcontent\u002FCOMBINED\u002FCOMBINED\u002Fui-design\u002Fui-rules\u002Fui-ux-pro-max\u002Fclaude\u002Fskills\u002Fdesign\u002FSKILL.md",[166,169,170,171],{"categoryNo":167,"categoryName":168,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000003","演示文稿",{"categoryNo":135,"categoryName":136,"taxonomyType":21,"taxonomyTypeDesc":22},{"categoryNo":27,"categoryName":28,"taxonomyType":21,"taxonomyTypeDesc":22},{"categoryNo":138,"categoryName":139,"taxonomyType":32,"taxonomyTypeDesc":33},[146,162,145,173,150,141,174,56,55,175,176,177,178,179,180,181,47,182,158,159],"google","presentations","screenshot","actions","Media","logo","ads","youtube","tiktok","chart",{"skillNo":184,"name":185,"nameZh":6,"description":186,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":187,"categories":188,"keywords":191,"publishedAt":58},"01M6Q4PJE27GEA3M0CECEBCZKS","ckm:design-system","Token architecture, component specifications, and slide generation. Three-layer tokens (primitive→semantic→component), CSS variables, spacing\u002Ftypography scales, component specs, strategic slide creation. Use for design tokens, systematic design, brand-compliant presentations.","https:\u002F\u002Fgithub.com\u002Fibragimov-oasis\u002Fvibe-coder\u002Fblob\u002Fmain\u002Fvc-kit\u002Fcontent\u002FCOMBINED\u002FCOMBINED\u002Fui-design\u002Fui-rules\u002Fui-ux-pro-max\u002Fclaude\u002Fskills\u002Fdesign-system\u002FSKILL.md",[189,190],{"categoryNo":135,"categoryName":136,"taxonomyType":21,"taxonomyTypeDesc":22},{"categoryNo":138,"categoryName":139,"taxonomyType":32,"taxonomyTypeDesc":33},[146,192,193,194,162,145,147,150,195,174,47,196,197,198,199,200,201,202,158,159],"design system","system","ckm:design system","architecture","token","creation","systematic","css variables","Variables","spacing","layer",{"skillNo":204,"name":205,"nameZh":6,"description":206,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":207,"categories":208,"keywords":214,"publishedAt":58},"01M6Q4P90JXFYMH2S634QM6SQJ","ckm:banner-design","Design banners for social media, ads, website heroes, creative assets, and print. Multiple art direction options with AI-generated visuals. Actions: design, create, generate banner. Platforms: Facebook, Twitter\u002FX, LinkedIn, YouTube, Instagram, Google Display, website hero, print. Styles: minimalist, gradient, bold typography, photo-based, illustrated, geometric, retro, glassmorphism, 3D, neon, duotone, editorial, collage. Uses ui-ux-pro-max, frontend-design, ai-artist, ai-multimodal skills.","https:\u002F\u002Fgithub.com\u002Fibragimov-oasis\u002Fvibe-coder\u002Fblob\u002Fmain\u002Fvc-kit\u002Fcontent\u002FCOMBINED\u002FCOMBINED\u002Fui-design\u002Fui-rules\u002Fui-ux-pro-max\u002Fclaude\u002Fskills\u002Fbanner-design\u002FSKILL.md",[209,212,213],{"categoryNo":210,"categoryName":211,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000009","前端开发",{"categoryNo":135,"categoryName":136,"taxonomyType":21,"taxonomyTypeDesc":22},{"categoryNo":138,"categoryName":139,"taxonomyType":32,"taxonomyTypeDesc":33},[146,215,216,217,145,218,176,177,219,220,221,49,222,223,224,225,158,159,226,42],"banner design","ckm:banner design","banner","frontend","3D","generated","Art","dimensions","neon","direction","display","frontend-design",{"skillNo":228,"name":40,"nameZh":6,"description":229,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":230,"categories":231,"keywords":234,"publishedAt":58},"01M6Q2RZXBJ9TBE413GXCYQNDB","Comprehensive SEO analysis for any website or business type. Performs full site audits, single-page deep analysis, technical SEO checks (crawlability, indexability, Core Web Vitals with INP), schema markup detection\u002Fvalidation\u002Fgeneration, content quality assessment (E-E-A-T framework per Dec 2025 update extending to all competitive queries), image optimization, sitemap analysis, and Generative Engine Optimization (GEO) for AI Overviews, ChatGPT, and Perplexity citations. Analyzes AI crawler accessibility (GPTBot, ClaudeBot, PerplexityBot), llms.txt compliance, brand mention signals, and passage-level citability. Industry detection for SaaS, e-commerce, local business, publishers, agencies. Triggers on: \"SEO\", \"audit\", \"schema\", \"Core Web Vitals\", \"sitemap\", \"E-E-A-T\", \"AI Overviews\", \"GEO\", \"technical SEO\", \"content quality\", \"page speed\", \"structured data\".","https:\u002F\u002Fgithub.com\u002Fibragimov-oasis\u002Fvibe-coder\u002Fblob\u002Fmain\u002Fvc-kit\u002Fcontent\u002FCOMBINED\u002FCOMBINED\u002Fskills\u002Fskills-seo\u002Fseo\u002Fclaude-seo\u002Fskills\u002Fseo\u002FSKILL.md",[232,233],{"categoryNo":24,"categoryName":25,"taxonomyType":21,"taxonomyTypeDesc":22},{"categoryNo":35,"categoryName":36,"taxonomyType":32,"taxonomyTypeDesc":33},[40,38,235,236,237,238,239,47,240,241,242,243,244,245,246,45,44,247,248,249],"llms","assessment","deep analysis","Citations","analysis","local","deep","crawlability","seo analysis","2025","commerce","URL","vitals","generative","publishers",{"skillNo":251,"name":252,"nameZh":6,"description":253,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":254,"categories":255,"keywords":258,"publishedAt":58},"01M6Q2RVE7VGFCFQKBK468NHVY","seo-technical","Technical SEO audit across 9 categories: crawlability, indexability, security, URL structure, mobile, Core Web Vitals, structured data, JavaScript rendering, and IndexNow protocol. Use when user says \"technical SEO\", \"crawl issues\", \"robots.txt\", \"Core Web Vitals\", \"site speed\", or \"security headers\".","https:\u002F\u002Fgithub.com\u002Fibragimov-oasis\u002Fvibe-coder\u002Fblob\u002Fmain\u002Fvc-kit\u002Fcontent\u002FCOMBINED\u002FCOMBINED\u002Fskills\u002Fskills-seo\u002Fseo\u002Fclaude-seo\u002Fskills\u002Fseo-technical\u002FSKILL.md",[256,257],{"categoryNo":24,"categoryName":25,"taxonomyType":21,"taxonomyTypeDesc":22},{"categoryNo":35,"categoryName":36,"taxonomyType":32,"taxonomyTypeDesc":33},[40,259,260,261,262,263,264,265,266,47,153,242,267,268,246,269,270,45,44,247],"technical","seo technical","issues","audit","data","mobile","crawl","structure","rendering","technical seo audit","headers","categories"]