🎨
Design Director
10yAwwwards Jury • Design System
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.
WEB & MOBILE5 uzman5 özellik8 adımlı Mega Chain
Açılış sayfası veya portfolyo için master build prompt
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.
Kimler için: Ürün lansmanı yapan kurucular, serbest çalışanlar ve kişisel marka kuranlar
Tek sayfalık bir site tek bir işe odaklanır: ziyaretçiyi harekete geçirmek. Bunu başarmak için başlık, kanıt, itiraz karşılama ve CTA sırası; hız ve ölçüm kurulumu kod kadar önemlidir.
Prompt, Conversion Copywriter, Design Director, Motion & 3D Tasarımcı ve Performans Pazarlamacısı personalarını birleştirir: bölüm bölüm metin, etkileşim ve animasyon bütçesi, form ve e-posta akışı, GA4 / Pixel olayları.
Bu prompt'u yazan uzmanlar
Her uzman kendi görev bloğunu, kısıtlarını ve başarı kriterlerini prompt'a ekler. Açılış Sayfası / Portfolyo için varsayılan seçim:
✍️
Conversion Copywriter
8yYC Top Writer • Landing & UX
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).
🌀
Motion & 3D Designer
9yAwwwards SOTD • Three.js & GSAP
Hareket ve 3D deneyimini tasarla: Three.js / React Three Fiber sahneleri, GSAP ve ScrollTrigger geçişleri, mikro etkileşimler. Performans bütçesi (60 fps, LCP'yi bozmayan lazy-load, GPU maliyeti), mobil yedekler ve prefers-reduced-motion ile erişilebilirlik. Her animasyonun amacını, süresini ve tetikleyicisini tablo olarak ver.
🎯
Performance Marketer
9y$5M+ Ad Spend • Paid Acquisition & CRO
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.
🔍
SEO/AEO Strategist
7yAI Search Pioneer • Perplexity Ranking
AEO + SEO: Programmatic SEO sayfaları, schema.org, Perplexity / ChatGPT Search için optimize, internal linking, waitlist -> launch playbook.
Önerilen stack
Studio'nun 2. adımında hazır gelir; 7 katmandan istediğini değiştir.
- Astro 6
- Hono + CF Workers
- Resend
Ödeme & gelir modeli
- One-time + Lifetime
- LemonSqueezy5% + 50¢
Uyum
- KVKK/GDPR
Prompt'a giren özellikler
Her özellik prompt'ta "Spec + API + UI + Test" satırı olarak yer alır.
- Contact Forms & Lead Capture
- SEO Pages & Sitemap
- CMS & Blog
- Multi-language (i18n)
- Analytics Charts
Örnek prompt (kısaltılmış)
Örnek fikir: "Bir UI tasarımcısının iş aldıran, animasyonlu kişisel portfolyo sitesi". Aşağıda master prompt'un başlığı ve ilk uzmanın bloğu var; Studio tam metni 5 uzman × 8 adım olarak üretir.
AÇILIŞ SAYFASI / PORTFOLYO — MASTER BUILD PROMPTClaude XML • TR
# Açılış Sayfası / Portfolyo - MASTER BUILD PROMPT Stack: Astro 6, Hono + CF Workers Hedef: Bir UI tasarımcısının iş aldıran, animasyonlu kişisel portfolyo sitesi Bu prompt 8 adımda full-stack Landing / Portfolio üretir. Her adım bir öncekinin çıktısını kullanır. 5 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: Açılış Sayfası / Portfolyo - Bir UI tasarımcısının iş aldıran, animasyonlu kişisel portfolyo sitesi Tip: Landing / Portfolio Vizyon: Hero'da kısa değer önerisi ve öne çıkan işler, vaka çalışmaları, müşteri yorumları, hizmet ve fiyat bölümü, iletişim formu ve takvim bağlantısı. Kaydırmaya bağlı yumuşak animasyonlar, 95+ Lighthouse, İngilizce ve Türkçe. Hedef: Ürün lansmanı yapan kurucular, serbest çalışanlar ve kişisel marka kuranlar - Acı: - Bütçe: Rakipler: USP: Monetizasyon: One-time + Lifetime | Ödeme: LemonSqueezy Tech Stack: Astro 6, Hono + CF Workers, Resend Özellikler: Contact Forms & Lead Capture, SEO Pages & Sitemap, CMS & Blog, Multi-language (i18n), 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: Astro 6 - App Router, Server Components, partial prerendering - Backend: Hono + CF Workers - Edge runtime, RPC, zod validation - DB: - pgvector for semantic search, type-safe ORM, RLS policies - Auth: - Passkeys first, org/team model - Search: - typo-tolerant, faceted - Realtime: Resend - presence, CRDT-ready Ödeme Akışı: LemonSqueezy -> Webhook -> Background job -> Entitlement update -> Audit log </technical_architecture> <feature_matrix> - [ ] Contact Forms & Lead Capture -> Spec + API + UI + Test - [ ] SEO Pages & Sitemap -> Spec + API + UI + Test - [ ] CMS & Blog -> Spec + API + UI + Test - [ ] Multi-language (i18n) -> Spec + API + UI + Test - [ ] Analytics Charts -> Spec + API + UI + Test </feature_matrix> <constraints> …
Devamı Studio'da: tüm uzman blokları, özellik matrisi ve Mega Chain.Tam prompt'u üret
Mega Chain: 8 adımda full-stack Açılış Sayfası / Portfolyo
- 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
Sık sorulanlar
Hangi teknolojiyle kurulmalı?
Prompt hız için Astro gibi statik üretimi varsayar; form ve e-posta için küçük bir sunucu fonksiyonu ve Resend kullanır.
Animasyonlar hızı düşürmez mi?
Motion & 3D personası her animasyon için amaç ve süre verir, LCP'yi etkilemeyen lazy-load ister ve prefers-reduced-motion desteğini zorunlu tutar.
Üretilen prompt'u hangi araçlara yapıştırabilirim?
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.
Ücretsiz mi?
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).
Benzer proje tipleri
WordPress / Elementor Sitesi
Kurumsal WordPress ve Elementor sitesini tema, sayfa yapısı, SEO, formlar, hız ve güvenlikle Claude Code'a kurduran build prompt.
Mobil Uygulama (iOS/Android)
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.
Şirket İçi Araç / Admin Paneli
Rol bazlı yetki, toplu işlemler, denetim kaydı ve raporlama içeren şirket içi aracı veya admin panelini kurduran build prompt.
AI SaaS Wrapper
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.
PLG Product
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.
Chrome Extension + App
Manifest V3 Chrome eklentisi ve eşlik eden web uygulamasını (hesap, senkron, faturalandırma) birlikte kurduran build prompt.
Açılış Sayfası / Portfolyo fikrini 4 adımda master prompt'a çevir.
Uzmanlar, stack ve özellikler bu sayfadaki gibi hazır gelir; sen adını ve fikrini yaz. Ücretsiz, kart gerekmez.