myaidev-method 0.3.4 → 0.3.6

package/skills/visual-generator/SKILL.md

@@ -1,140 +0,0 @@
----
-name: visual-generator
-description: Generates high-quality images and videos using AI APIs (Gemini, Imagen, DALL-E, FLUX, Veo). Use when creating hero images, diagrams, infographics, or video content for articles and projects.
-argument-hint: [prompt] [--type=hero] [--service=gemini]
-allowed-tools: [Read, Write, Bash, Task]
----
-
-# Visual Generator Skill
-
-Generate high-quality images and videos for content creation using AI generation APIs (Google Gemini Flash, Imagen 3, DALL-E 3, FLUX 2 Pro, Veo 3).
-
-## Capabilities
-
-- Hero images for articles and landing pages
-- Technical diagrams and architecture illustrations
-- Infographics (data, process, comparison, timeline)
-- Screenshots and UI mockups
-- Video content for demos and tutorials
-
-## Supported Services
-
-| Service | Type | Cost | Best For |
-|---------|------|------|----------|
-| Gemini 2.5 Flash | Image | $0.02 | Fast, diagrams, general use |
-| Imagen 3 | Image | $0.03 | Premium quality heroes |
-| DALL-E 3 | Image | $0.04-0.12 | Creative, artistic |
-| GPT Image 1.5 | Image | $0.02 | Text-heavy visuals |
-| FLUX 2 Pro | Image | $0.03 | Detailed illustrations |
-| Veo 3 | Video | $0.10 | Product demos, tutorials |
-
-## Image Types
-
-| Type | Description | Recommended Service |
-|------|-------------|---------------------|
-| `hero` | Article header, main theme | FLUX 2 Pro / Imagen |
-| `illustration` | Abstract concepts, metaphors | FLUX 2 Pro |
-| `diagram` | Technical workflows, architecture | Gemini |
-| `screenshot` | UI mockups, interface designs | GPT Image 1.5 |
-| `infographic-data` | Statistics, metrics, charts | GPT Image 1.5 |
-| `infographic-process` | Step flows, workflows | FLUX 2 Pro |
-| `infographic-comparison` | Side-by-side comparisons | GPT Image 1.5 |
-| `infographic-timeline` | Chronological events | FLUX 2 Pro |
-| `architecture-diagram` | System design, tech stacks | Gemini |
-| `flowchart` | Decision trees, processes | Gemini |
-| `sequence-diagram` | API/service interactions | Gemini |
-| `video` | Product demos, tutorials | Veo 3 |
-
-## Prerequisites
-
-- At least one API key configured:
-  - `GOOGLE_API_KEY` (for Gemini, Imagen, Veo)
-  - `OPENAI_API_KEY` (for DALL-E, GPT Image)
-  - `FAL_KEY` (for FLUX 2 Pro)
-
-Run `/myai-configure visual` to set up API keys.
-
-## Process
-
-1. **Configuration Check**: Verify API keys are configured
-2. **Requirements Gathering**: Collect prompt, type, and preferences
-3. **Cost Estimation**: Show estimated cost and check budget
-4. **Generation**: Generate image/video using selected service
-5. **Asset Management**: Save to organized directory structure
-6. **Markdown Reference**: Return embed code for content
-
-## File Organization
-
-```
-content-assets/
-  ├── images/
-  │   └── YYYY-MM-DD/
-  │       └── {type}-{description}-{id}.png
-  └── videos/
-      └── YYYY-MM-DD/
-          └── video-{description}-{id}.mp4
-```
-
-## Parameters
-
-| Parameter | Description | Default |
-|-----------|-------------|---------|
-| `prompt` | What the image/video should depict | Required |
-| `--type` | Image type (see table above) | hero |
-| `--service` | Preferred generation service | auto |
-| `--quality` | low, medium, high | medium |
-| `--size` | 1024x1024, 1792x1024, 1024x1792 | 1024x1024 |
-| `--description` | Short description for filename | auto |
-
-## Budget Management
-
-The skill tracks daily and monthly spending:
-- Default daily budget: $5.00
-- Default monthly budget: $50.00
-
-Configure limits in `.env`:
-```
-VISUAL_DAILY_BUDGET=10.00
-VISUAL_MONTHLY_BUDGET=100.00
-```
-
-## HTML Conversion Alternative
-
-For data-driven visuals requiring pixel-perfect accuracy, use HTML conversion instead of AI generation:
-
-| Use Case | Tool |
-|----------|------|
-| Exact numbers/data | HTML Conversion |
-| Precise text labels | HTML/D2 Conversion |
-| Charts and graphs | HTML Conversion |
-| Creative/artistic | AI Generation |
-
-## Example Usage
-
-```bash
-# Basic hero image
-/myaidev-method:generate-visual "Modern developer workspace" --type=hero
-
-# Technical diagram
-/myaidev-method:generate-visual "Microservices architecture with API gateway" --type=architecture-diagram --service=gemini
-
-# Data infographic
-/myaidev-method:generate-visual "5 Key API Metrics: Latency <50ms, Uptime 99.99%" --type=infographic-data --service=gpt-image-1.5
-
-# Video content
-/myaidev-method:generate-visual "Product demo showing login flow" --type=video --service=veo3
-```
-
-## Integration
-
-- Works with `/myaidev-method:content-writer` via `--with-images` flag
-- Automatic asset organization and cost tracking
-- Markdown reference generation for easy embedding
-
-## Error Handling
-
-- Rate limiting: Wait 60 seconds and retry, or switch service
-- Budget exceeded: Shows usage and suggests increasing limits
-- API errors: Provides helpful guidance and alternatives
-
-Always prioritize user experience, cost transparency, and quality results.