Add 260+ Claude Code skills from skills.sh

Complete collection of AI agent skills including: - Frontend Development (Vue, React, Next.js, Three.js) - Backend Development (NestJS, FastAPI, Node.js) - Mobile Development (React Native, Expo) - Testing (E2E, frontend, webapp) - DevOps (GitHub Actions, CI/CD) - Marketing (SEO, copywriting, analytics) - Security (binary analysis, vulnerability scanning) - And many more... Synchronized from: https://skills.sh/ Co-Authored-By: Claude <noreply@anthropic.com>
2026-01-23 18:02:28 +00:00
commit 07242683bf
3300 changed files with 1223105 additions and 0 deletions
--- a/wordpress-ai/.triggers/keywords.json
+++ b/wordpress-ai/.triggers/keywords.json
@@ -0,0 +1,49 @@
+{
+  "skills": [
+    {
+      "name": "wordpress-ai-title-generation",
+      "triggers": [
+        "generate title",
+        "create title",
+        "title suggestions",
+        "optimize title",
+        "seo title",
+        "headline",
+        "wordpress post title"
+      ]
+    },
+    {
+      "name": "wordpress-ai-image-generation",
+      "triggers": [
+        "generate image",
+        "create image",
+        "featured image",
+        "ai image",
+        "dall-e",
+        "image prompt",
+        "wordpress image"
+      ]
+    },
+    {
+      "name": "wordpress-ai-summarization",
+      "triggers": [
+        "summarize",
+        "create excerpt",
+        "generate excerpt",
+        "meta description",
+        "executive summary",
+        "content summary"
+      ]
+    },
+    {
+      "name": "wordpress-ai-designer",
+      "triggers": [
+        "wordpress design",
+        "create wordpress post",
+        "wordpress article",
+        "wordpress content",
+        "design wordpress"
+      ]
+    }
+  ]
+}
--- a/wordpress-ai/README.md
+++ b/wordpress-ai/README.md
@@ -0,0 +1,47 @@
+# WordPress AI Skills Package
+
+This package provides AI-powered capabilities for WordPress content creation and design.
+
+## Skills Included
+
+### 1. Title Generation (`wordpress-ai-title-generation`)
+Generate SEO-optimized, engaging titles for WordPress posts.
+
+**Usage:** "Generate 5 title variations for my WordPress post about [topic]"
+
+### 2. Image Generation (`wordpress-ai-image-generation`)
+Create AI-generated images for featured images, headers, and graphics.
+
+**Usage:** "Create a featured image for [topic] with [style]"
+
+### 3. Summarization (`wordpress-ai-summarization`)
+Summarize content for excerpts, meta descriptions, and overviews.
+
+**Usage:** "Summarize this article for a 155-character excerpt"
+
+### 4. WordPress AI Designer (`wordpress-ai-designer`)
+Comprehensive agent for complete WordPress content creation.
+
+**Usage:** "Create a WordPress post about [topic] with AI"
+
+## Auto-Triggers
+
+These skills automatically activate when related keywords are detected:
+- "generate title" → Title Generation
+- "featured image" → Image Generation
+- "create excerpt" → Summarization
+- "wordpress design" → WordPress AI Designer
+
+## Integration
+
+The WordPress AI plugin must be installed and configured with an AI provider.
+
+## Requirements
+
+- WordPress 6.9+
+- WordPress AI plugin v0.1.0+
+- AI provider API key (OpenAI, Anthropic, etc.)
+
+## Installation
+
+Skills are auto-discovered by Claude Code's skill system.
--- a/wordpress-ai/image-generation.md
+++ b/wordpress-ai/image-generation.md
@@ -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"
--- a/wordpress-ai/summarization.md
+++ b/wordpress-ai/summarization.md
@@ -0,0 +1,236 @@
+---
+name: wordpress-ai-summarization
+description: "Summarize WordPress content using AI for excerpts, meta descriptions, and quick overviews"
+---
+
+# WordPress AI: Content Summarization
+
+## When to Use
+
+Use this skill when you need to:
+- Create post excerpts automatically
+- Generate meta descriptions
+- Provide content previews
+- Summarize long-form articles
+- Create executive summaries
+
+## How It Works
+
+The WordPress AI plugin summarizes content by:
+1. Analyzing full text structure
+2. Identifying key points and themes
+3. Extracting essential information
+4. Condensing to target length
+5. Maintaining original meaning and tone
+
+## Summary Types
+
+### Excerpt Summaries
+**Length:** 150-200 characters
+**Use:** Post previews, archive pages
+**Style:** Enticing, preview-focused
+
+### Meta Descriptions
+**Length:** 150-160 characters
+**Use:** SEO, search results
+**Style:** Keyword-rich, descriptive
+
+### Executive Summaries
+**Length:** 2-3 sentences
+**Use:** Business content, reports
+**Style:** Professional, key takeaways
+
+### Bullet Summaries
+**Length:** 3-5 bullets
+**Use:** Quick scanning, highlights
+**Style:** Concise points, actionable
+
+## Summarization Strategy
+
+### Step 1: Analyze Content
+Identify:
+- Main topic/thesis
+- Key arguments/points
+- Important details
+- Call to action (if any)
+- Target audience
+
+### Step 2: Extract Core Message
+Draft summary capturing:
+- What is this about?
+- Why does it matter?
+- What should reader learn/do?
+
+### Step 3: Condense and Polish
+- Remove fluff and repetition
+- Combine related ideas
+- Ensure clarity and flow
+- Match desired length
+
+### Step 4: Optimize for Use Case
+- **Excerpts:** Add hook/teaser
+- **Meta:** Include keywords
+- **Executive:** Maintain professional tone
+- **Bullets:** Make actionable
+
+## Examples
+
+### Long Article → Excerpt
+
+**Input:** (800-word article on AI web design)
+
+**Summary (155 chars):**
+"Discover how AI is revolutionizing web design with one-shot generation. Create production-ready landing pages in 60 seconds using GLM 4.7 and WordPress AI."
+
+### Technical Post → Meta Description
+
+**Input:** (Technical guide on REST APIs)
+
+**Summary (158 chars):**
+"Learn WordPress REST API development with practical examples. Master endpoints, authentication, and integration techniques for custom plugin and theme development."
+
+### Case Study → Executive Summary
+
+**Input:** (2000-word case study)
+
+**Summary:** "This case study examines how Company X implemented WordPress AI, resulting in 40% faster content creation, 60% improvement in SEO rankings, and 3x increase in social engagement. Key success factors included proper prompt engineering, staff training, and iterative optimization."
+
+### Tutorial → Bullet Summary
+
+**Input:** (Step-by-step tutorial)
+
+**Summary:**
+- Set up WordPress AI plugin with API provider
+- Configure title and excerpt generation features
+- Implement AI-powered content workflow
+- Monitor results and iterate on prompts
+- Scale across content team
+
+## Integration with WordPress
+
+### Generate Excerpt
+
+```php
+// Auto-generate excerpt on publish
+add_action( 'save_post', function( $post_id ) {
+    if ( defined( 'DOING_AUTOSAVE' ) || DOING_AUTOSAVE ) return;
+    
+    $excerpt = ai_summarize_content( array(
+        'content' => get_post_field( 'post_content', $post_id ),
+        'type' => 'excerpt',
+        'length' => 150,
+    ) );
+    
+    if ( ! is_wp_error( $excerpt ) ) {
+        wp_update_post( array(
+            'ID' => $post_id,
+            'post_excerpt' => $excerpt,
+        ) );
+    }
+} );
+```
+
+### Generate Meta Description
+
+```php
+// Add AI-generated meta description
+add_action( 'wp_head', function() {
+    if ( is_singular() ) {
+        $summary = ai_summarize_content( array(
+            'content' => get_the_content(),
+            'type' => 'meta_description',
+        ) );
+        
+        if ( ! is_wp_error( $summary ) ) {
+            echo '<meta name="description" content="' . esc_attr( $summary ) . '">';
+        }
+    }
+} );
+```
+
+### Bulk Summarize
+
+```php
+// Summarize all posts without excerpts
+$args = array(
+    'post_type' => 'post',
+    'posts_per_page' => -1,
+    'meta_query' => array(
+        array(
+            'key' => '_has_ai_summary',
+            'compare' => 'NOT EXISTS',
+        ),
+    ),
+);
+
+$query = new WP_Query( $args );
+
+while ( $query->have_posts() ) {
+    $query->the_post();
+    
+    $summary = ai_summarize_content( array(
+        'content' => get_the_content(),
+        'type' => 'excerpt',
+    ) );
+    
+    if ( ! is_wp_error( $summary ) ) {
+        wp_update_post( array(
+            'ID' => get_the_ID(),
+            'post_excerpt' => $summary,
+        ) );
+        
+        update_post_meta( get_the_ID(), '_has_ai_summary', true );
+    }
+}
+```
+
+## Best Practices
+
+✅ **Do:**
+- Preserve main message
+- Maintain original tone
+- Include key benefits
+- Add relevant keywords for SEO
+- Test different lengths
+- Edit for clarity
+
+❌ **Don't:**
+- Lose critical information
+- Change meaning significantly
+- Make false claims
+- Over-repeat keywords
+- Exceed length limits
+- Use passive voice excessively
+
+## Quality Checklist
+
+Before delivering summary:
+- [ ] Accurately represents source
+- [ ] Meets length requirements
+- [ ] Includes key points
+- [ ] Maintains appropriate tone
+- [ ] Grammatically correct
+- [ ] No factual errors
+- [ ] Compelling for intended use
+
+## Advanced Techniques
+
+### Multi-Length Summaries
+Generate summaries at multiple lengths:
+- Ultra-short (50 chars) - Social media
+- Short (150 chars) - Excerpts
+- Medium (300 chars) - Descriptions
+- Long (500 chars) - Abstracts
+
+### Style Adaptation
+Adjust summary style to content type:
+- **News:** Factual, who/what/when/where
+- **Tutorial:** Steps, outcomes, benefits
+- **Opinion:** Main argument, supporting points
+- **How-to:** Process overview, key tips
+
+### SEO Optimization
+- Include primary keyword naturally
+- Add related long-tail keywords
+- Match search intent
+- Include benefit/CTA when appropriate
--- a/wordpress-ai/title-generation.md
+++ b/wordpress-ai/title-generation.md
@@ -0,0 +1,119 @@
+---
+name: wordpress-ai-title-generation
+description: "Generate AI-optimized titles for WordPress posts using WordPress AI plugin capabilities"
+---
+
+# WordPress AI: Title Generation
+
+## When to Use
+
+Use this skill when you need to:
+- Generate alternative titles for WordPress posts
+- Optimize titles for SEO and engagement
+- Create compelling headlines for content
+- A/B test different title variations
+
+## How It Works
+
+The WordPress AI plugin can generate 3-5 title suggestions based on:
+- Content analysis
+- SEO best practices
+- Engagement optimization
+- Clarity and conciseness
+
+## Usage
+
+### Basic Usage
+
+When asked to generate titles for WordPress content:
+
+1. **Analyze the content** - Extract key topics, themes, and value propositions
+2. **Generate candidates** - Create 3-5 title variations
+3. **Optimize each** - Ensure they meet criteria:
+   - Length: 50-60 characters optimal
+   - Clarity: Immediately understandable
+   - Engagement: Compelling and clickable
+   - SEO: Contains relevant keywords
+4. **Present options** - Show with reasoning for each
+
+### Title Categories
+
+Generate titles across these categories:
+
+**Direct & Descriptive**
+- Clear, straightforward
+- "What [Product] Does and How It Helps"
+
+**Benefit-Focused**
+- Emphasizes value
+- "How to [Achieve Goal] with [Solution]"
+
+**Curiosity-Driven**
+- Creates interest
+- "The Secret to [Result] That [Experts] Use"
+
+**List-Based**
+- Numbered format
+- "7 Ways [Method] Improves [Outcome]"
+
+**Question-Based**
+- Engages reader
+- "Why [Phenomenon] Matters for [Audience]"
+
+## Example Input/Output
+
+**Input:**
+```
+Content: A technical article about GLM 4.7 model capabilities for one-shot web design
+```
+
+**Output:**
+1. "GLM 4.7: Revolutionizing Web Design with One-Shot AI Generation" (SEO-focused)
+2. "Create Production-Ready Websites in 60 Seconds with GLM 4.7" (Benefit-focused)
+3. "The Future of Web Development: How AI Models Are Changing Everything" (Curiosity-driven)
+4. "7 Industries Transformed by One-Shot AI Web Design" (List-based)
+5. "Can AI Really Build Complete Websites in One Prompt?" (Question-based)
+
+## Integration with WordPress
+
+When implementing in WordPress:
+
+```php
+// Using WordPress AI plugin
+$results = ai_generate_title( array(
+    'content' => $post_content,
+    'count' => 5,
+    'tone' => 'professional',
+) );
+
+foreach ( $results as $title ) {
+    echo '<option>' . esc_html( $title ) . '</option>';
+}
+```
+
+## Best Practices
+
+✅ **Do:**
+- Match tone to content style
+- Include primary keywords naturally
+- Keep under 60 characters for SEO
+- Test multiple variations
+- Consider audience expertise level
+
+❌ **Don't:**
+- Use clickbait tactics
+- Exceed 70 characters
+- Mislead about content
+- Overuse punctuation
+- Ignore brand voice
+
+## Quality Checklist
+
+Before presenting titles, verify:
+- [ ] Accurately represents content
+- [ ] Appropriate length (50-60 chars)
+- [ ] Contains primary keyword
+- [ ] Matches content tone
+- [ ] No false promises
+- [ ] Grammatically correct
+- [ ] Unique from original
--- a/wordpress-ai/wordpress-ai-designer.md
+++ b/wordpress-ai/wordpress-ai-designer.md
@@ -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