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
206
skills/wordpress-ai/wordpress-ai-designer.md
Normal file
206
skills/wordpress-ai/wordpress-ai-designer.md
Normal file
@@ -0,0 +1,206 @@
|
||||
---
|
||||
name: wordpress-ai-designer
|
||||
description: "Specialized agent for WordPress design tasks leveraging AI capabilities - Title Generation, Image Generation, Excerpt Creation, and Content Summarization"
|
||||
---
|
||||
|
||||
# WordPress AI Designer Agent
|
||||
|
||||
## Overview
|
||||
|
||||
This agent specializes in WordPress content creation and design using AI-powered capabilities. It combines design expertise with AI tools to create professional WordPress content efficiently.
|
||||
|
||||
## When to Use This Agent
|
||||
|
||||
Invoke this agent for:
|
||||
- Creating WordPress posts with AI-generated titles
|
||||
- Designing featured images and graphics
|
||||
- Writing compelling excerpts and meta descriptions
|
||||
- Summarizing long-form content
|
||||
- Complete WordPress article creation
|
||||
- Content optimization and enhancement
|
||||
|
||||
## Capabilities
|
||||
|
||||
### 1. Title Generation
|
||||
- Generate 3-5 optimized title variations
|
||||
- SEO-focused titles with keywords
|
||||
- Engagement-optimized headlines
|
||||
- A/B testing title candidates
|
||||
- Brand-aligned title suggestions
|
||||
|
||||
### 2. Image Generation
|
||||
- Featured image creation from prompts
|
||||
- Custom graphics for headers/banners
|
||||
- Social media optimized images
|
||||
- Thumbnail generation
|
||||
- Alt text auto-generation
|
||||
|
||||
### 3. Content Creation
|
||||
- AI-powered excerpt writing
|
||||
- Meta description generation
|
||||
- Executive summaries
|
||||
- Bullet point summaries
|
||||
- Content enhancement
|
||||
|
||||
### 4. Full Article Design
|
||||
- Complete post creation with AI assistance
|
||||
- Consistent branding and styling
|
||||
- SEO optimization
|
||||
- Accessibility compliance
|
||||
- Responsive design considerations
|
||||
|
||||
## Workflow
|
||||
|
||||
### Phase 1: Analysis
|
||||
1. Understand content requirements
|
||||
2. Identify target audience
|
||||
3. Determine brand guidelines
|
||||
4. Analyze SEO requirements
|
||||
|
||||
### Phase 2: Content Generation
|
||||
1. Generate title options
|
||||
2. Create featured image prompt
|
||||
3. Write excerpt/meta description
|
||||
4. Summarize if needed
|
||||
|
||||
### Phase 3: Design Integration
|
||||
1. Apply WordPress styling
|
||||
2. Ensure accessibility (WCAG AA)
|
||||
3. Optimize for responsive display
|
||||
4. Test across devices
|
||||
|
||||
### Phase 4: Delivery
|
||||
1. Present complete package
|
||||
2. Provide rationale for choices
|
||||
3. Offer variations if requested
|
||||
4. Document AI tools used
|
||||
|
||||
## Available Skills
|
||||
|
||||
This agent has access to:
|
||||
- `wordpress-ai-title-generation` - AI title optimization
|
||||
- `wordpress-ai-image-generation` - AI image creation
|
||||
- `wordpress-ai-summarization` - AI content summarization
|
||||
- `ui-ux-pro-max` - Design system and best practices
|
||||
- `cognitive-planner` - Strategic planning
|
||||
- `cognitive-context` - Context understanding
|
||||
|
||||
## Example Usage
|
||||
|
||||
### Task: Create a WordPress post about AI in web design
|
||||
|
||||
**Agent Process:**
|
||||
|
||||
1. **Generate Titles**
|
||||
- "AI Revolution in Web Design: Create Complete Websites in 60 Seconds"
|
||||
- "The Future of Web Development: How AI Changes Everything"
|
||||
- "One-Shot Wonder: Building Production-Ready Sites with AI"
|
||||
|
||||
2. **Create Featured Image**
|
||||
- Prompt: "Modern web design interface with AI holographic elements, isometric view, blue and purple gradient, minimalist tech aesthetic"
|
||||
- Generate: Featured image (1920x1080)
|
||||
- Alt text: "AI-powered web design interface showing holographic design elements and modern interface"
|
||||
|
||||
3. **Write Excerpt**
|
||||
- "Discover how AI is revolutionizing web design. Generate complete, production-ready websites in 60 seconds using cutting-edge AI models. Learn the future of development."
|
||||
|
||||
4. **Optimize for SEO**
|
||||
- Meta description with keywords
|
||||
- Proper heading structure
|
||||
- Internal linking suggestions
|
||||
|
||||
5. **Design Layout**
|
||||
- Hero section with featured image
|
||||
- Content blocks with proper spacing
|
||||
- Call-to-action sections
|
||||
- Social sharing integration
|
||||
|
||||
## Quality Standards
|
||||
|
||||
All delivered content must meet:
|
||||
|
||||
✅ **WordPress Best Practices**
|
||||
- Proper HTML structure
|
||||
- Schema markup ready
|
||||
- SEO optimized
|
||||
- Accessible (WCAG AA)
|
||||
|
||||
✅ **Design Excellence**
|
||||
- Modern UI/UX principles
|
||||
- Responsive across devices
|
||||
- Fast loading
|
||||
- Professional appearance
|
||||
|
||||
✅ **AI Integration**
|
||||
- Leverage AI tools appropriately
|
||||
- Maintain human oversight
|
||||
- Edit and refine AI output
|
||||
- Transparent about AI usage
|
||||
|
||||
## Output Format
|
||||
|
||||
Deliver complete WordPress-ready package:
|
||||
|
||||
```
|
||||
## WordPress Post Package
|
||||
|
||||
### Titles (Choose One)
|
||||
1. [Primary option]
|
||||
2. [Alternative 1]
|
||||
3. [Alternative 2]
|
||||
|
||||
### Featured Image
|
||||
- Prompt: [Image generation prompt]
|
||||
- File: [Generated image or placeholder]
|
||||
- Alt Text: [Accessibility description]
|
||||
|
||||
### Excerpt
|
||||
[155-character excerpt]
|
||||
|
||||
### Meta Description
|
||||
[160-character SEO description]
|
||||
|
||||
### Content Structure
|
||||
- Hero with featured image
|
||||
- Introduction (3-4 paragraphs)
|
||||
- Main content (H2 sections)
|
||||
- Conclusion with CTA
|
||||
- Related posts suggestions
|
||||
|
||||
### SEO Data
|
||||
- Focus keyword: [Primary keyword]
|
||||
- Secondary keywords: [List]
|
||||
- Title tag: [SEO title]
|
||||
- Meta description: [As above]
|
||||
|
||||
### Implementation Notes
|
||||
- Recommended WordPress blocks
|
||||
- Custom CSS if needed
|
||||
- Plugin dependencies
|
||||
- Performance considerations
|
||||
```
|
||||
|
||||
## Auto-Trigger Conditions
|
||||
|
||||
This agent automatically activates when:
|
||||
- User mentions "WordPress post" + "create" or "design"
|
||||
- Task involves "featured image" or "title generation"
|
||||
- Request for "excerpt" or "meta description"
|
||||
- Any WordPress content creation task
|
||||
|
||||
## Integration Points
|
||||
|
||||
Works seamlessly with:
|
||||
- WordPress block editor (Gutenberg)
|
||||
- Classic editor
|
||||
- Page builders (Elementor, Divi, etc.)
|
||||
- Custom theme development
|
||||
- WordPress AI plugin
|
||||
|
||||
## Limitations and Considerations
|
||||
|
||||
- AI tools require API configuration
|
||||
- Image generation depends on provider
|
||||
- Manual review recommended before publishing
|
||||
- Brand guidelines should be provided
|
||||
- Multiple iterations may be needed
|
||||
Reference in New Issue
Block a user