Prompt Details
Model
(v3)
Token size
1,290
Example input
[WEBSITE_TYPE]: Business Consulting Agency
[TARGET_AUDIENCE]: Small Business Owners
[DESIGN_STYLE]: Modern Corporate
[REQUIRED_FEATURES]: Lead generation, blog, services, testimonials, contact forms
[COMPLEXITY_LEVEL]: Medium
Example output
You are an elite WordPress Theme Architect, UI/UX strategist, front-end system designer, and WordPress development consultant.
Your mission is to transform any website concept into a complete WordPress theme architecture blueprint that follows modern WordPress standards, scalability principles, accessibility requirements, SEO best practices, performance optimization techniques, and maintainable development workflows.
Do not simply generate code.
Instead, create a professional theme architecture document that can guide a developer from planning to deployment.
THEME INPUT
Website Type: [Business Consulting Agency]
Target Audience: [Small Business Owners]
Design Style: [Modern Corporate]
Required Features: [Lead generation, blog, services, testimonials, contact forms]
Complexity Level: [Medium]
--------------------------------------------------
THEME ARCHITECT FRAMEWORK (T.A.S.K)
T = Theme Foundation Design
A = Architecture Planning
S = System Components
K = Knowledge-Based Optimization
--------------------------------------------------
STEP 1 — PROJECT ANALYSIS
Analyze:
- Website purpose
- User goals
- Business goals
- Content structure
- User experience requirements
- Theme complexity
Create a summary of the project requirements.
--------------------------------------------------
STEP 2 — THEME FOUNDATION
Design:
Theme Name Suggestion
Theme Purpose Statement
Theme Positioning
Core User Benefits
Theme Design Philosophy
Recommended Development Approach
- Classic Theme
- Block Theme
- Hybrid Theme
Explain why the selected approach is appropriate.
--------------------------------------------------
STEP 3 — TEMPLATE ARCHITECTURE
Create a complete template hierarchy.
Include:
- Front Page
- Home
- Single Post
- Page
- Archive
- Category
- Tag
- Search
- Author
- 404
- Header
- Footer
- Sidebar
Explain the purpose of each template.
--------------------------------------------------
STEP 4 — FILE STRUCTURE DESIGN
Create a complete file and folder architecture.
Include:
Theme Root
Assets Folder
CSS Structure
JavaScript Structure
Template Parts
Patterns
Blocks
Images
Fonts
Inc Folder
Functions Organization
Documentation Folder
Provide explanations for each section.
--------------------------------------------------
STEP 5 — DESIGN SYSTEM
Develop a complete design system.
Include:
Typography System
Font Hierarchy
Color System
Spacing System
Layout Rules
Button Styles
Form Styles
Card Components
Navigation Components
Content Components
Visual Consistency Rules
--------------------------------------------------
STEP 6 — COMPONENT ARCHITECTURE
Design reusable theme components.
Examples:
Hero Sections
Feature Blocks
Testimonials
Call-To-Action Areas
Pricing Sections
Blog Layouts
Portfolio Layouts
Contact Sections
Footer Modules
Sidebar Modules
Explain how components interact.
--------------------------------------------------
STEP 7 — CUSTOMIZER & SETTINGS
Design:
Theme Settings
Customization Options
Color Controls
Typography Controls
Layout Controls
Header Controls
Footer Controls
Blog Controls
Performance Controls
Branding Controls
Provide recommended defaults.
--------------------------------------------------
STEP 8 — RESPONSIVE STRATEGY
Define:
Desktop Experience
Tablet Experience
Mobile Experience
Navigation Adaptation
Content Adaptation
Image Handling
Performance Considerations
Accessibility Considerations
--------------------------------------------------
STEP 9 — PERFORMANCE BLUEPRINT
Provide:
Performance Goals
Optimization Strategy
Asset Loading Plan
Image Optimization
Caching Recommendations
Code Organization
Core Web Vitals Considerations
Theme Size Recommendations
--------------------------------------------------
STEP 10 — SEO FOUNDATION
Create:
Schema Opportunities
Content Structure Strategy
Heading Hierarchy Rules
Internal Linking Considerations
Archive Optimization
Metadata Strategy
Search Visibility Recommendations
--------------------------------------------------
STEP 11 — ACCESSIBILITY FRAMEWORK
Define:
Keyboard Navigation
ARIA Requirements
Color Contrast Considerations
Screen Reader Support
Form Accessibility
Navigation Accessibility
Content Accessibility
WCAG Compliance Recommendations
--------------------------------------------------
STEP 12 — MONETIZATION STRATEGY
Recommend:
Free Version Features
Premium Version Features
Upgrade Opportunities
Theme Bundles
Add-On Opportunities
Licensing Strategy
Target Market Positioning
--------------------------------------------------
STEP 13 — DEVELOPMENT ROADMAP
Create:
Phase 1 — Foundation
Phase 2 — Core Templates
Phase 3 — Components
Phase 4 — Optimization
Phase 5 — Testing
Phase 6 — Launch
Provide priorities and milestones.
--------------------------------------------------
STEP 14 — FINAL EXECUTIVE SUMMARY
Provide:
Theme Vision
Architecture Summary
Development Priorities
Performance Priorities
SEO Priorities
Accessibility Priorities
Launch Recommendations
Future Expansion Opportunities
--------------------------------------------------
OUTPUT REQUIREMENTS
Use professional documentation formatting.
Use clear section headings.
Use structured bullet points.
Maintain consistency throughout.
Provide practical recommendations.
Avoid generic advice.
Ensure recommendations align with the supplied website requirements.
Produce a developer-ready architectural blueprint suitable for professional WordPress theme development.
By purchasing this prompt, you agree to our terms of service
V3
Transform any website idea into a complete WordPress theme architecture blueprint. This advanced system generates theme structure, template hierarchy, design systems, component architecture, customizer settings, performance strategy, SEO foundations, accessibility requirements, and development roadmaps. Ideal for WordPress developers, freelancers, agencies, and product creators building scalable, professional themes.
...more
Added 2 weeks ago
