Pattern Library
100+ pre-built CSS patterns for instant styling. 60% of requests handled without AI calls - zero cost, under 50ms response time.
WyvernPress Documentation
Transform your WordPress blocks with AI-powered CSS styling. No coding required.
What is WyvernPress?
Section titled “What is WyvernPress?”WyvernPress is a WordPress plugin that lets you describe how you want elements to look and generates the CSS automatically. This is NOT a content generation tool or site builder - it’s focused exclusively on CSS styling for your existing Gutenberg blocks.
How It Works
Section titled “How It Works”- Select any Gutenberg block in your WordPress editor
- Open the WyvernPress sidebar
- Describe your desired styling in plain English
- WyvernPress generates and applies the CSS instantly
Key Features
Section titled “Key Features”AI-Powered Styling
Complex styling requests handled by OpenRouter AI integration (Claude, GPT-4, etc.). Describe what you want, get professional CSS.
Gutenberg Native
Seamlessly integrated into the WordPress Block Editor. No separate interface to learn - works right in your familiar editing experience.
Accessibility First
All generated CSS maintains WCAG 2.1 AA compliance. Proper color contrast, focus states, and screen reader support built-in.
Performance Optimized
Multi-layer caching system with WordPress Object Cache and Transients. Pattern matching under 50ms, 80%+ cache hit rate.
No External Services
Works entirely within WordPress. No external infrastructure required. Your content and styles stay on your server.
Quick Links
Section titled “Quick Links”Installation
Install from WordPress.org or upload manually. Get Started →
Quick Start
Style your first block in under 2 minutes. Learn How →
Basic Usage
Master pattern library and AI styling features. Read Guide →
Pattern Library
Explore 100+ instant CSS patterns. Browse Patterns →
Example Use Cases
Section titled “Example Use Cases”Button Styling:
“Make this button have rounded corners, a blue gradient, and a subtle shadow”
Card Effects:
“Add a hover effect that lifts the card up slightly with a shadow”
Typography:
“Style this heading with a gradient text effect from purple to pink”
Responsive Design:
“Make this image stack vertically on mobile devices”
Why WyvernPress?
Section titled “Why WyvernPress?”Unlike other WordPress AI tools that focus on content generation or full site building, WyvernPress is laser-focused on one thing: making CSS styling accessible to everyone. No need to learn CSS syntax, no need to hire a developer for simple styling changes.
Perfect for:
- Content creators who want professional styling without coding
- Small business owners managing their own WordPress sites
- Agencies needing rapid prototyping and client customizations
- Developers who want to speed up CSS workflow
Ready to get started? Install WyvernPress →