feat: add 61 new skills from VoltAgent repository
- 27 official team skills (Sentry, Trail of Bits, Expo, Hugging Face, etc.) - 34 community skills including context engineering suite - All skills validated and compliant with V4 quality bar - Complete source attribution maintained Skills added: - Official: commit, create-pr, find-bugs, iterate-pr, culture-index, fix-review, sharp-edges, expo-deployment, upgrading-expo, hugging-face-cli, hugging-face-jobs, vercel-deploy-claimable, design-md, using-neon, n8n-*, swiftui-expert-skill, fal-*, deep-research, imagen, readme, screenshots - Community: frontend-slides, linear-claude-skill, skill-rails-upgrade, context-*, multi-agent-patterns, tool-design, evaluation, memory-systems, terraform-skill, and more
This commit is contained in:
77
skills/imagen/SKILL.md
Normal file
77
skills/imagen/SKILL.md
Normal file
@@ -0,0 +1,77 @@
|
||||
---
|
||||
name: imagen
|
||||
description: |
|
||||
source: "https://github.com/sanjay3290/ai-skills/tree/main/skills/imagen"
|
||||
risk: safe
|
||||
---
|
||||
|
||||
# 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
|
||||
|
||||
1. Takes a text prompt describing the desired image
|
||||
2. Calls Google Gemini API with image generation configuration
|
||||
3. 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 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
|
||||
```
|
||||
Reference in New Issue
Block a user