Nejlepší způsoby využití Claude Cowork pro marketing

Claude Cowork je lokální desktopový agent, který na rozdíl od Claude Chat pracuje přímo s vašimi soubory a složkami. Výstupy ukládá rovnou do vašeho počítače, bez nutnosti ručního kopírování a stahování. V tomto článku se dozvíte, jak Cowork správně nastavit pro marketing, jak v něm budovat opakované workflow a jak je postupně automatizovat.

(více…)

21+ hacků pro Claude Code, jak NIKDY nenarazit na limit

HACK #1: Převeďte soubory před nahráním

Nenahrávejte PDF, snímky obrazovky nebo PPTX soubory v surovém stavu. Zkopírujte text do Google Dokumentu, stáhněte jej jako .md a nahrajte raději ten.

HACK #2: Plánujte v Chatu, tvořte v Coworku

Neotvírejte Cowork a neříkejte „Vytvoř finanční model.“ Nejprve otevřete Chat. Naplánujte strukturu. Pak se přesuňte do Coworku s příkazem „Vytvoř přesně tento soubor.“

HACK #3: Řekněte „Ptej se mě“

Napište toto: „Chci [úkol] na základě [kritéria úspěchu]. Přečti si mou složku. Než začneš, ptej se mě pomocí funkce AskUserQuestion.“

HACK #4: Přestaňte předělávat úplně všechno

Když je sekce 3 špatně, řekněte „Předělej pouze sekci 3. Všechno ostatní ponech.“ Přidejte „Žádný komentář. Pouze výstup.“

HACK #5: Upravte svou původní zprávu

V Chatu klikněte na ‚Upravit‘ (Edit) u své původní zprávy, místo abyste do chatu psali zprávu novou. Opravte ji. Vygenerujte znovu (Regenerate). Stará konverzace se tím nahradí. (Tohle funguje pouze v Chatu, ne v Coworku.)

HACK #6: Používejte stejnou strukturu promptu

Udržujte si knihovnu promptů. Vyměňujte pouze proměnnou část. Pro 80 % svých relací v Coworku používám stejný prompt o 30 slovech.

HACK #7: Sdružujte úkoly do jedné zprávy

Místo 3 samostatných promptů („Shrň toto“, pak „Vypiš body“, pak „Navrhni nadpis“) pošlete jeden společný prompt: „Shrň to, vypiš hlavní body a navrhni nadpis.“

HACK #8: Vyberte si správný model

Kontrola gramatiky? Přeformátování? Použijte modely Sonnet nebo Haiku. Opus a Extended Thinking (Rozšířené myšlení) si schovejte na opravdovou práci.

HACK #9: Udržujte své soubory krátké

Cowork čte vaši složku před každým úkolem. Zkraťte její obsah pod 2 000 slov. Příliš mnoho slov = pálení tokenů.

HACK #10: Restartujte, nedoplňujte konverzaci

Když to Cowork udělá špatně, nepište mu „Ne, myslel jsem…“. Klikněte na „Restartovat konverzaci odsud“ (Restart the conversation from here) u dřívější zprávy.

HACK #11: Dělejte si shrnutí každých 15-20 zpráv

Požádejte Claude, aby shrnul vše důležité. Zkopírujte shrnutí. Otevřete novou relaci (session) a vložte jej jako svou úplně první zprávu.

HACK #12: Pro opakující se soubory používat Projekty (Projects)

Přestaňte nahrávat stejné PDF do pěti různých chatů. Místo toho použijte Projekty a nahrajte daný soubor pouze jednou.

HACK #13: Vypněte funkce, které nepotřebujete

Vyhledávání na webu, konektory, režim Explore. To všechno stojí další tokeny. Výchozí stav: všechno vypnout. Funkce zapínejte jen pro konkrétní úkoly, kde je potřebujete.

HACK #14: Nové téma = Nový chat

Ptali jste se na příspěvek na LinkedIn. Pak na návrh projektu. Pak na recept. A to všechno ve stejném chatu? Nedělejte to. Nové téma znamená nový chat. Vždycky.

HACK #15: Nevysypte tam celou složku

Zahrňte pouze soubory, které Claude k danému úkolu opravdu potřebuje. Pro úkoly, které soubory nepotřebují, nevybírejte vůbec žádné složky (select 0 folders).

HACK #16: Plánujte si opakující se úkoly dopředu

Nespouštějte stejný týdenní přehled pokaždé ručně. Použijte plugin /schedule. Nastavte ho jen jednou a pak už to běží samo.

HACK #17: Přestaňte používat Claude na věci, které neumí

Claude neumí vytvářet obrázky. Potřebujete obrázky? Použijte ChatGPT. Potřebujete hledání na webu v reálném čase? Použijte Grok.

HACK #18: Namlouvejte své prompty pro lepší kontext

Použijte nástroj wispr.ai a namluvte své zadání nahlas. Získáte tak bohatší kontext na jeden pokus. Méně doplňujících zpráv, méně načítání.

HACK #19: Nastavte si Předvolby (Preferences)

Běžte do Settings (Nastavení) > General (Obecné) > Personal Preferences (Osobní předvolby). Nastavte si svůj styl a vypněte Paměť (Memory).

HACK #20: Prompty pro Claude Code pište těsně a přesně

Používejte velmi specifická zadání, např.: „Vytvoř sloupcový graf z tohoto CSV. Ulož jako chart.png.“

HACK #21: Rozložte si limit do celého dne

Jak nejlépe a nejefektivněji dodat UX a UI o webové aplikaci do Claude Code?

Obyčejný obrázek a dobře napsaný text. Claude 3.5/3.7 Sonnet, který Claude Code pohání, má naprosto špičkové vidění (vision capabilities). kombinace screenshotů, strukturovaného Markdownu a designu tokenů.

Screenshoty wireframes, čisté obrázky,  (PNG/JPG) jako vstup

Vytvoř si v projektu složku (např. docs/wireframes) a nahraj tam screenshoty.
Příkaz: Podívej se na obrázek docs/wireframes/dashboard.png a nakóduj mi vizuální strukturu této stránky v HTML a Tailwind CSS.
(Claude obrazovku analyzuje, pochopí rozložení (kde je sidebar, kde grid produktů) a napíše rovnou moderní responzivní kód.)

e:\_code\diversity-promotion\dp-sales-cockpit\

#Design Tokenů

  • AI má tendenci si vymýšlet barvy a mezery, pokud mu nedáš jasné mantinely. Vytvoř hned na začátku jednoduchý soubor styleguide.md nebo design-tokens.css.
  • Nadefinuj tam primární barvy (HEX kódy), fonty, zaoblení tlačítek (border-radius) a logiku mezer.
  • Příkaz: Při kódování jakékoliv komponenty se striktně drž pravidel v souboru docs/styleguide.md.

#Popis chování a logiky (UX)

Obrázek AI neřekne, co se stane po kliknutí. Zde přichází na řadu strukturovaný textový popis. Místo složitých diagramů funguje nejlépe obyčejný odrážkový seznam v Markdownu (např. ux-flows.md).

Definuj stavy: Co se stane při hoveru? Jak vypadá prázdný stav (empty state), když v košíku nic není? Jak vypadá chybová hláška?

Definuj akce: [Kliknutí na ‚Přidat do košíku‘] -> Otevře se postranní off-canvas menu -> Ikona košíku v hlavičce se animuje a zvýší se číslo.

Když pak Claude Code požádáš o naprogramování logiky, prostě ho odkážeš na tento soubor.

#Pravidlo „Mobile-first“ struktury

vždy Clauda instruuj k mobile-first přístupu. Popiš mu slovy (nebo ukaž na dalším screenshotu), jak se má složitý desktopový widget chovat na mobilu.
Příklad do promptu: Prohlédni si desktopový wireframe. Při kódování začni mobilní verzí. Ten velký datový stůl se na mobilu zlomí do podoby karet (cards).

/tvuj-projekt
├── /docs
│ ├── /wireframes
│ │ ├── 01_homepage_desktop.png
│ │ └── 02_cart_mobile.png
│ ├── styleguide.md # Barvy, fonty, paddingy
│ └── ux-flows.md # Co se stane když uživatel klikne na X
└── /src # Sem bude Claude generovat kód

Tvorba profesionálních webů s Claude Code: 5 hacků pro skvělý výsledek

 

Claude Code umožňuje vytvářet moderní a brandované weby i začátečníkům – pokud víte, jak ho správně nastavit. Tento článek shrnuje pět klíčových hacků, díky kterým výsledek nevypadá jako generické „AI vibe coded“ stránky, ale jako profesionální web.

Základní nastavení: VS Code a Claude Code extension

Celý pracovní postup začíná instalací Visual Studio Code a rozšíření Claude Code. Po stažení VS Code vyhledáte v záložce Extensions rozšíření „Cloud Code“ a nainstalujete jej. Provoz vyžaduje placenou Anthropic/Claude subscription – na free tieru Claude Code dostupné není. Pro začátek postačí plán Pro, plán Max se hodí při naražení na limity.

Hack #0: Soubor claude.md jako systémový prompt

Soubor claude.md funguje jako systémový prompt – Claude Code jej přečte před každým požadavkem a řídí se jím po celou dobu projektu. Měl by být stručný a obsahovat pouze relevantní pravidla a cíle projektu. Součástí obsahu souboru je i nastavení tzv. screenshot workflow (viz hack #3). Hotový soubor web_design_claude.md je dostupný zdarma v komunitní škole v kapitole „Claude Code“.

Hack #1: Front-end Design Skill

Skills jsou vlastní instrukce uložené v markdown souboru. Claude Code si je automaticky vybere ve chvíli, kdy je potřebuje. Front-end design skill zajistí modernější a profesionálnější výsledný design. Instalace probíhá spuštěním dvou příkazů přímo v Claude Code – rozšíření se nainstaluje globálně pro všechny budoucí projekty.

Pro práci s brandingem se doporučuje vytvořit složku brand_assets, do níž se umístí logo a brand guidelines (barvy, typografie, ikony). Claude Code si je najde automaticky, případně je lze explicitně označit pomocí symbolu @. Výsledkem jednovětného promptu s připojenými brand guidelines je například kompletní one-page landing page s animacemi, navigací, hero sekcí, statistikami, testimonials a plovoucí animací loga.

Hack #2: Screenshot Loop pro iterativní vylepšování

Bez screenshot loopu Claude Code dokončí projekt jen z části – bez skill přibližně na 40 %, se skill přibližně na 60 %. Screenshot loop umožňuje AI iterovat samotnou na sobě: napíše HTML kód, spustí server, pořídí screenshoty, porovná výsledek ve dvou průchodech a opraví nesrovnalosti. Screenshoty se ukládají do složky temporary_screenshots a jsou postaveny na nástroji Puppeteer. Dočasné screenshoty lze smazat příkazem „delete all temporary screenshots“.

Důležité nastavení: v Claude Code přejděte do Settings a povolte „allow dangerously skip permissions“ (bypass permissions mode). Autoři doporučují být během běhu nablízku a nenechávat proces přes noc bez dozoru. U dynamických animací se screenshot tool může stát kontraproduktivním – v takovém případě jej lze vypnout instrukcí „do not use the screenshot tool to compare“.

Hack #3 a #4: Inspirační weby a komponenty

Pro inspiraci celkovým designem slouží weby jako Dribbble, Godly website nebo Awards. Postup extrakce designu konkrétní stránky zahrnuje tyto kroky:

  • Stisknout F12 (Windows) pro otevření developer tools
  • Přejít na Console, poté Ctrl+Shift+P a vyhledat „screenshot“ pro full-page screenshot
  • Přejít na Elements → Style section a zkopírovat HTML/CSS kód
  • Vložit screenshot i style informace do Claude Code spolu s instrukcí ke klonování

Pro inspiraci jednotlivými komponentami (nikoliv celými weby) slouží 21st.dev, kde lze najít shadery, backgrounds, tlačítka, mouse highlights a další prvky. Stačí zkopírovat kód komponenty a dát Claude Code instrukci k její integraci. Klonovaný web lze následně rozšířit o vlastní branding předáním brand guidelines a loga.

Nasazení webu přes GitHub a Vercel

Finální web se nasazuje přes pipeline GitHub + Vercel. Postup je následující:

  • Vytvoření účtu na GitHub a nového repository (např. „AIS test website“)
  • Vytvoření účtu na Vercel.com (ideálně přihlášením přes GitHub) a import repository
  • Po importu Vercel automaticky nasadí web na doménu (např. ais-test-website.vercel.app)
  • Každý push z Claude Code do GitHubu Vercel automaticky detekuje a nasadí jako novou verzi

Doporučený postup je vždy nejprve otestovat na localhostu a do GitHubu pushovat až po schválení – k tomu slouží instrukce „Don’t push it to GitHub until I tell you to“. Vlastní doménu lze přidat v nastavení projektu na Vercelu, včetně automatické DNS konfigurace. Pozor: do veřejného GitHub repository nikdy nevkládejte API klíče, hesla ani citlivé informace z automatizací.

Pokud chcete začít stavět profesionální weby s Claude Code, začněte nastavením souboru claude.md a front-end design skill – právě tyto dva základní kroky mají největší vliv na kvalitu výsledku. Celý popsaný workflow pak umožňuje iterovat, klonovat inspiraci a nasazovat web na živou doménu bez pokročilých technických znalostí.

SEO

Content Engineering

Content Engineering je nový přístup k tvorbě obsahu, který jde výrazně dál než tradiční SEO. Cílem není jen umístění na Googlu, ale také skutečná přítomnost v odpovědích AI systémů, jako jsou ChatGPT, Claude nebo Perplexity. Tento průvodce vysvětluje, co Content Engineering znamená, na jakých principech stojí a jak ho implementovat krok za krokem, včetně praktických tabulek, přehledů a konkrétních příkladů.

(více…)

Claude Code Skills 2026: Průvodce pro vývojáře

Claude Code Skills jsou modulární rozšíření, která mění způsob, jakým AI agent přistupuje k vývoji, od designu přes testování až po bezpečnostní audity. Tento průvodce syntetizuje poznatky z předních komunitních zdrojů a přináší přehled nejlepších skills, doporučených workflow kombinací i praktických tipů, jak je efektivně zapojit do každodenní práce.

(více…)

Průvodce Claude Cowork: Jak ovládat AI asistenta

Claude Cowork je AI asistent pracující přímo na vašem počítači, který vám umožňuje automatizovat opakující se úkoly a zefektivnit práci. Na rozdíl od jednoduchých chatbotů provádí konkrétní akce. Pracuje se soubory, ovládá webové aplikace a spouští strukturované procesy. Tato infografika vás provede tím, jak Claude Cowork funguje a jak jej začít používat.

(více…)

Neurověda návykového vyprávění: 4 kroky k lepším příběhům

Proč některé příběhy nedokážeme přestat sledovat, zatímco jiné nás nechávají chladnými? Odpověď se skrývá v neurochemii mozku a v jednom čtyřkrokovém cyklu, který stojí za každým skutečně návykovým příběhem. Výzkum neurovědce Paula Zaka ukazuje, že vyprávění aktivuje v mozku uvolňování oxytocinu a dalších neurochemikálií, které ovlivňují naše postoje i chování – podrobnosti najdete v jeho článku How Stories Change the Brain. Pokud chcete tyto principy aplikovat v praxi, přečtěte si návod, jak vyprávět příběhy.

(více…)