POSTUPY PRO WEB A GRAFIKU
Dej Claude Code
jasný směr.
30 českých skillů. Od prvního zadání po kontrolu webu a export grafiky.
990 Kč · Jednorázově
Skilly a návod česky · Claude Code
/web-zadaniPro koho web vzniká?
- Publikum a hlavní akce
- Rozsah a otevřené body
- Ověřitelná kritéria
/web-designJak zvýrazníme hlavní akci?
- Typografie a barvy
- Hierarchie a rozvržení
- Mobilní a chybové stavy
/web-revizeCo ověříme před předáním?
- Klávesnice a formuláře
- Mobil a místní odkazy
- Nálezy a neověřené body
Ilustrace postupu, který skilly předepisují.
VÝSLEDEK MÁ BÝT VIDĚT
Méně vysvětlování.
Více ukázek.
Upravte přibalený web. Vyzkoušejte kalkulaci. Ověřte výsledek.
Výukový web ukazka-web/ z balíčku. Fiktivní Studio Sever.
Skill /grafika-export převádí SVG do PNG, WebP a JPEG s rozměry a manifestem.
Skutečné exporty nástroje z balíčku. Studio Sever je fiktivní značka.
Vyzkoušet chování formuláře
Chyba nemusí znamenat začít znovu.
/web-formulare
Ukázka nejdřív vyvolá chybu. Druhý pokus uspěje.
Místní ukázka · nic se neodesílá
Skill /web-formulare řeší validaci, chybové stavy a zachování vyplněných údajů.
Funkční ilustrace fiktivního projektu na syntetických datech. Nejde o záznam běhu modelu ani o skutečnou objednávku.
O původu ukázek
Hlavní webová ukázka je náhled skutečného výukového webu ukazka-web/, který je součástí zákaznického ZIPu. Rozbalovací ukázka formuláře je samostatná, ručně připravená ilustrace na syntetických datech: první pokus selže, druhý uspěje a nic se neodesílá. Grafika pochází z ukazky-grafika/exporty/ a vznikla nástrojem skillu /grafika-export. Ukázky nejsou vydávané za výstup konkrétní konverzace s modelem.
JEDEN BALÍČEK. CELÝ POSTUP.
Od zadání
po předání.
30 hlavních skillů a 2 veřejné bonusy. Návod, instalátor a cvičení v jednom ZIPu.
- 21
Web
Zadání, rozhraní, přístupnost a kontrola.
- 09
Grafika
Identita, SVG, bannery a exporty.
Seznam všech 30 skillů
Popis uvádí, na co se skill zaměřuje a jaké výstupy předepisuje. Výstup vytváří model umělé inteligence třetí osoby a u konkrétního zadání se může lišit; zákonná práva z vad tím nejsou dotčena.
| Příkaz | Oblast | Na co se zaměřuje a jaké výstupy předepisuje |
|---|---|---|
/web-projekt | Celý projekt | Vyber potřebné kroky, dokonči web a dolož kritéria. |
/web-zadani | Zadání | Převeď brief na požadavky R01 a způsob jejich ověření. |
/web-design | Rozhraní | Navrhni hierarchii, tokeny a responzivní stavy. |
/web-implementace | Implementace | Proveď konkrétní místní změnu v rozsahu zadání. |
/web-debug | Oprava chyby | Reprodukuj závadu, oprav příčinu a ověř regresi. |
/web-testy | Testování | Otestuj formulář, navigaci a skutečné chování. |
/web-pristupnost | Přístupnost | Prověř klávesnici, focus, názvy a čitelnost. |
/web-bezpecnost | Vstupy a data | Zkontroluj DOM, formulář a hranice práce s daty. |
/web-vykon | Výkon | Porovnej měření před a po v odpovídajících podmínkách. |
/web-seo | Technické SEO | Zkontroluj metadata, URL, mapu a místní odkazy. |
/web-revize | Celková revize | Seřaď doložené nálezy podle dopadu. |
/web-nasazeni | Příprava nasazení | Připrav veřejné soubory, postup a návrat verze. |
/web-predani | Předání | Napiš předání podle skutečných souborů a výsledků. |
/web-obsah | Obsah a mikrotexty | OBSAH.md a změněné texty v projektu; u každého tvrzení zdroj nebo viditelně označený chybějící podklad. |
/web-formulare | Formuláře a stavy | Formulář, STAVY-FORMULARE.md a provedené testy. Přiložená templates/formular.html je pouze místní náhled. |
/web-responzivita | Responzivní rozložení | Změny CSS/HTML a RESPONZIVITA.md s maticí šířek. templates/layout.css je vlastní výchozí vzor. |
/web-design-system | Tokeny a systém UI | tokens.json, tokens.css, DESIGN-SYSTEM.md a galerie komponent podle rozsahu. |
/web-komponenty | Interaktivní komponenty | Komponenta s minimálním příkladem použití a KOMPONENTA.md: stavy, ovládání, provedené testy. |
/web-animace | Pohyb v rozhraní | Implementovaný efekt, statický fallback a MOTION.md s oběma režimy. |
/web-lokalizace | Lokalizace a formáty | Slovníky, integrace a LOKALIZACE.md s výsledkem kontroly a ručními omezeními. |
/web-migrace | Migrace URL a obsahu | MIGRACE.md, doložená mapa, konfigurace konkrétního hostingu a rollback. |
/grafika-brief | Grafické zadání | GRAFICKY-BRIEF.md, seznam formátů a kritéria; použij templates/brief.md. |
/grafika-identita | Vizuální identita | IDENTITA.md, paleta/tokeny, aplikace a zdrojové soubory. Navazuje na grafika-loga jen při zadání loga. |
/grafika-loga | Vektorové logo | SVG zdroje, varianty, přehled exportů a LOGO.md s omezeními a licencí prvků. |
/grafika-svg | Tvorba a kontrola SVG | Editovatelný SVG a SVG-KONTROLA.md s příkazem a omezeními auditu. |
/grafika-ikony | Sada ikon | Sada SVG, galerie HTML a IKONY.md s pravidly a významy. |
/grafika-social | Grafika pro sociální sítě | Zdrojové karty, PNG/WebP podle zadání, textové popisy a SOCIAL-PREDANI.md. |
/grafika-bannery | Bannery a vizuální kampaně | Sada zdrojů a exportů, BANNERY.md s rozměry, velikostmi a zkontrolovaným ořezem. |
/grafika-tisk | Tiskové podklady | PDF, editovatelný zdroj a TISK-PREDANI.md: rozměry, boxy, barvy, omezení a stav preflightu. |
/grafika-export | Export grafických souborů | Požadované skutečné exporty a jejich manifesty; EXPORT.md s příkazem a kontrolou. |
Jak balíček použijete
- Instalace do projektu s náhledem; zápis až s
--apply, existující složky se nepřepíšou.py -3 nastroje/install_skills.py --project "C:\Projekty\cvicny-web" - V Claude Code zavoláte skill příkazem, například první úkol z návodu:
/web-projekt Projdi tento malý web. Zachovej fiktivní značku a místní náhled bez odesílání. … - Výsledek ověříte přibalenými kontrolami (Python 3.10+, Node.js 20+):
node skills/web-revize/scripts/audit-html.cjs ukazka-web
Postupy vedou od zadání přes tvorbu a kontrolu po předání; celou zakázku řídí /web-projekt. Podrobně: návod a požadavky.
Obsah ZIPu a co v něm není
skills/30 skillů: 21 web, 9 grafikabonus/2 veřejné skilly (Apache 2.0)instalace/každý skill i jako samostatný ZIPnastroje/instalátor s náhledem, server ukázkyzakaznik/návod, FAQ, příklady zadáníukazka-web/fiktivní web pro první úkolukazky-grafika/SVG a exporty PNG/WebPcviceni/oprava chyby s testy
Balíček neobsahuje předplatné, kredit ani účet Claude, hosting, doménu, práci na vaší zakázce, klientská data, hesla, klíče ani cizí fotografie. Bonusy frontend-design a webapp-testing jsou díla Anthropic pod Apache 2.0, zdarma dostupná i u původního zdroje.
BEZ PRAVIDELNÉHO POPLATKU
Jeden balíček.
Vlastní pracovní nástroj.
Pro Claude Code · 1 uživatel · vlastní i klientské projekty
Cena: 990 Kč
Prodej zatím není spuštěný.
Informace o prodejiSkrýt informace o prodeji
Objednat zatím nejde. Objednávkový formulář zpřístupníme po potvrzení kontaktů, zapojení plateb a ověření doručení.
Souhrn
- Produkt
- Web a grafika – Skills pro Claude Code 1.4.0-rc4
- Konečná cena
- 990 Kč
- Licence
- 1 uživatel, vlastní i klientské projekty
- Dodání
- odkaz ke stažení ZIPu v e-mailu Potvrzení úhrady a na stránce objednávky (neomezený počet stažení)
- Potřebujete
- vlastní přístup ke Claude Code (není v ceně)
- Ověřený rozsah
- instalace a rozpoznání 32 skillů na Windows 11 s Claude Code 2.1.260; zkušební úkol dopadl dobře u 20 z 30 hlavních skillů, u 10 (8 grafických, 2 webových) zatím ne; macOS a Linux neověřeno
- Jazyk
- 30 hlavních skillů a návod česky, 2 bonusové skilly anglicky
- Podpora
- e-mailem; zvláštní službu pomoci s instalací neposkytujeme, postup instalace popisují přiložené návody
Před objednáním si přečtěte obchodní podmínky, licenci, odstoupení, dodání a platbu a osobní údaje. Otevřou se v novém panelu, rozpracovaná objednávka zůstane.
[návrh k rozhodnutí: Nabídka je určena zákazníkům v České republice; cena je v Kč.] Smlouva se uzavírá v češtině.
[návrh k rozhodnutí: Od smlouvy můžete odstoupit také online: odkaz „Odstoupit od smlouvy“ najdete v patičce každé stránky tohoto webu po celou lhůtu pro odstoupení.]
Dodání
Formulář
Sem se vloží formulář SimpleShop pro „Web a grafika – Skills pro Claude Code (okamžité dodání)“ (e-mail, případně další údaje podle nastavení formuláře, souhlasy a tlačítko „Objednávka zavazující k platbě“). Zatím není připojený.
Platba: zatím žádná metoda není aktivní. Plánujeme kartu, Apple Pay a Google Pay (GoPay) a převod s QR kódem; zobrazíme jen aktivní.
Co se stane po zaplacení
- Údaje
- Souhrn a cena
- Dokumenty a volby
- Závazná objednávka
- Platba
- Ověření úhrady
- Stažení, faktura, ZIP
- Úhradu potvrdí systém SimpleShop: převod po připsání na účet prodávajícího a přiřazení k objednávce.
- Hned potom přijde e-mail Potvrzení úhrady s fakturou v PDF a odkazem ke stažení ZIPu; stejný odkaz je na stránce objednávky. ZIP se jako příloha e-mailu neposílá.
- Počet stažení není omezen. [návrh k rozhodnutí: Odkaz ke stažení můžete používat opakovaně po dobu, kdy balíček prodáváme v systému SimpleShop. Odkaz vydává vždy aktuální verzi balíčku. Po dobu 2 let od zpřístupnění vám na žádost s číslem objednávky pošleme nový odkaz ke stažení, verzi, kterou jste koupili, nebo opravenou verzi podle článku 10; delší dostupnost neslibujeme. Neomezený počet stažení neznamená neomezenou dobu dostupnosti ani nárok na nové funkce či nové produkty. Nezbytné aktualizace podle článku 11 tím nejsou dotčeny.] Stažený ZIP si uložte. Při potížích se stažením napište podpoře s číslem objednávky.
Návrat z platební stránky ani naskenování QR kódu platbu nepotvrzují a nic neodemykají. Doručení je ověřené v testovacím režimu SimpleShopu, se skutečnou platbou zatím ne.
Otázky
V jakém jazyce je obsah?
Třicet hlavních skillů, návod, příklady a ukázky jsou česky. Dva volitelné bonusové skilly od Anthropic (frontend-design, webapp-testing) a licenční texty k nim jsou anglicky. Anglicky je jen tento web; jazyk objednávkového formuláře a e-mailů k objednávce zatím ověřený není.
Co k tomu potřebuji?
Vlastní přístup ke Claude Code, není součástí balíčku. Přibalené kontroly využijí Python 3.10+ a Node.js 20+ (požadavky). Použití v Claude v prohlížeči nebylo v tomto vydání ověřené.
Smím dělat zakázky pro klienty?
Ano, licence pokrývá vlastní i klientské projekty. Samotný balíček nesmíte dál prodávat ani šířit (licence).
Je to produkt Anthropic?
Ne. Je to nezávislý balíček pro Claude Code; Anthropic ho neschvaluje ani neprodává.
Co je ověřené?
Instalaci a přibalené nástroje jsme vyzkoušeli na Windows 11 a Claude Code 2.1.260 po instalaci rozpoznal všech 32 skillů (30 hlavních a 2 bonusové). Na macOS a Linuxu tato verze ověřena není. Jak Claude skilly použije při vašem zadání, jsme zkoušeli jen částečně: u 20 z 30 hlavních skillů dopadl zkušební úkol dobře, u dalších 10 (8 grafických, 2 webových) zatím úspěšnou zkoušku nemáme. Jedna úspěšná zkouška neznamená úplné ověření skillu a správný výsledek každého zadání nelze zaručit; výstup vždy zkontrolujte. Podrobnosti jsou v souboru OVERENY-ROZSAH.md v balíčku.