AI Experiments Extended

Extended AI experiments for WordPress that demonstrate how easy it is to extend the experiments registered in the base AI Experiments plugin.

Overview

AI Experiments Extended is a demonstration plugin that extends the AI Experiments plugin by adding new UI entry points for existing experiments. This plugin shows how third-party developers can leverage the base plugin's experiment registry and abilities to create custom integrations.

Features

Post List Row Actions

Adds row action links to the WordPress post list page (edit.php) for generating excerpts and titles. This demonstrates how to extend existing experiments with new UI entry points without duplicating any core functionality.

Excerpt Generation

Adds a "Generate excerpt" row action link. When clicked, it:

• Opens a modal dialog
• Automatically generates an excerpt using the base plugin's ai/excerpt-generation ability
• Allows users to review and edit the generated excerpt
• Saves the excerpt directly to the post via the WordPress REST API

Title Generation

Adds a "Generate title" row action link. When clicked, it:

• Opens a modal dialog
• Automatically generates multiple title candidates (default: 3) using the base plugin's ai/title-generation ability
• Displays all candidates in editable textareas
• Allows users to select a title or edit any candidate before applying
• Updates the post title immediately in the UI after selection
• Saves the selected title directly to the post via the WordPress REST API

Requirements

• WordPress 6.9 or higher
• PHP 7.4 or higher
• AI Experiments plugin (must be installed and activated)
• Valid AI credentials configured in the base plugin

Installation

1. Install and activate the base AI Experiments plugin

2. Clone or download this plugin to your wp-content/plugins/ directory

3. Install dependencies:

   composer install
   npm install

4. Build the JavaScript assets:

   npm run build

5. Activate the plugin through the WordPress admin

Development

Setup

1. Install dependencies:

   composer install
   npm install

2. Build for development (with watch mode):

   npm start

3. Build for production:

   npm run build

Code Quality

• PHP Linting: composer lint
• PHP Formatting: composer format
• PHP Static Analysis: composer phpstan
• JavaScript Linting: npm run lint:js
• TypeScript Type Checking: npm run typecheck