diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 44a2ea20..b67a0762 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -153,6 +153,7 @@ export default async function RootLayout({
const pathname = headersList.get("x-pathname") || headersList.get("x-invoke-path") || "";
const isEmbedRoute = pathname.startsWith("/embed");
const isKidsRoute = pathname.startsWith("/kids");
+ const isPresentationRoute = pathname.startsWith("/presentation");
const locale = await getLocale();
const messages = await getMessages();
@@ -191,7 +192,7 @@ export default async function RootLayout({
)}
- {isEmbedRoute || isKidsRoute ? (
+ {isEmbedRoute || isKidsRoute || isPresentationRoute ? (
children
) : (
<>
diff --git a/src/app/presentation/page.tsx b/src/app/presentation/page.tsx
index 583b32a3..2bd94827 100644
--- a/src/app/presentation/page.tsx
+++ b/src/app/presentation/page.tsx
@@ -1,233 +1,527 @@
-import { SlideDeck, SlideTitle, SlideContent, SlideHighlight } from "@/components/presentation/SlideDeck";
-import { MoveRight, Star, GitMerge, FileCode2, Sparkles, MessageSquare, Globe, Users, Code, Zap, Lightbulb } from "lucide-react";
-import Link from "next/link";
-import { Button } from "@/components/ui/button";
+import {
+ Blocks,
+ Bot,
+ BrainCircuit,
+ CheckCircle2,
+ CircleDotDashed,
+ ClipboardCheck,
+ Clock3,
+ DatabaseZap,
+ FileText,
+ Filter,
+ GitBranch,
+ Layers3,
+ Lightbulb,
+ MessageSquareText,
+ Network,
+ PackageCheck,
+ Puzzle,
+ RefreshCw,
+ Route,
+ Scissors,
+ ShieldCheck,
+ Sparkles,
+ Target,
+ TimerReset,
+ WandSparkles,
+} from "lucide-react";
+import type { LucideIcon } from "lucide-react";
+import Image from "next/image";
+import type { ReactNode } from "react";
+import { SlideContent, SlideDeck, SlideHighlight, SlideTitle } from "@/components/presentation/SlideDeck";
export const metadata = {
- title: "Why prompts.chat? | Presentation",
- description: "Discover why prompts are more important than ever in the agentic era.",
+ title: "Prompt Tasarımı ve Context Yönetimi | Presentation",
+ description: "30 dakikalık Türkçe konuşma: prompt tasarımı, context yönetimi ve prompts.chat.",
};
+const speakerNotes = [
+ "Açılışta sunumun amacını netleştir: Bu konuşma prompt ezberlemek değil, bağlamı bilinçli yönetmek üzerine. 30 dakika sonunda herkesin kendi işine uygulayabileceği bir kontrol listesi olacak.",
+ "Konuşmacı slaytı kısa tutulmalı. Kişisel hikaye: Awesome ChatGPT Prompts ile başlayan topluluk deneyimi, prompts.chat ile promptların paylaşılabilir, sürümlenebilir ve geliştirilebilir varlıklara dönüşmesi.",
+ "Akışı anlat: önce zihinsel model, sonra promptun anatomisi, sonra context yönetimi ve ölçüm. prompts.chat bölümünü ürün demosu gibi değil, bu prensiplerin pratik karşılığı olarak konumlandır.",
+ "Ana mesaj: Modeli sadece cevap makinesi gibi değil, sınırlı dikkat alanına sahip bir ekip arkadaşı gibi düşünün. Prompt tasarımı görevi tanımlar; context yönetimi modelin neye bakacağını seçer.",
+ "Prompt tasarımının yalnızca güzel cümle yazmak olmadığını vurgula. Rol, hedef, veri, sınır, örnek ve çıktı sözleşmesi bir araya geldiğinde modelin çalışma alanı oluşur.",
+ "Bu slaytta kötü prompt / iyi prompt farkını canlı okuyarak göster. İyi örneğin daha uzun olduğu için değil, karar yükünü azalttığı için iyi olduğunu söyle.",
+ "Context penceresini dosya dolabı değil, toplantı masası metaforu ile anlat. Masaya her şeyi koymak odak kaybettirir; doğru şeyleri doğru sırayla koymak performansı artırır.",
+ "Bağlam katmanlarını sırayla açıkla. Sistem ve geliştirici talimatlarının politikayı, kullanıcı mesajının amacı, araç sonuçlarının kanıtı, geçmişin ise sürekliliği taşıdığını anlat.",
+ "Önemli ayrım: Context çokluğu kalite demek değildir. Gürültü, eski kararlar ve çelişkili talimatlar modeli kararsızlaştırır. Context tasarrufu aynı zamanda kalite kontrolüdür.",
+ "Kısa bir teknik çerçeve ver: seç, sırala, sıkıştır, doğrula. Bu dört fiil context yönetiminin günlük pratiği olabilir.",
+ "Örnekler model davranışını güçlü biçimde kilitler. Ancak yanlış örnekler de yanlış davranışı kilitler. Örnekleri az ama temsil gücü yüksek seçmek gerektiğini vurgula.",
+ "Çıktı sözleşmesi özellikle ekiplerde önemlidir. JSON, tablo, diff, adım adım plan gibi formatlar otomasyon ve tekrar üretilebilirlik sağlar.",
+ "Araç kullanan ajanlarda prompt, sadece cevap formatını değil yetki sınırını da belirler. Ne zaman arama yapmalı, ne zaman sormalı, ne zaman durmalı gibi kararları açık yazın.",
+ "Context yönetiminin operasyonel tarafı: uzun konuşmalarda özet, dosya tabanlı işlerde ilgili parçalar, arama tabanlı işlerde kaynak ve alıntı. Her şeyi tek mesaja doldurmak yerine akış tasarla.",
+ "Hata modlarını örneklerle anlat: belirsiz hedef, eski bağlam, çelişki, görünmez varsayım, format eksikliği. Bunlar model hatası gibi görünür ama çoğu zaman tasarım hatasıdır.",
+ "Ölçüm slaytında küçük bir test setinin değerini anlat. Aynı promptu birkaç gerçek senaryo ile denemek, tek seferlik iyi cevaptan daha güvenilirdir.",
+ "prompts.chat'i bağlamla ilişkilendir: iyi promptlar tek kişide kalmamalı. Paylaşım, sürümleme ve geri bildirim prompt kalitesini artırır.",
+ "Ekip pratiğine geç: promptlar kod gibi yaşamalı. Sahiplik, değişiklik geçmişi, review ve örnek çıktılar promptun güvenilirliğini artırır.",
+ "Kapanış kontrol listesini yavaş oku. Dinleyicilerin kendi promptlarını bu beş soruyla gözden geçirmesini iste.",
+ "Son slaytta tek cümlelik kapanış: İyi prompt, modele ne yapacağını söyler; iyi context yönetimi, neye dayanarak yapacağını belirler.",
+];
+
+type CardProps = {
+ icon: LucideIcon;
+ title: string;
+ children: ReactNode;
+ accent?: string;
+};
+
+function Card({ icon: Icon, title, children, accent = "text-primary" }: CardProps) {
+ return (
+
+ );
+}
+
export default function PresentationPage() {
return (
-
- {/* 1. Title Slide */}
-
-
-
+
+
+
+
- Why prompts.chat?
- Discover why prompts are more important than ever in the agentic era.
-
- Use arrow keys or swipe to navigate
-
-
-
- {/* 2. The Genesis */}
-
-
- The History of prompts.chat
-
- From a simple repository to a full-fledged platform. We started as Awesome ChatGPT Prompts, and evolved to support the entire AI community with typed prompts, workflows, and skills.
+ Prompt Tasarımı ve Context Yönetimi
+
+ 30 dakikalık pratik bir çerçeve: daha iyi talimat, daha temiz bağlam, daha güvenilir AI çıktısı.
-
-
- Awesome ChatGPT Prompts → prompts.chat
-
+
+ prompts.chat/presentation
+ Ok tuşları, boşluk, F, N
- {/* 3. The Paradigm Shift */}
-
-
- The Agentic Era
-
- Why are prompts still important? Because agents need instructions. As AI becomes more autonomous, the quality of instructions determines the quality of the outcome.
-
-
-
- {/* 4. The Core Question */}
-
-
- Wait, isn't AI getting smarter?
-
- Yes, but smart AI still needs direction.
-
- A genius without instructions is just a very capable idle machine.
-
-
-
- {/* 5. The Agentic Need */}
-
- The Agentic Need
-
- Agents require precise instructions, constraints, and goal definitions.
-
-
What tools can they use?
-
What are their boundaries?
-
How should they format the output?
-
What tone should they adopt?
-
-
-
-
- {/* 6. The SLM Revolution */}
-
-
- Crucial for SLMs
-
- Small Language Models (SLMs) are the future of edge computing. They require precise, well-crafted prompts to perform tasks accurately without the massive parameter count of frontier models.
-
-
-
- {/* 7. SLM Constraints */}
-
- SLM Constraints
-
- Smaller models lack the vast "common sense" of 1T+ parameter models.
-
- They require highly optimized, battle-tested prompts to punch above their weight class and run efficiently on local devices.
-
-
-
- {/* 8. The New Primitive */}
-
-
- Prompts are New Code Snippets
-
- Just as developers copy/paste code snippets from StackOverflow, AI practitioners now share prompt templates. Prompts are the new primitive of programming.
-
-
+ WordPress Developer Advocate, Automattic - Creator of prompts.chat
+
+
+
+
+
+
+ Merhaba, ben Fatih.
+
+ Geliştiricilerin hayatını kolaylaştıran uygulamalar geliştiriyorum; bunlardan biri de{" "}
+ prompts.chat.
+
+
+
+
+ WordPress
+
+
+
+ Automattic
+
+
- {/* 9. Open Source AI */}
-
-
- Community Sharing
-
- Nobody learns in isolation. By sharing prompts, we accelerate the collective understanding of how to communicate with AI. It's the open-source movement for human-AI interaction.
-
-
-
- {/* 10. Collective Intelligence */}
-
- Collective Intelligence
-
- We are building the largest open repository of human-AI interaction patterns.
-
- Tested, versioned, and peer-reviewed.
-
-
-
- {/* 11. Feature - Typed Prompts */}
-
-
- Feature: Typed Prompts
-
- Natural language is ambiguous. Typed Prompts bring structure.
-
- Define inputs, outputs, and variables systematically so prompts can be executed predictably via APIs.
-
-
-
- {/* 12. Feature - Workflows */}
-
-
-
-
-
-
-
+
+ Bugünkü rota
+
+
+
+
+
- Feature: Workflows
-
- Some tasks are too complex for a single prompt.
-
- Chain multiple prompts together to create Workflows — dividing and conquering complex agentic tasks.
-
- Collaborate, suggest improvements, and refine instructions together as a community.
-
-
-
- {/* 15. For Developers */}
-
- For Developers
-
- prompts.chat isn't just for end-users. With features like Agent Skills, Typed Prompts, and API integrations, it's a vital tool for developers building the next generation of AI apps.
-
-
-
- {/* 16. For Everyone */}
-
-
- For Everyone
-
- Discover, collect, and learn from Promptmasters.
-
- A beautifully designed, accessible platform to find exactly what you need to make AI work for you.
-
-
-
- {/* 17. Self-Hosted */}
-
-
- Fully Self-Hosted
-
- Your data, your platform.
-
- prompts.chat is 100% open-source and deployable to any server or cloud provider. Own your organization's prompt library securely.
-
-
-
- {/* 18. The Vision */}
-
- The Vision
-
- To create the standard protocol for human-AI interaction.
-
- Where every great instruction is shared, improved, and accessible to all.
-
-
-
- {/* 19. Call to Action */}
-
-
-
+
+ AI ile çalışmak: çok zeki ama bağlama bağımlı bir ekip arkadaşı
+
+
+ Modelin optimizasyon hedefi belirsizse cevap da belirsizleşir.
+
+
+ Ne yapılmayacağı, ne yapılacağı kadar önemlidir.
+
+
+ Model en son ve en belirgin bağlama fazla ağırlık verir.
+
- Join the Community
-
- Start exploring, sharing, and building the future of AI interaction today.
+
+ İyi prompt ne yapılacağını, iyi context yönetimi ise{" "}
+ neye dayanarak yapılacağını belirler.
-
-
-
-
-
-
-
+
+
+
+
+ Prompt tasarımı cümle süslemek değildir
+
+ Prompt, modelle aranızdaki çalışma sözleşmesidir.
+ Cevabın amacı, kapsamı, kaynakları, formatı ve kalite barı bu sözleşmede yer alır.
+
+
+ Kötü prompt / iyi prompt
+
+ Uzun olan değil, karar yükünü azaltan prompt daha iyidir.
+
+
+
+
+ {`Bana context management hakkında iyi bir yazı yaz.`}
+
+
+ {`Rol: Kıdemli AI ürün danışmanı.
+Amaç: Teknik olmayan ürün ekibine context management anlat.
+Bağlam: 30 dakikalık şirket içi eğitim.
+Kısıt: Jargon kullanma, 3 örnek ver, riskleri belirt.
+Çıktı: Başlık, 5 maddelik özet, uygulanabilir kontrol listesi.`}
+
+
+
+
+
+ Context penceresi dosya dolabı değil, toplantı masasıdır
+
+ Masaya her şeyi koyarsanız ekip odaklanamaz. Doğru belgeleri, doğru sırayla, doğru ayrıntı seviyesinde getirirsiniz.
+
+
+
+
+
+
+
+
+
+
+
+ Bağlam katmanları
+
+ Model tek bir metni değil, üst üste binmiş talimat ve kanıt katmanlarını yorumlar.
+
+
+
+
+
+
+
+
+
+
+
+
+ Daha fazla context her zaman daha iyi değildir
+
+
+ Alakasız detaylar, önemli sinyali gömer.
+
+
+ Geçmişte doğru olan bilgi bugün yanlış olabilir.
+
+
+ Model hangi talimata uyacağını tahmin etmek zorunda kalır.
+
+
+
+ Bilgi eksikse arama yap; tahminle doldurma.
+
+
+ Kapsam veya risk davranışı etkiliyorsa kullanıcıya dön.
+
+
+ Başarı kriteri tamamlandıysa yeni iş icat etme.
+
+
+
+
+
+
+ Uzun işlerde context akışı tasarla
+
+ Tek dev prompt yerine, işi aşamalara böl: keşif, plan, uygulama, doğrulama, özet.
+
+
+
+ {[
+ { icon: Network, title: "Keşif", text: "Dosya, kaynak ve kısıtları topla." },
+ { icon: Route, title: "Plan", text: "Kararları ve bağımlılıkları görünür yap." },
+ { icon: Blocks, title: "Uygulama", text: "Sadece gerekli bağlamı sonraki adıma taşı." },
+ { icon: ClipboardCheck, title: "Doğrulama", text: "Çıktıyı ölçüt ve kaynakla kontrol et." },
+ ].map(({ icon: Icon, title, text }) => (
+
+
+
+
+
+
{title}
+
{text}
+
+
+ ))}
+
+
+
+
+ En sık görülen hata modları
+
+
+
+
+
+
+
+
+
+
+ Promptları ölç: tek iyi cevap yetmez
+
+ Küçük bir test seti, promptun gerçek hayatta dayanıklı olup olmadığını gösterir.
+
+
+
+
+
+
+
+
+
+ prompts.chat: promptları paylaşılabilir hale getirmek
+
+ Promptlar kaybolan sohbet parçaları olmamalı. Keşfedilebilir, fork edilebilir, iyileştirilebilir ve tekrar kullanılabilir olmalı.
+
+
+
+
+ İyi örneği arayıp bulmak, sıfırdan başlamaktan hızlıdır.
+
+
+ Promptlar review ve geri bildirimle olgunlaşır.
+
+
+ Aynı kaliteyi farklı ekip ve iş akışlarına taşırsınız.
+
+
+
+
+
+ Promptlar kod gibi yaşamalı
+
+
+
+
+
+
+
+
+
+
+ Kapanış kontrol listesi
+
+ Bir sonraki promptunuzu göndermeden önce bu beş soruyu sorun.
+
+
+
+
+
+
+
+
+
+ Teşekkürler
+
+ İyi prompt modele ne yapacağını söyler.
+
+ İyi context yönetimi neye dayanarak yapacağını belirler.
+
+