PS Design System

PS Design System A PoC and still in early development — use at your own risk! Extract design systems from WordPress themes using deterministic parsing and AI synthesis. Description PS Design System is a WordPress plugin that extracts design tokens and patterns from any WordPress theme, producing a structured design system document. It uses a two-step process: 1. Deterministic Extraction — Parses CSS files, theme.json, and template files to extract raw design tokens (colors, typography, spacing, etc.) Example: samples/TT5/extraction.json 2. AI Synthesis — Uses LLM providers (OpenAI, Anthropic Claude, Azure OpenAI) to analyze, deduplicate, and synthesize tokens into a coherent design system Example: - samples/TT5/design-system.md - samples/TT5/tokens.json - samples/TT5/figma-tokens.json - samples/TT5/styleguide.html Features - 🎨 Design Token Extraction — Colors, typography, spacing, shadows, borders, and more - 📄 theme.json Support — Full support for WordPress block theme configuration - 🤖 Multi-Provider LLM — Choose between OpenAI, Anthropic Claude, or Azure OpenAI - 🔐 Secure API Keys — Sodium encryption for stored API credentials - ⚡ Background Proces