WDG Playground Documentation
WordPress AI Development for Everyone
WDG Playground is a fully portable desktop application that brings the power of the WDG AI Development Environment to non-technical users. Built with Tauri, it packages everything you need to create, explore, and design WordPress sites with AI assistance—no Docker, no terminal, no technical setup required.
Target Audience
- Designers - Explore layouts, wireframe components, test themes
- Project Managers - Prototype sites, demonstrate features, plan projects
- Content Strategists - Test content structures, explore plugins, plan architecture
- Marketing Teams - Create landing pages, test designs, preview campaigns
- Anyone - Who wants WordPress + AI without the complexity
Quick Links
For Users
- Getting Started Guide - Download, install, and create your first project
- User Guide - Complete walkthrough of features
For Developers & Architects
- Architecture Overview - Executive summary and key concepts
- Technical Architecture - Complete system design
- User Experience Design - UX philosophy and user journeys
- Implementation Roadmap - Development phases and timeline
- Parity Strategy - How Playground syncs with Platform
Comparison: Playground vs Development Environment
| Feature | WDG Playground | WDG Dev Environment |
|---|---|---|
| Target Users | Designers, PMs, Strategists | Developers, Engineers |
| Installation | Download & run (portable) | Docker + CLI setup required |
| Dependencies | Zero - everything bundled | Docker Desktop, Git, Node.js |
| UI | Simplified visual interface | Full dashboard + terminal |
| AI Features | Guided workflows, templates | Full Claude Code SDK access |
| Git Integration | Visual commit/push | Full git CLI + hooks |
| Code Editing | Limited (via AI chat) | Full IDE integration |
| Performance | Optimized for single projects | Handles multiple projects |
| Updates | Auto-update via Tauri | Manual git pull + rebuild |
| Bundle Size | 200-300MB | Minimal (uses system Docker) |
| Portability | Runs from USB stick | Requires installation |
Key Features
Visual-First Experience
- One-click project creation with templates
- Visual plugin and block explorer
- Drag-and-drop layout builder
- Live preview with instant changes
- Screenshot-based wireframing
AI-Powered Assistance
- Natural language interface for creating features
- Smart suggestions based on project context
- Automatic code generation with Wikit patterns
- Learn as you go with contextual help
Fully Portable
- No external dependencies - everything bundled
- Runs on Mac, Windows, and Linux
- Can run from external drive
- No admin/root permissions required
- Zero cloud dependencies - all local
Built on WDG Foundation
- Same Wikit framework and blocks
- Compatible with WDG Dev Environment
- Projects export/import between systems
- Maintained parity for core features
Architecture Highlights
Technology Stack:
- Frontend: Tauri 2.0 + React
- Backend: Rust
- AI: Anthropic Agent SDK (TypeScript)
- MCP Server: Embedded Rust implementation
- Database: Embedded Qdrant + SQLite
- Services: Portable PHP 8.2, MySQL 8.0, Nginx
Key Differentiators:
- Embedded binaries for complete portability
- No Docker required - native process management
- MCP server built into the application
- Agent SDK for advanced AI capabilities
- Single-project focus for simplicity
Distribution
Download Links
- macOS: Download WDG-Playground.dmg
- Windows: Download WDG-Playground-Setup.exe
- Linux: Download WDG-Playground.AppImage
System Requirements
- macOS: 10.15+ (Catalina or newer)
- Windows: Windows 10/11 (64-bit)
- Linux: Ubuntu 20.04+ or equivalent
- RAM: 4GB minimum, 8GB recommended
- Disk: 2GB free space minimum
Related Documentation
- WDG Platform Documentation - Full development environment
- Wikit Framework - Component library and patterns
- MCP Guide - Model Context Protocol integration
- Claude Code Setup - AI assistant configuration
Contributing
WDG Playground is built to maintain parity with the WDG AI Development Environment platform. See Parity Strategy for details on how features sync between systems.
Development Setup
bash
# Clone the repository
git clone https://github.com/wdgdc/wdg-playground
# Install dependencies
cd wdg-playground
npm install
# Run in development mode
npm run tauri dev
# Build for production
npm run tauri buildSee Development Guide for complete setup instructions.
License
Same license as WDG AI Development Environment - see main LICENSE file.
Support
- Issues: GitHub Issues
- Discussions: GitHub Discussions
- Documentation: You're reading it!
Built with by Web Development Group