Babičkahackuje
← Zpátky na Kurzy
Marcela Kramářová na podzimní verandě ukazuje na notebook, nápis Návrh úvodní stránky, 3 návrhy · tvoje barvy a fotky a ukázka hotového návrhu stránky.

Návrh úvodní stránky

390 Kč · platíš jednoutři návrhy z tvých textů, barev a fotek
Koupit za 390 Kč

Co tenhle skill umí

  • Tři návrhy úvodní stránky, které si otevřeš na počítači i na mobilu.
  • Vybraný návrh doladěný podle tebe.
  • Podklady pro toho, kdo ti web staví: barvy, písma, velikosti a fotky.

Tip, jak si agenta vylepšit: Řekni mu: „Beru návrh B, jen s většími nadpisy.“

Vezmi si ho za 390 Kč

Platíš jednou a hned si ho stáhneš.

Claude Code je jen v placené verzi (od 20 $ měsíčně, platíš jim). V aplikaci přepni z Chatu na Code.

Co budeš potřebovat a kolik to stojí
  • Claude Codeod 20 $ měsíčně (asi 460 Kč)

    Placená verze Clauda. Platíš jim, ne mně.

  • Tři až šest tvých fotekzdarma

    Když žádné nemáš, zůstane v návrhu označené místo.

  • Grafik nebo placený nástroj na designNEPOTŘEBUJEŠ

    Návrhy udělá Claude podle pravidel z knihovny Open Design.

Licence pro jednu osobu, balík je označený číslem tvého nákupu. Podmínky licence · pro školu nebo tým

Prošel bezpečnostní kontrolou 25. 10. 2026: antivirus, programy a kontrolní agent. Bezpečnostní list

Nevíš, jestli je to pro tebe? Popovídejme si 15 minut zdarma.

Bezpečnostní list

Zkontrolováno 25. 10. 2026

Než balík pustím ven, projdou ho tři kontroly. Výsledky platí pro přesně ten soubor, který si stáhneš.

  1. 1. Antivirus

    0 virů

    Každý soubor v balíku prošel antivirem.

  2. 2. Programy, které si skill stáhne

    žádné

    Skill si z internetu žádné programy nestahuje.

  3. 3. Kontrolní agent

    nic nebezpečného

    Přečetl celý balík a hledal, jestli něco maže nebo posílá tvoje data jinam.

Zamčená instalace

  • Skill si z katalogu npm nic neinstaluje. Běží na holém Node.js.
  • Při spuštění se nic neinstaluje, takže se ani nic nespouští navíc.
  • Mimo npm si skill nestahuje nic.
  • Na Macu běží skill v krabici Clauda: zapisovat a chodit na internet smí jen tam, kam ho pustí nastavení skillu (co přesně, stojí v tomhle bezpečnostním listu), a hesla nečte. Na Windows krabice Clauda není, platí zamčené programy.
Čím je skill opatřenýVerze 1.0.0, licence, seznam změn, autorka.
Verze
1.0.0 z 25. 10. 2026. Opravy a novinky dostaneš ve stejném balíku.
Seznam změn
V balíku je soubor CO-JE-NOVE.md, kde u každé verze stojí, co se změnilo.
Licence
Pro jednu osobu, dál se neposílá. Balík nese číslo tvého nákupu. Podmínky licence
Autorka
© 2026 Marcela Kramářová, BabičkaHackuje.cz
Technické věciPro ty, kdo to chtějí vědět podrobně. Používat skill můžeš i bez toho.

Jak se kontrolovalo

  • Antivirus ClamAV prošel všech 17 souborů balíku: bez nálezu. Zná 3 628 192 virů, databáze z 25. 10. 2026.
  • Kontrolní agent přečetl všech 16 souborů balíku řádek po řádku (výroba návrhů, kontrola podkladů a ikonek, rozměry fotek, kontrast, šuplík, profil, uvítání, návod, licence, nastavení krabice), u každého kontrola znak po znaku na neviditelné a skryté znaky (žádné); tři kola kontroly s opravou mezi nimi, útoky zkoušené v počítači bez internetu a výsledné stránky vykreslené v prohlížeči.

Kam se co posílá

Skill nic nikam neposílá a na internet nechodí. Když si návrh otevřeš v prohlížeči, načte si hezká písma z Google Fonts (jen písma, nic o tobě). Co Claude čte a co ti píše, zpracovává firma Anthropic jako každý rozhovor s Claudem.

Co si stáhne

  • Nic neinstaluje, žádné programy z npm.
  • Z internetu nic.

Co ukládá

Pracovní soubory do vystup/ a poznámky CLAUDE.md do vlastní složky. Hotové návrhy (POROVNANI.html, NAVRH-A/B/C.html, podklady pro webaře a kopie fotek) do šuplíku Moje práce s Claudem, nebo do vlastní složky. Co spolu vyberete (barvy, písma), do společného profilu ~/.babicka-profil/profil.json.

Co nedělá

  • Nemaže nic tvého. Originály fotek nemění, jen je zkopíruje vedle návrhu.
  • Nespouští žádný program kromě node a otevření stránky v prohlížeči.
  • Fotky, logo a ikonky bere jen ze složky skillu a z tvého šuplíku v Dokumentech, nikdy odjinud z počítače.
  • Návrhy nemají žádný skript. Všechno, co jde do stránky, se ošetří, a ikonky projdou přísnou kontrolou, aby nic nerozbily.
  • Nečte hesla ani klíče; na Macu jim krabice Clauda brání i v přístupu.
  • Neobsahuje skryté pokyny pro Clauda ani neviditelné znaky.

Co se ověřit nedalo

  • Krabice Clauda (.claude/settings.json) je nastavená podle návodu Anthropicu, na skutečném Macu zatím vyzkoušená není; na Windows krabice Clauda není.

Co list neslibuje: antivirus pozná jen viry, které už zná, a kontrola platí pro tuhle verzi balíku. Každou novou verzi proto kontroluju znovu. Máš otázku? Napiš mi.

Jak začít

Čtyři kroky s obrázky, i když jsi s agentem poprvé

Stáhneš, napíšeš agentovi jednu větu, on udělá zbytek.

  1. Potřebuješ Claude CodeProgram do počítače, který skill přečte a udělá práci. Stojí 20 dolarů měsíčně (asi 460 Kč), platíš jim, ne mně.Stáhnout Claude Code

    Než začneš: skill jede jen v Claude Code

    1. Claude Code je jen v placené verziZdarma funguje jen Chat, a v Chatu skill nepojede. Potřebuješ Claude Pro za 20 dolarů měsíčně, platíš přímo jim.
    2. V aplikaci přepni na Code, ne ChatNahoře vlevo jsou dvě ikonky. Bublinky jsou Chat, značka </> je Code. Klikni na ni.Aplikace Claude, nahoře vlevo dvě ikonky. Červený kroužek na ikonce Code a věta: Klikni sem a přepni na Code!
    3. Vyber, že agent pracuje v tvém počítačiU řádku, kam píšeš, se vybírá, kde agent pracuje. Vyber svůj počítač (anglicky Local), ne cloud. Jen tak najde skill ve Stažených souborech.
    4. Model: na skill Opus 5.5U řádku, kam píšeš, se vybírá i model. Na skill doporučuju Opus 5.5, je nejsilnější. Na drobnosti ti stačí i slabší model a ušetříš si měsíční limit.
    Celé nastavení Clauda krok po kroku
  2. Stáhni si balík a nech ho ve StaženýchPo zaplacení klikneš na odkaz a balík se stáhne. Nerozbaluj ho. Agent si ho najde sám.Okno se staženými soubory, zvýrazněný balík a popisek: tenhle tam nech, nerozbaluj ho, agent si ho najde sám.
  3. Otevři agenta a vlož mu tuhle větuVe stažených souborech mám složku Návrh úvodní stránky. Je v ní návod. Přečti si ho a udělej to podle něj.Okno programu Claude Code s prázdným řádkem dole, červenou šipkou a větou: Sem vložíš návod a agent se dá do práce.
  4. Odpovídej muSoubor si najde sám. Pak se ptá a ty odpovídáš. Když to udělá špatně, řekneš mu to.

Co svého agenta jednou naučíš, umí napořád.Příště mu stačí říct, co chceš — skill už zná. A čím víc mu o sobě řekneš, tím víc to bude vypadat jako od tebe.

Takhle si s agentem povídáš

Agent se ptá, ty odpovídáš
  1. AgentMáš v šuplíku Texty na web i Můj styl, vezmu je odtud. Přetáhni mi sem tři až šest svých fotek.
  2. TyHotovo, dala jsem tam fotky z ateliéru.
  3. AgentNa úvod dám tu, kde se směješ u stativu. Tady jsou tři návrhy, otevři si POROVNANI.html.
  4. TyLíbí se mi B, ale nadpisy bych chtěla větší.
  5. AgentZvětšila jsem je. Čitelnost jsem spočítala znovu, všechno projde.
Podívej se, co najdeš v balíku →

Co se lidi ptají

Z čeho návrh udělá?
Z toho, co už máš: texty ze skillu Texty na web, barvy, písmo a ikonky ze skillu Moje barvy, písmo a ikonky a tvoje fotky. Když je nemáš, zeptá se tě na pár věcí a začne s tebou od nuly.
Jak se ty tři návrhy liší?
Rozvržením. Klidný ve stylu Clauda má patkové nadpisy a hodně vzduchu, druhý dává napřed velkou fotku a galerii, třetí má celý úvod v tvojí barvě a velké písmo. Texty, barvy a fotky jsou ve všech stejné.
Bude to vypadat jako od umělé inteligence?
Ne, právě to skill hlídá. Pravidla jsou z knihovny Open Design v české edici Vojty: jedna barva navíc, žádné přechody, žádné emoji místo ikonek, žádná vymyšlená čísla. Čitelnost se počítá, ne odhaduje.
Kde ten návrh uvidím? Potřebuju Docker nebo testovací web?
Nepotřebuješ nic. Návrhy jsou obyčejné soubory v tvém počítači, otevřeš je dvojklikem v prohlížeči. Vidíš je jen ty, dokud je nikomu nepošleš.
Postaví mi i celý web?
Ne. Navrhne úvodní stránku a dá ti podklady pro toho, kdo ti web staví: přesné barvy, písma, velikosti a fotky s popisy. Na tvém webu nic nemění.
Můžu si návrh upravit?
Ano, to je hlavní část. Řekneš vlastními slovy „větší nadpisy“, „víc vzduchu“ nebo „jinou fotku nahoru“ a Claude to změní. Čitelnost spočítá znovu, takže ladění nic nerozbije.
Mám ChatGPT. K čemu je mi tohle?
ChatGPT ti odpoví a zbytek uděláš sama: zkopíruješ, najdeš fotku, nahraješ, naplánuješ. Skill tu práci udělá za tebe od začátku do konce, ve tvojí složce s tvými soubory. Běží jen v placeném Claude Code, v ChatGPT ho nespustíš. ChatGPT si klidně nech, tohle je jiný nástroj na jinou práci.

Chceš to vidět naživo, než si to vezmeš?

Ukazuju to na webináři zdarma