ai-image-asset-generator

Kartikk-26/Claude-Code-Skills

This skill should be used when generating AI image assets for websites, landing pages, or applications. It automatically analyzes page requirements, generates images using Gemini API, removes backgrounds, converts to SVG for interactivity, and places assets in frontend code. Ideal for creating hero images, icons, backgrounds, product mockups, and infographic elements. Use this skill when users need image assets for their web projects.

2 stars

0 forks

10 views

View on GitHub Add to Favorites

Installation

Option 1: Use slash command in Claude Code

/install-skill https://github.com/Kartikk-26/Claude-Code-Skills/tree/main/.claude/ai-image-asset-generator

Option 2: Clone to skills directory

# Global (all projects)

git clone https://github.com/Kartikk-26/Claude-Code-Skills/tree/main/.claude/ai-image-asset-generator ~/.claude/skills/Claude-Code-Skills

# Project-specific

git clone https://github.com/Kartikk-26/Claude-Code-Skills/tree/main/.claude/ai-image-asset-generator .claude/skills/Claude-Code-Skills

Add MCP server to .cursor/mcp.json:

{
  "mcpServers": {
    "skillz": {
      "command": "npx",
      "args": ["-y", "skillz-mcp", "https://github.com/Kartikk-26/Claude-Code-Skills/tree/main/.claude/ai-image-asset-generator"]
    }
  }
}

Restart Cursor after adding the configuration.

Option 1: Use Gemini CLI command

gemini extensions install https://github.com/Kartikk-26/Claude-Code-Skills/tree/main/.claude/ai-image-asset-generator

Option 2: Clone to extensions directory

git clone https://github.com/Kartikk-26/Claude-Code-Skills/tree/main/.claude/ai-image-asset-generator ~/.gemini/extensions/Claude-Code-Skills