Předprodejní verze: prodej zatím není spuštěný, chybějící údaje doplníme před spuštěním.

SkillKitLab

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.

Informace o prodeji

990 Kč · Jednorázově

Skilly a návod česky · Claude Code

SKILLKITLAB / PRACOVNÍ POSTUP
/web-zadani

Pro koho web vzniká?

ZADÁNÍVyjasnit cíl
  • Publikum a hlavní akce
  • Rozsah a otevřené body
  • Ověřitelná kritéria
Zadání → tvorba → kontrola

Ilustrace postupu, který skilly předepisují.

VÝSLEDEK MÁ BÝT VIDĚT

Méně vysvětlování.
Více ukázek.

Výukový web Studio Sever z balíčku, počítač Výukový web Studio Sever z balíčku, mobil

Upravte přibalený web. Vyzkoušejte kalkulaci. Ověřte výsledek.

Výukový web ukazka-web/ z balíčku. Fiktivní Studio Sever.

Studio Sever · 1080 × 1350 pxStudio Sever · 1600 × 600 pxStudio Sever · 970 × 250 px

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
01 / FORM UX

Chyba nemusí znamenat začít znovu.

idle→sending→error→success

/web-formulare

INTERAKTIVNÍ UKÁZKA

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ů
PříkazOblastCo udělá a co vznikne
/web-projektCelý projektVyber potřebné kroky, dokonči web a dolož kritéria.
/web-zadaniZadáníPřeveď brief na požadavky R01 a způsob jejich ověření.
/web-designRozhraníNavrhni hierarchii, tokeny a responzivní stavy.
/web-implementaceImplementaceProveď konkrétní místní změnu v rozsahu zadání.
/web-debugOprava chybyReprodukuj závadu, oprav příčinu a ověř regresi.
/web-testyTestováníOtestuj formulář, navigaci a skutečné chování.
/web-pristupnostPřístupnostPrověř klávesnici, focus, názvy a čitelnost.
/web-bezpecnostVstupy a dataZkontroluj DOM, formulář a hranice práce s daty.
/web-vykonVýkonPorovnej měření před a po v odpovídajících podmínkách.
/web-seoTechnické SEOZkontroluj metadata, URL, mapu a místní odkazy.
/web-revizeCelková revizeSeřaď doložené nálezy podle dopadu.
/web-nasazeniPříprava nasazeníPřiprav veřejné soubory, postup a návrat verze.
/web-predaniPředáníNapiš předání podle skutečných souborů a výsledků.
/web-obsahObsah a mikrotextyOBSAH.md a změněné texty v projektu; u každého tvrzení zdroj nebo viditelně označený chybějící podklad.
/web-formulareFormuláře a stavyFormulář, STAVY-FORMULARE.md a provedené testy. Přiložená templates/formular.html je pouze místní náhled.
/web-responzivitaResponzivní rozloženíZměny CSS/HTML a RESPONZIVITA.md s maticí šířek. templates/layout.css je vlastní výchozí vzor.
/web-design-systemTokeny a systém UItokens.json, tokens.css, DESIGN-SYSTEM.md a galerie komponent podle rozsahu.
/web-komponentyInteraktivní komponentyKomponenta s minimálním příkladem použití a KOMPONENTA.md: stavy, ovládání, provedené testy.
/web-animacePohyb v rozhraníImplementovaný efekt, statický fallback a MOTION.md s oběma režimy.
/web-lokalizaceLokalizace a formátySlovníky, integrace a LOKALIZACE.md s výsledkem kontroly a ručními omezeními.
/web-migraceMigrace URL a obsahuMIGRACE.md, doložená mapa, konfigurace konkrétního hostingu a rollback.
/grafika-briefGrafické zadáníGRAFICKY-BRIEF.md, seznam formátů a kritéria; použij templates/brief.md.
/grafika-identitaVizuální identitaIDENTITA.md, paleta/tokeny, aplikace a zdrojové soubory. Navazuje na grafika-loga jen při zadání loga.
/grafika-logaVektorové logoSVG zdroje, varianty, přehled exportů a LOGO.md s omezeními a licencí prvků.
/grafika-svgTvorba a kontrola SVGEditovatelný SVG a SVG-KONTROLA.md s příkazem a omezeními auditu.
/grafika-ikonySada ikonSada SVG, galerie HTML a IKONY.md s pravidly a významy.
/grafika-socialGrafika pro sociální sítěZdrojové karty, PNG/WebP podle zadání, textové popisy a SOCIAL-PREDANI.md.
/grafika-banneryBannery a vizuální kampaněSada zdrojů a exportů, BANNERY.md s rozměry, velikostmi a zkontrolovaným ořezem.
/grafika-tiskTiskové podkladyPDF, editovatelný zdroj a TISK-PREDANI.md: rozměry, boxy, barvy, omezení a stav preflightu.
/grafika-exportExport grafických souborůPožadované skutečné exporty a jejich manifesty; EXPORT.md s příkazem a kontrolou.
Jak balíček použijete
  1. 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"
  2. 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í. …
  3. 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 grafika
  • bonus/2 veřejné skilly (Apache 2.0)
  • instalace/každý skill i jako samostatný ZIP
  • nastroje/instalátor s náhledem, server ukázky
  • zakaznik/návod, FAQ, příklady zadání
  • ukazka-web/fiktivní web pro první úkol
  • ukazky-grafika/SVG a exporty PNG/WebP
  • cviceni/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
Jazyk
skilly a návod česky
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.

Dodání

Hned po ověření platby Ve formuláři je povinný souhlas: „Výslovně souhlasím, aby mi byl digitální obsah Web a grafika zpřístupněn před uplynutím 14denní lhůty pro odstoupení od smlouvy. Beru na vědomí, že zpřístupněním za těchto podmínek zaniká mé právo odstoupit od smlouvy bez uvedení důvodu. Má práva z vad tím nejsou dotčena.“ Dodání až po uplynutí lhůty pro odstoupení zatím nenabízíme. Bez tohoto souhlasu objednávku nelze odeslat.

Formulář

Sem se vloží formulář SimpleShop pro „Web a grafika – Skills pro Claude Code (okamžité dodání)“ (fakturační údaje, 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í
  1. Údaje
  2. Souhrn a cena
  3. Dokumenty a volby
  4. Závazná objednávka
  5. Platba
  6. Ověření úhrady
  7. Stažení, faktura, ZIP
  1. Úhradu potvrdí systém SimpleShop: převod spárováním s bankou.
  2. 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á.
  3. Počet stažení není omezen. 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.

Stav platby: čeká · selhala · zrušena · opožděná

Otázky

V jakém jazyce je obsah?

Skilly, návod a ukázky jsou česky. Anglicky je jen tento web; jazyk objednávkového formuláře a e-mailů k objednávce zatím ověřený není. Podporu plánujeme v češtině.

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é?

Formát skillů, instalace a přibalené nástroje místními testy na Windows 11 (na Linuxu jen předchozí verze 1.3.0); Claude Code 2.1.260 rozpozná všech 32 skillů. Modelový pilot v Claude Code (uzavřen 18. 10. 2026, proveden částečně): 26 PASS a 2 částečně ze 70 scénářů; pozitivní scénář prošel u 20 z 30 skillů, zbývajících 10 (8× grafika, 2× web) pozitivní PASS zatím nemá. Úspěch jednoho scénáře neznamená úplné ověření skillu.