How do I install the Ngxtm Devkit Imagen skill?

Run npx skillmds@latest add tomevault-io/ngxtm-devkit-imagen in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

What does the Ngxtm Devkit Imagen skill do?

Imagen - AI Image Generation Skill It is listed under Coding & Dev Tools on SkillMD.

Is Ngxtm Devkit Imagen safe to use?

This skill has not completed SkillMD's automated safety review yet. Independent scanners report: SkillSpector: PASS, Skill Scanner: PASS. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Ngxtm Devkit Imagen?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Ngxtm Devkit Imagen free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Ngxtm Devkit Imagen?

tomevault-io (@tomevault-io) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Ngxtm Devkit Imagen by tomevault-io

Name: Ngxtm Devkit Imagen
Author: tomevault-io

File contents

Imagen - AI Image Generation Skill

Overview

This skill generates images using Google Gemini's image generation model (gemini-3-pro-image-preview). It enables seamless image creation during any Claude Code session - whether you're building frontend UIs, creating documentation, or need visual representations of concepts.

Cross-Platform: Works on Windows, macOS, and Linux.

When to Use This Skill

Automatically activate this skill when:

User requests image generation (e.g., "generate an image of...", "create a picture...")
Frontend development requires placeholder or actual images
Documentation needs illustrations or diagrams
Visualizing concepts, architectures, or ideas
Creating icons, logos, or UI assets
Any task where an AI-generated image would be helpful

How It Works

Takes a text prompt describing the desired image
Calls Google Gemini API with image generation configuration
Saves the generated image to a specified location (defaults to current directory)
Returns the file path for use in your project

Usage

Python (Cross-Platform - Recommended)

# Basic usage
python scripts/generate_image.py "A futuristic city skyline at sunset"

# With custom output path
python scripts/generate_image.py "A minimalist app icon for a music player" "./assets/icons/music-icon.png"

# With custom size
python scripts/generate_image.py --size 2K "High resolution landscape" "./wallpaper.png"

Requirements

GEMINI_API_KEY environment variable must be set
Python 3.6+ (uses standard library only, no pip install needed)

Output

Generated images are saved as PNG files. The script returns:

Success: Path to the generated image
Failure: Error message with details

Examples

Frontend Development

User: "I need a hero image for my landing page - something abstract and tech-focused"
-> Generates and saves image, provides path for use in HTML/CSS

Documentation

User: "Create a diagram showing microservices architecture"
-> Generates visual representation, ready for README or docs

UI Assets

User: "Generate a placeholder avatar image for the user profile component"
-> Creates image in appropriate size for component use

Converted and distributed by TomeVault — claim your Tome and manage your conversions.

---name: ngxtm-devkit-imagendescription: Imagen - AI Image Generation Skill---# Imagen - AI Image Generation Skill## OverviewThis skill generates images using Google Gemini's image generation model (`gemini-3-pro-image-preview`). It enables seamless image creation during any Claude Code session - whether you're building frontend UIs, creating documentation, or need visual representations of concepts.**Cross-Platform**: Works on Windows, macOS, and Linux.## When to Use This SkillAutomatically activate this skill when:- User requests image generation (e.g., "generate an image of...", "create a picture...")- Frontend development requires placeholder or actual images- Documentation needs illustrations or diagrams- Visualizing concepts, architectures, or ideas- Creating icons, logos, or UI assets- Any task where an AI-generated image would be helpful## How It Works1. Takes a text prompt describing the desired image2. Calls Google Gemini API with image generation configuration3. Saves the generated image to a specified location (defaults to current directory)4. Returns the file path for use in your project## Usage### Python (Cross-Platform - Recommended)```bash# Basic usagepython scripts/generate_image.py "A futuristic city skyline at sunset"# With custom output pathpython scripts/generate_image.py "A minimalist app icon for a music player" "./assets/icons/music-icon.png"# With custom sizepython scripts/generate_image.py --size 2K "High resolution landscape" "./wallpaper.png"```## Requirements- `GEMINI_API_KEY` environment variable must be set- Python 3.6+ (uses standard library only, no pip install needed)## OutputGenerated images are saved as PNG files. The script returns:- Success: Path to the generated image- Failure: Error message with details## Examples### Frontend Development```User: "I need a hero image for my landing page - something abstract and tech-focused"-> Generates and saves image, provides path for use in HTML/CSS```### Documentation```User: "Create a diagram showing microservices architecture"-> Generates visual representation, ready for README or docs```### UI Assets```User: "Generate a placeholder avatar image for the user profile component"-> Creates image in appropriate size for component use```---> Converted and distributed by [TomeVault](https://tomevault.io/claim/ngxtm) — claim your Tome and manage your conversions.

Frequently asked questions

Ngxtm Devkit Imagen