AI CSS asistent

Storefront Merzio má stabilní CSS „hooky", díky kterým můžete měnit vzhled obchodu přes sekci Vlastní kód › Vlastní CSS. Abyste nemuseli CSS psát ručně, připravili jsme instrukční soubor pro AI (CLAUDE.md).

Co to je?

CLAUDE.md je textový soubor s instrukcemi pro AI nástroje (například Claude). Když ho AI předáte, naučí se:

• psát jen bezpečné CSS pro váš obchod,
• používat stabilní třídy (hooky), které se nemění mezi aktualizacemi,
• nepoužívat !important a nerozbít rozložení stránky.

Díky tomu stačí změnu vzhledu popsat slovy a AI vám vygeneruje CSS, které jen vložíte do obchodu.

⬇ Stáhnout CLAUDE.md

Jak to použít (3 kroky)

1. Stáhněte soubor CLAUDE.md tlačítkem výše.
2. Předejte ho AI nástroji (např. Claude) jako instrukce a napište, co chcete změnit — například „zaobli karty produktů a zvětši tlačítko Do košíku".
3. Vložte vygenerované CSS do Zapojení › Design › Vlastní kód › záložka Vlastní CSS, uložte a tvrdě obnovte obchod (Ctrl+Shift+R).

Merzio AI v Canvasu má vlastní CSS

Pokud necháte design navrhnout Merzio AI v Canvasu, AI si píše vlastní, oddělené CSS (CSS od AI designéra). Vašeho pole Vlastní CSS se nikdy nedotkne — a když se obě pravidla střetnou, vyhrává to vaše.

Úplný seznam tříd

Kompletní referenci všech tříd, na které lze mířit, najdete na stránce Storefront CSS hooks.

WARNING

CLAUDE.md pomáhá AI psát bezpečné CSS, ale AI může dělat chyby. Vygenerované CSS si před uložením prohlédněte a v případě potřeby kontaktujte naši podporu.