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:
uroma
2026-01-22 15:35:55 +00:00
Unverified
commit 7a491b1548
1013 changed files with 170070 additions and 0 deletions

View 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"