design-system-synthesizer - Synthesize and visualize a reusable site design system
Reads representative WordPress pages, theme files, and media to extract, persist, and visually render a reusable design system.
Tags
Updated: 2026-10-01Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Read representative site pages
- Inspect theme files
- Extract brand assets
- Analyze visual patterns
- Synthesize design tokens
- Show synthesized system
- Persist design system
- Generate style-guide page
Inputs
- WordPress site
- Representative site pages
- Theme files
- Media library
- Active page builder
- User confirmation
Outputs
- Human-readable design summary
- Persisted design_system artifact
- Visible style-guide page
- Page visibility status
Requirements
- WordPress site access
- Respira plugin 7.1+
- Respira MCP server
- Supported active page builder