// ---------- Posts data ---------- const POSTS = [ { id: "projekty-v-claude", title: "Projekty v Claude: váš vlastní AI pracovní prostor", dek: "Jak fungují Projekty, kdy je nasadit a proč nahrazují polovinu vašich Notion stránek.", tool: "Claude", category: "Návody", author: "Tereza Vavřincová", date: "8. května 2026", readTime: 6, cover: "screenshot · Claude Projects sidebar", featured: true, body: [ { kind: "p", text: "Když Anthropic loni v dubnu spustil Projekty v Claude, řada lidí to vzala jako další chatovací funkci navíc. Po roce práce s desítkami produktových týmů můžu říct, že je to zatím nejvýraznější způsob, jak proměnit Claude z asistenta na opravdový pracovní nástroj." }, { kind: "p", text: "Projekt je v zásadě složka. Nahrajete do ní dokumenty — PRD, výzkum, transkripty z uživatelských rozhovorů, brand guidelines — a přidáte vlastní instrukce. Každá nová konverzace v tom projektu pak má tohle všechno automaticky v hlavě." }, { kind: "h2", text: "Kdy projekt vůbec zakládat" }, { kind: "p", text: "Ne pro každý úkol. Pravidlo: pokud něco budete řešit víc než třikrát a pokaždé budete vysvětlovat tentýž kontext, je čas na projekt. Klasické případy:" }, { kind: "ul", items: [ "Onboarding nového člena týmu — instrukce + interní wiki", "Příprava produktových oneagerů — PRD šablona + tone of voice", "Customer support — historie tiketů + reference odpovědi", "Příprava na 1:1 — poznámky z minulých schůzek" ]}, { kind: "h2", text: "Co tam nedávat" }, { kind: "p", text: "Projekt není Google Drive. Nahrát stovku PDFek znamená, že Claude bude mít horší výsledky, ne lepší — model si musí každou konverzaci procházet vším a začne odpovídat opatrně a obecně. Držte se pod patnácti dokumenty a vyhazujte, co nepoužíváte." }, { kind: "callout", text: "Tip: napište si do instrukcí projektu, co Claude dělat nemá. „Nikdy nepiš v marketingových superlativech.“ funguje líp než deset příkladů dobrého stylu." }, { kind: "h2", text: "Jak vypadá dobrá instrukce" }, { kind: "p", text: "Krátká, konkrétní, s rolí. Místo „pomáhej mi s produktovými texty“ zkuste „Jsi senior copywriter pro B2B SaaS. Píšeš krátké věty, vyhýbáš se buzzwordům, vždycky se ptáš na cílovou personu, než začneš.“ Rozdíl ve výstupu je obrovský." }, { kind: "p", text: "A poslední věc — projekty nejsou navždy. Když přijde nová verze brand guidelines, přepište je. Když změníte proces, smažte starý projekt a založte nový. Pracovní prostor má dýchat s vámi." } ] }, { id: "deep-research-chatgpt", title: "Deep Research v ChatGPT: když AI udělá rešerši za vás", dek: "Tridvacetiminutový agent, který přečte sto zdrojů a napíše vám memo. Co umí, kde selhává a kdy se vyplatí čekat.", tool: "ChatGPT", category: "Návody", author: "Michal Drahokoupil", date: "5. května 2026", readTime: 8, cover: "screenshot · Deep Research progress view", featured: false, body: [ { kind: "p", text: "Deep Research je funkce, která zmátla i lidi, kteří ChatGPT používají denně. Není to chat. Není to vyhledávání. Je to agent — pošlete mu zadání, on si dvacet až třicet minut sám prochází internet, čte stránky, dělá si poznámky a pak vrátí strukturovaný report s citacemi." }, { kind: "h2", text: "Pro co to opravdu funguje" }, { kind: "p", text: "Konkurenční analýza, market sizing, technologický landscape, regulatorní rešerše. Všechno, co byste jinak zadali juniornímu analytikovi na tři dny. Loni v lednu jsem si nechal udělat report o stavu generativní AI v evropském bankovnictví — třicet stránek, šedesát zdrojů, kompletně použitelné jako brief pro stakeholdery." }, { kind: "h2", text: "Kde to selhává" }, { kind: "ul", items: [ "Hodně čerstvé zprávy (mladší než pár dní)", "České zdroje — anglických přečte desetkrát víc", "Cokoli za paywall — Bloomberg, Reuters, FT vidí jen útržky", "Subjektivní úsudek — „co bychom měli udělat“ neumí, jen „co se děje“" ]}, { kind: "h2", text: "Jak napsat zadání" }, { kind: "p", text: "Klíčové je dát strukturu výstupu, ne otázku. Místo „udělej mi rešerši o evropském AI Actu“ zkuste: „Připrav memo pro produktového ředitele B2B SaaS. Sekce: 1) co se mění od srpna, 2) tři konkrétní rizika pro nás, 3) co dělají konkurenti. Max 5 stran, vždy s odkazy.“" }, { kind: "callout", text: "Než zadání odešlete, ChatGPT se vás zeptá na pár doplňujících otázek. Berte to vážně — odpovědi určí kvalitu celého reportu. Neodbývejte to." }, { kind: "h2", text: "Vyplatí se počkat?" }, { kind: "p", text: "Pokud potřebujete odpověď do pěti minut, ne. Pokud máte půl hodiny a chcete podklad, na kterém se dá stavět, ano — a hodně. Můj poměr je zhruba jeden Deep Research týdně, většinou v pondělí ráno místo prvního kafe." } ] }, { id: "custom-gpts-vs-projects", title: "Custom GPTs vs Claude Projects: co si vybrat?", dek: "Dvě nejpopulárnější cesty, jak personalizovat AI. Srovnání, které vám konečně řekne, kdo má pravdu.", tool: "Srovnání", category: "Srovnání", author: "Tereza Vavřincová", date: "30. dubna 2026", readTime: 5, cover: "screenshot · side-by-side comparison", featured: false, body: [ { kind: "p", text: "Otázka, která se v posledních měsících objeví na každém workshopu: máme nasadit Custom GPTs, nebo Claude Projects? Krátká odpověď: záleží na tom, kdo ten nástroj bude používat." }, { kind: "h2", text: "Custom GPTs jsou pro distribuci" }, { kind: "p", text: "Když chcete, aby váš asistent používal celá firma — nebo dokonce veřejnost — vyhrávají GPTs. Sdílení odkazem, GPT Store, akce přes API, vlastní logo. Klasický use case: HR helpdesk, který si může otevřít kdokoli ze zaměstnanců." }, { kind: "h2", text: "Projects jsou pro práci" }, { kind: "p", text: "Když pracuje jeden člověk nebo malý tým a chce mít nástroj, který se s ním vyvíjí, vyhrává Claude. Lepší práce s dlouhými dokumenty, méně halucinací u faktických rešerší, instrukce se dají měnit za běhu." }, { kind: "h2", text: "Tabulka, kdyby vás to nutkalo" }, { kind: "p", text: "Distribuce: GPTs. Kvalita psaní: Projects. Akce přes API: GPTs. Práce s velkým kontextem: Projects. Ekosystém pluginů: GPTs. Soukromí dat: Projects (žádný GPT Store)." }, { kind: "callout", text: "Ve většině firem, se kterými dělám, končíme u obojího. GPTs pro veřejné/sdílené nástroje, Projects pro individuální pracovní toky." } ] }, { id: "notebooklm", title: "NotebookLM: tichý hit od Googlu", dek: "AI poznámkový blok, který si přečte vaše PDF a udělá z nich podcast. Vážně.", tool: "Google", category: "Návody", author: "Jan Pelikán", date: "22. dubna 2026", readTime: 7, cover: "screenshot · NotebookLM source view", featured: false, body: [ { kind: "p", text: "Z Googlu poslední dva roky nevychází mnoho věcí, které by stály za článek. NotebookLM je výjimka — nástroj, který v tichosti dělá lepší práci než většina hlučnějších produktů." }, { kind: "h2", text: "Co to je" }, { kind: "p", text: "Aplikace, do které nahrajete zdroje (PDF, Google Docs, weby, YouTube videa) a kolem nich vede konverzaci. Klíčový rozdíl od ChatGPT: NotebookLM se drží toho, co jste mu dali. Pokud něco není ve zdrojích, nevymýšlí si — řekne, že to neví." }, { kind: "h2", text: "Audio Overview" }, { kind: "p", text: "Funkce, která dělá ten šum. Z nahraných zdrojů NotebookLM vyrobí 10–20 minutový „podcast“ — dva moderátoři spolu diskutují o tom, co jste tam dali. Zní to nepříjemně dobře. Použitelné na briefing před schůzkou, kde nestihnete přečíst všechny materiály." }, { kind: "callout", text: "Hranice: nebudete chtít NotebookLM podcast pouštět klientovi. Pořád to zní jako AI. Ale jako rychlý orientační poslech to funguje výborně." }, { kind: "h2", text: "Pro produktové týmy" }, { kind: "ul", items: [ "Nahrajte transkripty z uživatelských rozhovorů → ptejte se na patterny", "Nahrajte konkurenční webové stránky → ptejte se na rozdíly v poziciování", "Nahrajte tři dlouhé strategické dokumenty → vygenerujte FAQ pro tým" ]} ] }, { id: "perplexity-vs-google", title: "Perplexity vs Google: nová éra vyhledávání", dek: "Kdy přepnout, kdy zůstat. A proč většina lidí mezi nimi přepíná chybně.", tool: "Perplexity", category: "Srovnání", author: "Michal Drahokoupil", date: "15. dubna 2026", readTime: 6, cover: "screenshot · Perplexity answer with sources", featured: false, body: [ { kind: "p", text: "Google odpovídá na otázku „kde“. Perplexity odpovídá na otázku „co a proč“. Když si tohle zafixujete, ušetříte si hodiny špatně mířených dotazů." }, { kind: "h2", text: "Kdy Google" }, { kind: "ul", items: [ "Navigace — najdi mi konkrétní web, restauraci, dokument", "Aktuálnost v řádu hodin — co se právě stalo", "Lokální — kde je nejbližší X", "Obrázky a mapy" ]}, { kind: "h2", text: "Kdy Perplexity" }, { kind: "ul", items: [ "Vysvětlení konceptu — co to je a jak to funguje", "Srovnání více možností — A vs B vs C", "Rešerše s citacemi — chcete vědět, odkud informace pochází", "Otázka, na kterou byste jinak otevřeli šest záložek" ]}, { kind: "h2", text: "Pro tým" }, { kind: "p", text: "Perplexity Spaces (jejich obdoba projektů) fungují překvapivě dobře pro sdílené firemní vyhledávání — můžete tam nahrát interní dokumenty a tým hledá zároveň v nich i na webu. Jednotná vrstva, ke které tým má důvěru, je v dnešním zaplaveném prostoru víc, než se zdá." }, { kind: "callout", text: "Pravidlo palce: pokud jste si u Google výsledků chtěli říct „a teď to někdo prosím shrň“, měli jste jít rovnou do Perplexity." } ] } ]; const TOOLS = ["Vše", "Claude", "ChatGPT", "Google", "Perplexity", "Srovnání"]; const CATEGORIES = ["Vše", "Návody", "Srovnání", "Názor"]; // ---------- Icons (minimal line, no slop) ---------- const Icon = { search: (p) => , heart: (p) => , bookmark: (p) => , share: (p) => , arrow: (p) => , back: (p) => , sun: (p) => , moon: (p) => }; // ---------- Reusable bits ---------- function Cover({ label, ratio = "16/10", tall = false }) { return (
{label}
); } function Meta({ tool, readTime, date }) { return (
{tool} · {readTime} min čtení {date && <>·{date}}
); } // ---------- Hero (featured + 2 side) ---------- function Hero({ posts, onOpen, saved, liked, toggleLike, toggleSave }) { const featured = posts.find(p => p.featured) || posts[0]; const side = posts.filter(p => p.id !== featured.id).slice(0, 2); return (
onOpen(featured.id)}>

{featured.title}

{featured.dek}

{featured.author} Číst
{side.map(p => (
onOpen(p.id)}>

{p.title}

{p.dek}

))}
); } // ---------- Grid card ---------- function Card({ post, onOpen, saved, liked, toggleSave, toggleLike }) { return (
onOpen(post.id)}>

onOpen(post.id)}>{post.title}

{post.dek}

{post.author}
); } // ---------- Article Detail ---------- function Article({ post, onBack, onOpen, allPosts, liked, saved, toggleLike, toggleSave }) { const [progress, setProgress] = React.useState(0); const [comments, setComments] = React.useState([]); const [draft, setDraft] = React.useState(""); const [copied, setCopied] = React.useState(false); const copyLink = async () => { try { await navigator.clipboard?.writeText(window.location.href); setCopied(true); setTimeout(() => setCopied(false), 2000); } catch {} }; const shareUrl = encodeURIComponent(typeof window !== "undefined" ? window.location.href : ""); const shareTitle = encodeURIComponent(post.title); const shareLinks = { x: `https://twitter.com/intent/tweet?text=${shareTitle}&url=${shareUrl}`, linkedin: `https://www.linkedin.com/sharing/share-offsite/?url=${shareUrl}`, email: `mailto:?subject=${shareTitle}&body=${shareUrl}`, }; React.useEffect(() => { const el = document.querySelector(".article-scroll"); const onScroll = () => { const total = document.documentElement.scrollHeight - window.innerHeight; setProgress(Math.min(100, Math.max(0, (window.scrollY / total) * 100))); }; window.addEventListener("scroll", onScroll); window.scrollTo(0, 0); return () => window.removeEventListener("scroll", onScroll); }, [post.id]); const submitComment = (e) => { e.preventDefault(); if (!draft.trim()) return; setComments([{ id: Date.now(), name: "Vy", time: "právě teď", text: draft.trim() }, ...comments]); setDraft(""); }; const related = allPosts.filter(p => p.id !== post.id && (p.tool === post.tool || p.category === post.category)).slice(0, 3); const relatedFinal = related.length ? related : allPosts.filter(p => p.id !== post.id).slice(0, 3); return (
{post.tool} · {post.category} · {post.readTime} min čtení

{post.title}

{post.dek}

{post.author.split(" ").map(n => n[0]).join("")}
{post.author}
{post.date}
{post.body.map((b, i) => { if (b.kind === "p") return

{b.text}

; if (b.kind === "h2") return

{b.text}

; if (b.kind === "ul") return
    {b.items.map((it, j) =>
  • {it}
    • )}
; if (b.kind === "callout") return ; return null; })}
Sdílet článek X LinkedIn E-mail

Komentáře {comments.length}