Jak jsem si postavil Cursor commands pro landing pages

Měl jsem design systém s kompletní dokumentací. Měl jsem pravidla pro českou typografii, SEO optimalizaci, performance. Ale manuální tvorba landing pages trvala 30–60 minut. A byla náchylná na chyby.

Potřeboval jsem zautomatizovat workflow. Od Markdown souboru až po git commit. Všechno. A tak jsem si postavil dva Cursor commands, které to dělají automaticky.

Problém, který jsem řešil

Když jsem chtěl vytvořit landing page, musel jsem manuálně konvertovat Markdown do HTML, aplikovat pravidla (česká typografie, SEO meta tagy, performance optimalizace), vytvořit OG obrázek a commitnout změny do gitu. Celý proces trval 30–60 minut a byl náchylný na chyby.

Měl jsem existující design systém s kompletní dokumentací v `AGENTS.MD`. Měl jsem všechna pravidla. Ale chyběl mi způsob, jak je automaticky aplikovat při tvorbě landing pages.

Potřeboval jsem systém, který vezme Markdown soubor a automaticky vytvoří profesionální landing page s dodržením všech pravidel. Bez manuální kontroly. Bez chyb.

Jak jsem ho vyřešil

Rozhodl jsem se vytvořit dva globální Cursor commands. První `/site` generuje HTML landing page z Markdown souboru. Druhý `/publish` publikuje stránku, vygeneruje OG obrázek a commitne změny do gitu.

Příkaz `/site` automaticky načte všechny referenční soubory – `AGENTS.MD`, `showcase.html`, `styles.css`, `SEO-compass.md`, `czech_typo_rules.md`. Aplikuje pravidla bez potřeby manuální kontroly. Vytvoří landing page ve složce `inbox/`.

Příkaz `/publish` přesune stránku z `inbox/` do `published/`, automaticky vygeneruje OG obrázek (pokud neexistuje) a commitne změny do gitu. Celý proces trvá méně než minutu.

Nejvíc mě překvapilo, že AI automaticky identifikoval potřebu generovat OG obrázky před přesunem souboru – aby byl soubor stále v `inbox/` pro local server. Tato detailní pozornost workflow logice výrazně zlepšila uživatelskou zkušenost.

Jak to funguje v praxi

Teď když chci vytvořit landing page, jednoduše spustím dva příkazy:

1. `/site Markdown-file.md` – vytvoří HTML landing page v `inbox/`
2. `/publish html-file.html` – publikuje stránku, vygeneruje OG obrázek a commitne do gitu

Proces, který předtím trval 30–60 minut manuální práce, se teď zredukoval na dva příkazy. Všechno je automatizované – od aplikování pravidel až po git commit. Eliminuje to lidské chyby a šetří čas.

Příkazy jsou globální – uložené v `~/.cursor/commands/`, takže jsou dostupné ve všech projektech. Tato architektura umožňuje budoucí rozšíření a sdílení mezi projekty.

Co jsem se naučil

Strukturovaná dokumentace je klíčová. Existence `AGENTS.MD` souboru s kompletními pravidly umožnila AI přesně pochopit požadavky a vytvořit příkaz, který je dodržuje. Bez této dokumentace by bylo potřeba více iterací a vysvětlování.

Automatizace workflow, nejen kódu. Nejenže jsme automatizovali generování HTML, ale i celý workflow – od Markdown souboru přes OG obrázky až po git commit. Tento holistický přístup výrazně zrychlil proces.

Reusability přes globální příkazy. Vytvoření příkazů v `~/.cursor/commands/` znamená, že jsou dostupné ve všech projektech. Tato architektura umožňuje budoucí rozšíření a sdílení mezi projekty.

Kombinace specializovaných příkazů s komplexní dokumentací vytváří silný systém pro opakovanou práci. AI dokáže efektivně pracovat s existující dokumentací a vytvářet nástroje, které ji automaticky aplikují.

Proč to stojí za to

Když máš opakovanou práci, která trvá 30–60 minut a je náchylná na chyby, automatizuj ji. Nemusíš být programátor. Stačí vědět, co chceš, a mít nástroj, který ti pomůže to vytvořit.

Cursor commands jsou teď součástí mého workflow. Šetří mi čas, protože nemusím přemýšlet o aplikování pravidel – příkazy to dělají automaticky. A zároveň mám kontrolu nad tím, jak landing pages vypadají, protože všechno je v dokumentaci.

Pokud máš podobný problém – opakovanou práci, kterou chceš automatizovat – zkus to. Možná zjistíš, že je to jednodušší, než sis myslel.

Časté otázky

Co jsou Cursor commands a k čemu slouží?

Cursor commands jsou vlastní příkazy, které si můžeš vytvořit v editoru Cursor. Spustíš je lomítkem – třeba `/site` nebo `/publish`. Automaticky provedou sérii kroků, které bys jinak dělal manuálně. V mém případě generují landing pages a publikují je do gitu.

Proč potřebuji dokumentaci jako AGENTS.MD?

Bez dokumentace AI hádá, co chceš. S dokumentací přesně ví – jaká pravidla aplikovat, jakou strukturu použít, jak formátovat výstup. Moje `AGENTS.MD` obsahuje pravidla pro typografii, SEO, performance. Příkaz je automaticky načte a dodržuje. Žádné vysvětlování při každém spuštění.

Jak dlouho trvá nastavit takový systém?

Záleží na tom, jestli už máš dokumentaci. Pokud ano, vytvoření příkazů trvá hodiny, ne dny. Já měl pravidla připravená v `AGENTS.MD`, takže jsem se soustředil jen na workflow – co má příkaz dělat krok po kroku. AI pomohla s implementací.

Můžu použít globální příkazy ve více projektech?

Ano, to je hlavní výhoda. Příkazy uložené v `~/.cursor/commands/` jsou dostupné ve všech projektech. Jednou nastavíš, všude používáš. Když upravíš příkaz, změna se projeví všude. Žádné kopírování mezi projekty.

Co když nemám technické znalosti?

Nemusíš být programátor. Stačí vědět, co chceš automatizovat – jaké kroky děláš manuálně, jaká pravidla dodržuješ. AI ti pomůže vytvořit příkaz. Důležité je mít jasno v tom, co má být výsledek. Zbytek je iterace a ladění.

Tom