Design Director
10yBuild the design system: Tailwind tokens, shadcn/ui, dark mode only, Linear-like density, command palette, keyboard-first. Describe wireframes for the 3 critical flows.
A build prompt that gets Claude Code to set up a business WordPress and Elementor site with a theme, page structure, SEO, forms, speed and security.
Built for: Agencies, freelancers and businesses rebuilding their own website
WordPress is still the most common foundation for business websites — but a good site is more than a pile of plugins. The page hierarchy, design system, form and quote flows, speed optimization, backups and security need to be planned from the start.
With the Design Director, SEO/AEO Strategist and Conversion Copywriter personas, the prompt brings the sitemap, Elementor templates, schema markup, contact and quote forms, cache / CDN settings and a maintenance plan together in one document.
Each expert adds its own task block, constraints and success criteria to the prompt. Default selection for WordPress / Elementor Site:
Build the design system: Tailwind tokens, shadcn/ui, dark mode only, Linear-like density, command palette, keyboard-first. Describe wireframes for the 3 critical flows.
AEO + SEO: programmatic SEO pages, schema.org, optimization for Perplexity / ChatGPT Search, internal linking, waitlist -> launch playbook.
Landing page copy: hero (headline + subheadline + CTA), 3 benefit blocks, social proof, objection handling, pricing page copy, onboarding email sequence (5 emails), UX microcopy (empty states, errors).
Set up performance marketing: GA4 + Meta Pixel + Conversions API (server-side), an event schema and UTM rules, consent-aware tagging. The first Google / Meta campaign structure (audiences, budget, creative angles), a landing-page CRO checklist, an A/B test plan and CAC / ROAS targets.
Preloaded in step 2 of the Studio; change any of the 7 layers.
Every feature appears in the prompt as a "Spec + API + UI + Tests" line.
Sample idea: "A fast, multilingual WordPress site with an appointment form for a dental clinic". Below are the master prompt's header and the first expert's block; the Studio generates the full text as 4 experts × 8 steps.
# WordPress / Elementor Site - MASTER BUILD PROMPT Stack: WordPress + Elementor, WordPress (PHP 8) Goal: A fast, multilingual WordPress site with an appointment form for a dental clinic This prompt builds a full-stack WordPress Site in 8 steps. Each step consumes the previous step's output. 4 experts' knowledge combined. Steps: 1. PRD & User Stories 2. Design System (Figma tokens) 3. DB Schema & API Contract 4. Auth & Billing Implementation 5. Core Features Build 6. AI Integration (RAG + Agents) 7. SEO/AEO & Analytics 8. Launch & Growth Checklist --- <prompt> <role name="Design Director" org="Awwwards Jury" specialty="Design System" experience="10y"> You are a Design Director with 10 years of experience. Specialty: Design System. You have shipped world-class products at the level of Stripe, Linear and Vercel. </role> <context> Project: WordPress / Elementor Site - A fast, multilingual WordPress site with an appointment form for a dental clinic Type: WordPress Site Vision: Service pages, doctor profiles, a before/after gallery, online appointments and a WhatsApp button, a blog, Google reviews, English / Turkish / Arabic versions, local SEO and a 90+ PageSpeed score. Target user: Agencies, freelancers and businesses rebuilding their own website - Pain: - Budget: Competitors: USP: Monetization: One-time + Lifetime | Payments: Stripe Tech Stack: WordPress + Elementor, WordPress (PHP 8), MySQL / MariaDB, Cloudflare R2 Features: CMS & Blog, Contact Forms & Lead Capture, SEO Pages & Sitemap, Multi-language (i18n), Ratings & Reviews, Analytics Charts Compliance: KVKK/GDPR Lang: EN </context> <task> Build the design system: Tailwind tokens, shadcn/ui, dark mode only, Linear-like density, command palette, keyboard-first. Describe wireframes for the 3 critical flows. General: production quality, copy-paste ready level of detail. </task> <technical_architecture> - Frontend: WordPress + Elementor - App Router, Server Components, partial prerendering - Backend: WordPress (PHP 8) - Edge runtime, RPC, zod validation - DB: MySQL / MariaDB - pgvector for semantic search, type-safe ORM, RLS policies - Auth: - Passkeys first, org/team model - Search: - typo-tolerant, faceted - Realtime: Cloudflare R2 - presence, CRDT-ready Payment flow: Stripe -> Webhook -> Background job -> Entitlement update -> Audit log </technical_architecture> <feature_matrix> - [ ] CMS & Blog -> Spec + API + UI + Tests - [ ] Contact Forms & Lead Capture -> Spec + API + UI + Tests - [ ] SEO Pages & Sitemap -> Spec + API + UI + Tests …
Yes. The prompt asks for the theme / child-theme structure, the required plugins, Elementor templates and WP-CLI commands step by step, so the setup is repeatable.
Caching, image optimization and a CDN go into the performance budget; updates, backups, a WAF and login protection go into the maintenance plan.
Claude Code, Cursor, Windsurf, v0, Lovable, Bolt and ChatGPT. You pick the output format (Claude XML, ChatGPT Markdown, Cursor Rules, v0, Lovable/Bolt) in step 4 of the Studio, and you can also download it as .cursorrules or CLAUDE.md.
Yes. On the Free plan you generate unlimited prompts with 3 experts and 2 formats — no card required. 18 experts, the Mega Chain and Export to Builders come with Monster Pro ($29/mo).
A build prompt for a conversion-focused landing page or a personal portfolio, with copy, design, animation, SEO and form flows.
A build prompt for an iOS and Android app with Expo / React Native: push notifications, offline mode, in-app purchases and app store optimization.
A build prompt for an internal tool or admin panel with role-based permissions, bulk actions, an audit log and reporting.
A build prompt that gets Claude Code, Cursor or v0 to ship a multi-tenant SaaS dashboard in one go: auth, RBAC, billing, analytics and ⌘K search included.
A build prompt for an LLM-powered SaaS (chat, RAG, agents) with credit quotas, streaming and cost control. Claude, GPT, Gemini, Groq and vector DB picks included.
The build prompt for a PLG product that grows through no-signup trials, self-serve onboarding, referrals and usage-based upgrade flows.
Experts, stack and features come preloaded like on this page — you add the name and the idea. Free, no card required.