SuperCharge Claude Code v1.0.0 - Complete Customization Package
Features: - 30+ Custom Skills (cognitive, development, UI/UX, autonomous agents) - RalphLoop autonomous agent integration - Multi-AI consultation (Qwen) - Agent management system with sync capabilities - Custom hooks for session management - MCP servers integration - Plugin marketplace setup - Comprehensive installation script Components: - Skills: always-use-superpowers, ralph, brainstorming, ui-ux-pro-max, etc. - Agents: 100+ agents across engineering, marketing, product, etc. - Hooks: session-start-superpowers, qwen-consult, ralph-auto-trigger - Commands: /brainstorm, /write-plan, /execute-plan - MCP Servers: zai-mcp-server, web-search-prime, web-reader, zread - Binaries: ralphloop wrapper Installation: ./supercharge.sh
This commit is contained in:
192
skills/wordpress-ai/image-generation.md
Normal file
192
skills/wordpress-ai/image-generation.md
Normal file
@@ -0,0 +1,192 @@
|
||||
---
|
||||
name: wordpress-ai-image-generation
|
||||
description: "Generate AI images for WordPress content using WordPress AI plugin capabilities"
|
||||
---
|
||||
|
||||
# WordPress AI: Image Generation
|
||||
|
||||
## When to Use
|
||||
|
||||
Use this skill when you need to:
|
||||
- Create featured images for posts
|
||||
- Generate custom graphics
|
||||
- Produce visual content from text prompts
|
||||
- Design headers, banners, or thumbnails
|
||||
|
||||
## How It Works
|
||||
|
||||
The WordPress AI plugin generates images by:
|
||||
1. Processing your text prompt
|
||||
2. Sending to AI image model (DALL-E, Stable Diffusion, etc.)
|
||||
3. Returning generated image as media library upload
|
||||
4. Optional: Auto-generating alt text
|
||||
|
||||
## Prompt Engineering
|
||||
|
||||
### Effective Prompts
|
||||
|
||||
Create detailed, specific prompts including:
|
||||
|
||||
**Subject** (Main focus)
|
||||
- "modern SaaS dashboard interface"
|
||||
- "elegant product showcase"
|
||||
- "professional team collaboration"
|
||||
|
||||
**Style** (Visual aesthetic)
|
||||
- "minimalist design"
|
||||
- "isometric 3D illustration"
|
||||
- "flat vector art"
|
||||
- "photorealistic"
|
||||
- "watercolor painting"
|
||||
|
||||
**Colors** (Color scheme)
|
||||
- "blue and white gradient"
|
||||
- "warm sunset tones"
|
||||
- "dark mode aesthetic"
|
||||
- "pastel soft colors"
|
||||
|
||||
**Composition** (Layout)
|
||||
- "centered subject"
|
||||
- "rule of thirds"
|
||||
- "symmetrical layout"
|
||||
- "negative space"
|
||||
|
||||
**Mood** (Emotional tone)
|
||||
- "professional and trustworthy"
|
||||
- "playful and energetic"
|
||||
- "calm and peaceful"
|
||||
- "innovative and futuristic"
|
||||
|
||||
### Prompt Formula
|
||||
|
||||
```
|
||||
[Subject] in [Style] with [Colors], [Composition], [Mood] mood
|
||||
```
|
||||
|
||||
**Example:**
|
||||
"Modern SaaS dashboard interface in flat vector art with blue and white gradient, centered subject, professional and trustworthy mood"
|
||||
|
||||
## Use Cases
|
||||
|
||||
### Featured Images
|
||||
|
||||
Generate featured images that:
|
||||
- Represent article topic
|
||||
- Match brand colors
|
||||
- Include readable text overlay space
|
||||
- Work at multiple sizes
|
||||
|
||||
**Prompts by Category:**
|
||||
|
||||
**Technology:**
|
||||
- "Futuristic AI chip design in neon blue and purple, isometric view, dark background"
|
||||
- "Clean code editor interface with syntax highlighting, minimalist, flat design"
|
||||
|
||||
**Business:**
|
||||
- "Professional handshake illustration, modern flat style, blue corporate colors"
|
||||
- "Growth chart with upward trend, isometric 3D, green success colors"
|
||||
|
||||
**Creative:**
|
||||
- "Abstract geometric shapes with gradient overlays, modern art style"
|
||||
- "Creative workspace with laptop and coffee, watercolor illustration"
|
||||
|
||||
### Social Media
|
||||
|
||||
Generate platform-optimized images:
|
||||
- **Twitter:** 1200x675px, landscape
|
||||
- **Instagram:** 1080x1080px, square
|
||||
- **LinkedIn:** 1200x627px, landscape
|
||||
|
||||
### Headers/Banners
|
||||
|
||||
Generate wide format images:
|
||||
- **Blog header:** 1200x400px
|
||||
- **Hero banner:** 1920x600px
|
||||
- **Newsletter header:** 600x200px
|
||||
|
||||
## Integration with WordPress
|
||||
|
||||
### Basic Usage
|
||||
|
||||
```php
|
||||
// Generate and attach to post
|
||||
$image_id = ai_generate_image( array(
|
||||
'prompt' => 'Modern SaaS dashboard with blue gradient',
|
||||
'post_id' => $post_id,
|
||||
'size' => 'large',
|
||||
) );
|
||||
|
||||
if ( ! is_wp_error( $image_id ) ) {
|
||||
set_post_thumbnail( $post_id, $image_id );
|
||||
}
|
||||
```
|
||||
|
||||
### With Alt Text
|
||||
|
||||
```php
|
||||
$result = ai_generate_image( array(
|
||||
'prompt' => 'Woman typing on laptop in modern office',
|
||||
'generate_alt_text' => true,
|
||||
'alt_text_prompt' => 'Describe this image in detail for accessibility',
|
||||
) );
|
||||
```
|
||||
|
||||
### Batch Generation
|
||||
|
||||
```php
|
||||
$prompts = array(
|
||||
'Dashboard analytics interface',
|
||||
'Mobile app onboarding screen',
|
||||
'Team collaboration illustration',
|
||||
);
|
||||
|
||||
foreach ( $prompts as $prompt ) {
|
||||
ai_generate_image( array( 'prompt' => $prompt ) );
|
||||
}
|
||||
```
|
||||
|
||||
## Best Practices
|
||||
|
||||
✅ **Do:**
|
||||
- Be specific and detailed
|
||||
- Include style preferences
|
||||
- Specify dimensions/aspect ratio
|
||||
- Test multiple variations
|
||||
- Add alt text for accessibility
|
||||
- Match brand guidelines
|
||||
|
||||
❌ **Don't:**
|
||||
- Use vague descriptions
|
||||
- Request copyrighted characters/logos
|
||||
- Generate misleading content
|
||||
- Forget to test at different sizes
|
||||
- Ignore accessibility
|
||||
|
||||
## Quality Checklist
|
||||
|
||||
Before delivering images:
|
||||
- [ ] Matches prompt requirements
|
||||
- [ ] Appropriate resolution
|
||||
- [ ] Works at multiple sizes
|
||||
- [ ] Has alt text or description
|
||||
- [ ] Matches brand/style guidelines
|
||||
- [ ] No offensive or problematic content
|
||||
- [ ] Properly formatted file type
|
||||
|
||||
## Common Prompt Patterns
|
||||
|
||||
### SaaS/Tech
|
||||
- "Clean interface design with [color] accent, minimalist, [device] mockup"
|
||||
- "Isometric server/cloud illustration, [color] palette, 3D render style"
|
||||
|
||||
### E-commerce
|
||||
- "Product photography of [item], white background, studio lighting"
|
||||
- "Lifestyle shot of [product] in use, natural lighting, [setting]"
|
||||
|
||||
### Editorial
|
||||
- "Editorial illustration for [topic], [style] art, [mood] mood"
|
||||
- "Infographic-style design showing [concept], vector format"
|
||||
|
||||
### Abstract
|
||||
- "Abstract geometric composition with [adjective] shapes, [color] gradients"
|
||||
- "Gradient background with subtle texture, [color] to [color] fade"
|
||||
Reference in New Issue
Block a user