Design Director
10yDesign system oluştur: Tailwind tokens, shadcn/ui, dark mode only, Linear benzeri density, command palette, keyboard-first. 3 kritik flow için wireframe tarif et.
Kurumsal WordPress ve Elementor sitesini tema, sayfa yapısı, SEO, formlar, hız ve güvenlikle Claude Code'a kurduran build prompt.
Kimler için: Ajanslar, serbest çalışanlar ve kendi sitesini yenileyen işletmeler
WordPress hâlâ işletme sitelerinin en yaygın temeli; ama iyi bir site eklenti yığınından fazlasıdır. Sayfa hiyerarşisi, tasarım sistemi, form ve teklif akışları, hız optimizasyonu, yedekleme ve güvenlik baştan planlanmalıdır.
Prompt, Design Director, SEO/AEO ve Conversion Copywriter personalarıyla sayfa haritasını, Elementor şablonlarını, şema işaretlemeyi, iletişim ve teklif formlarını, önbellek / CDN ayarlarını ve bakım planını tek belgede toplar.
Her uzman kendi görev bloğunu, kısıtlarını ve başarı kriterlerini prompt'a ekler. WordPress / Elementor Sitesi için varsayılan seçim:
Design system oluştur: Tailwind tokens, shadcn/ui, dark mode only, Linear benzeri density, command palette, keyboard-first. 3 kritik flow için wireframe tarif et.
AEO + SEO: Programmatic SEO sayfaları, schema.org, Perplexity / ChatGPT Search için optimize, internal linking, waitlist -> launch playbook.
Landing page copy: hero (başlık + alt başlık + CTA), 3 fayda bloğu, sosyal kanıt, itiraz karşılama, pricing sayfası metinleri, onboarding e-posta serisi (5 e-posta), UX microcopy (boş durumlar, hatalar).
Performans pazarlama altyapısını kur: GA4 + Meta Pixel + Conversions API (sunucu tarafı), olay şeması ve UTM kuralları, çerez iznine uyumlu etiketleme. İlk Google / Meta kampanya yapısı (kitle, bütçe, kreatif açıları), açılış sayfası CRO kontrol listesi, A/B test planı ve CAC / ROAS hedefleri.
Studio'nun 2. adımında hazır gelir; 7 katmandan istediğini değiştir.
Her özellik prompt'ta "Spec + API + UI + Test" satırı olarak yer alır.
Örnek fikir: "Bir diş kliniği için randevu formlu, çok dilli ve hızlı WordPress sitesi". Aşağıda master prompt'un başlığı ve ilk uzmanın bloğu var; Studio tam metni 4 uzman × 8 adım olarak üretir.
# WordPress / Elementor Sitesi - MASTER BUILD PROMPT Stack: WordPress + Elementor, WordPress (PHP 8) Hedef: Bir diş kliniği için randevu formlu, çok dilli ve hızlı WordPress sitesi Bu prompt 8 adımda full-stack WordPress Site üretir. Her adım bir öncekinin çıktısını kullanır. 4 uzmanın bilgisi harmanlandı. Adımlar: 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"> Sen 10 yıllık bir Design Director'sun. Uzmanlığın: Design System. Stripe, Linear, Vercel seviyesinde dünya klası ürünler ship ettin. </role> <context> Proje: WordPress / Elementor Sitesi - Bir diş kliniği için randevu formlu, çok dilli ve hızlı WordPress sitesi Tip: WordPress Site Vizyon: Hizmet sayfaları, doktor profilleri, önce/sonra galerisi, online randevu ve WhatsApp butonu, blog, Google yorumları, Türkçe / İngilizce / Arapça dil seçenekleri, yerel SEO ve 90+ PageSpeed puanı. Hedef: Ajanslar, serbest çalışanlar ve kendi sitesini yenileyen işletmeler - Acı: - Bütçe: Rakipler: USP: Monetizasyon: One-time + Lifetime | Ödeme: Iyzico, Stripe Tech Stack: WordPress + Elementor, WordPress (PHP 8), MySQL / MariaDB, Cloudflare R2 Özellikler: CMS & Blog, Contact Forms & Lead Capture, SEO Pages & Sitemap, Multi-language (i18n), Ratings & Reviews, Analytics Charts Compliance: KVKK/GDPR Dil: TR </context> <task> Design system oluştur: Tailwind tokens, shadcn/ui, dark mode only, Linear benzeri density, command palette, keyboard-first. 3 kritik flow için wireframe tarif et. Genel: Üretim kalitesinde, kopyala-yapıştır çalışacak detayda. </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 Ödeme Akışı: Iyzico, Stripe -> Webhook -> Background job -> Entitlement update -> Audit log </technical_architecture> <feature_matrix> - [ ] CMS & Blog -> Spec + API + UI + Test - [ ] Contact Forms & Lead Capture -> Spec + API + UI + Test - [ ] SEO Pages & Sitemap -> Spec + API + UI + Test - [ ] Multi-language (i18n) -> Spec + API + UI + Test - [ ] Ratings & Reviews -> Spec + API + UI + Test …
Evet; prompt tema/child-theme yapısını, gerekli eklentileri, Elementor şablonlarını ve WP-CLI komutlarını adım adım ister, böylece araç kurulumu tekrarlanabilir yapar.
Önbellek, görsel optimizasyonu ve CDN performans bütçesine; güncelleme, yedekleme, WAF ve giriş koruması bakım planına yazılır.
Claude Code, Cursor, Windsurf, v0, Lovable, Bolt ve ChatGPT. Çıktı formatını (Claude XML, ChatGPT Markdown, Cursor Rules, v0, Lovable/Bolt) Studio'nun 4. adımında seçersin; .cursorrules ve CLAUDE.md olarak da indirebilirsin.
Evet. Free planda 3 uzman ve 2 format ile sınırsız prompt üretirsin; kart gerekmez. 18 uzman, Mega Chain ve Export to Builders Monster Pro'da ($29/ay).
Dönüşüm odaklı açılış sayfasını ya da kişisel portfolyoyu metin, tasarım, animasyon, SEO ve form akışıyla kurduran build prompt.
Expo / React Native ile iOS ve Android uygulamasını push bildirim, çevrimdışı mod, uygulama içi satın alma ve mağaza optimizasyonuyla kurduran build prompt.
Rol bazlı yetki, toplu işlemler, denetim kaydı ve raporlama içeren şirket içi aracı veya admin panelini kurduran build prompt.
Çok kiracılı SaaS dashboard'unu Claude Code, Cursor veya v0'a tek seferde yaptıran build prompt: auth, RBAC, faturalandırma, analitik ve ⌘K arama dahil.
LLM tabanlı bir SaaS'ı (chat, RAG, ajan) kredili kota, streaming ve maliyet kontrolüyle kurduran build prompt. Claude, GPT, Gemini, Groq ve vektör DB seçimleri dahil.
Kayıtsız deneme, self-serve onboarding, referral ve kullanım bazlı yükseltme akışlarıyla büyüyen bir PLG ürününün build prompt'u.
Uzmanlar, stack ve özellikler bu sayfadaki gibi hazır gelir; sen adını ve fikrini yaz. Ücretsiz, kart gerekmez.