Top 5 Claude Code skills pro vývojáře: ušetřete tokeny i čas

Pokud používáte Claude Code na vážnějších projektech, víte, že samotný model nestačí. Rozhodující je workflow kolem něj. Těchto 5 Claude Code Skills, tedy znovupoužitelných dovedností, balí instrukce, skripty a referenční materiály do složek, které Claude načte jen tehdy, když je potřebuje. Díky tomu šetří kontext i tokeny.

Co jsou skills v Claude Code a proč na nich záleží

Skills jsou způsob, jakým Claude Code zabaluje instrukce, skripty a referenční materiály do složky, kterou načte pouze tehdy, když to daný úkol vyžaduje. Díky tomu zůstává kontextové okno čisté a není nutné přepisovat prompt při každém novém zadání. Pokud s Claude Code teprve začínáte, nejprve se podívejte na průvodce jak používat Claude Code. Každý z níže popsaných skills řeší konkrétní problém, například zbytečně spotřebované tokeny, rozbité buildy nebo generické UI. Další tipy pro optimalizaci práce s tímto nástrojem shrnuje článek Claude Code – tipy, triky a hacky.

1. Graphify: znalostní graf z jakékoli složky

Graphify má desítky tisíc hvězdiček na GitHubu. Stačí ho nasměrovat na libovolnou složku a z jejího obsahu sestaví dotazovatelný znalostní graf. Zpracuje kód, dokumenty, PDF, screenshoty, fotky whiteboardů, YouTube videa i zvukové soubory. V Claude Code ho spustíte příkazem /graphify .

Graphify při prvním spuštění provede tři průchody:

• Pomocí tree-sitter projde abstraktní syntaktický strom každého podporovaného jazyka a získá třídy, funkce, importy a call grafy bez jakýchkoli LLM nákladů.
• Lokálně přepíše audio a video pomocí Whisperu.
• Dokumenty, PDF a obrázky odešle do paralelních subagentů Claude, který z nich extrahuje koncepty a vztahy.

Výstupem je soubor graph.json, interaktivní HTML prohlížeč a markdown report s nejpropojenějšími uzly. Maintainer uvádí výrazně nižší spotřebu tokenů na dotaz oproti přímému čtení souborů. K dispozici je také watch mode pro automatické přegenerování grafu při editaci a příkaz pro grafování veřejných GitHub repozitářů. Instalace: uv tool install graphifyy a graphify install.

2. Awesome-design.md: skutečný design systém pro AI agenty

Tento projekt od VoltAgent je kurátorskou sbírkou souborů ve formátu DESIGN.md, který představil Google prostřednictvím produktu Stitch. AI agenti nečtou vždy dobře Figma exporty ani JSON design tokeny, ale markdown zvládají velmi dobře. Soubor DESIGN.md je prostý textový popis design systému. Obsahuje náladu, barevnou paletu s hex hodnotami, typografickou škálu, stavy komponent, pravidla pro mezery, breakpointy a doporučení typu do’s and don’ts, tedy co dělat a čemu se vyhnout.

VoltAgent shromáždil DESIGN.md soubory inspirované desítkami populárních webů, včetně Stripe, Linear, Vercel, Notion, Figma, Apple, Supabase a Anthropic. Kompletní sbírka je dostupná v repozitáři Awesome-design-md na GitHubu. Soubor stačí vložit do kořenového adresáře projektu vedle AGENTS.md a Claude Code má k dispozici barvy, váhy písma i hodnoty stínů. Repozitář také obsahuje náhledové HTML soubory pro jednotlivé weby, takže lze paletu a typografii zkontrolovat ještě před použitím. Pokud vás zajímá, jak design systémy fungují přímo v prostředí Anthropic, podívejte se na článek o tom, jak Claude Design otřásl světem designu a frontendu.

3. Get Done (GSD): řešení context rot u dlouhých projektů

Get Done, známý také jako GSD, má desítky tisíc hvězdiček. Instalace probíhá jedním příkazem: npx get-shit-done-cc@latest. Řeší tzv. context rot, tedy pokles kvality odpovědí v dlouhém projektu, kdy se kontextové okno plní starými plány, mezikroky a nedokončenými úkoly. Tento problém úzce souvisí s tématem perzistentní paměti v Claude Code, která řeší udržení kontextu napříč sezeními.

GSD pracuje s několika klíčovými příkazy:

• /gsd new project pokládá otázky, spouští paralelní výzkumné agenty a zapisuje requirements soubor a roadmapu.
• /gsd discuss phase uzamkne implementační rozhodnutí ještě před psaním kódu.
• /gsd plan phase vytvoří 2 až 3 atomické plány, každý dostatečně malý pro spuštění v čerstvém kontextovém okně.
• /gsd execute phase spouští plány paralelně nebo sekvenčně a každý úkol commituje samostatným atomickým commitem.
• /gsd verify work provede manuální UAT, tedy uživatelské akceptační testování, a neúspěchy předá debug agentovi.
• /gsd ship vytvoří pull request.

Každý executor dostane čerstvý kontext určený výhradně pro implementaci. Hlavní session tak zůstává přehlednější a méně zahlcená. K dispozici je také quick mode pro ad hoc úkoly, spike command pro jednorázové experimenty a sketch command, který generuje 2 až 3 interaktivní HTML mockup varianty.

4. Everything Claude Code: kompletní produkční harness

Repozitář Everything Claude Code od Affaana Mustafy je rozsáhlý systém pro optimalizaci práce s AI coding nástroji. Nejde o jediný skill, ale o celý harness, tedy podpůrný rámec pro vývoj. Obsahuje specializované agenty, skills, hooks, pravidla, MCP konfigurace a legacy command shims. Funguje napříč Claude Code, Codex, Cursor, OpenCode, Gemini a dalšími nástroji.

Klíčové součásti:

• TDD workflow skill vynucuje test-driven development, tedy vývoj řízený testy, včetně coverage gate.
• Code reviewer agent běží po každé smysluplné změně.
• Build error resolver při selhání buildu strukturovaně prochází závislosti, version mismatches a config drift, tedy odchylky v konfiguraci.
• Continuous learning system automaticky extrahuje vzory ze sessions do znovupoužitelných skills.
• Security scanner Agent Shield kontroluje konfiguraci Claude Code a hledá injection rizika i uniklá tajemství.

Readme zmiňuje konkrétní optimalizace nákladů, například přepnutí výchozího modelu, omezení thinking tokenů a dřívější spuštění kompakce kontextu. Instalace probíhá přes npm install nebo přes plugin marketplace. K dispozici je také desktopový dashboard pro vizuální procházení agentů a skills. Pokud chcete porozumět orchestraci více agentů v praxi, doporučujeme průvodce Claude Code od základů po týmy agentů.

5. UI/UX Pro Max Skill: design systémy podle oboru

UI/UX Pro Max od Next Level Builder má desítky tisíc hvězdiček a zaměřuje se na jeden konkrétní problém: Claude ve výchozím nastavení často generuje generické UI se stejnými Tailwind tlačítky, fialovými gradienty a nudnými dashboardy.

Skill obsahuje reasoning engine se 161 pravidly pro různé typy produktů, například beauty spa, fintech banking, gaming portfolio, zubní kliniku, B2B SaaS, Web3 NFT a další. Při zadání požadavku engine spustí paralelní vyhledávání napříč typy produktů, stylovými knihovnami, barevnými paletami, vzory landing page a typografickými párovkami.

Výsledkem je kompletní specifikace: název vzoru a stylu, barevná paleta s hex hodnotami, párování fontů s odkazem na Google Fonts, klíčové efekty, anti-patterny a pre-delivery checklist. Ten zahrnuje kontrastní poměry, hover stavy, focus rings a responzivní breakpointy.

Anti-patterny jsou klíčovou součástí. Pro fintech banking skill explicitně zakazuje AI fialové gradienty a výrazné animace, pro beauty spa blokuje dark mode a neon. Skill obsahuje desítky UI stylů, například glassmorphism, claymorphism, neumorphism, bento grid, brutalismus nebo Aurora UI, a podporuje řadu tech stacků včetně Reactu, Next.js, SwiftUI, Jetpack Compose, Flutteru, Laravelu a shadcn/ui. Instalace: npm install -g uipro-cli, poté uipro init --ai claude v projektu.

Všech pět skills je zdarma a instalace každého z nich zabere jen několik minut. Vzájemně se nevylučují a lze je kombinovat – ať už optimalizujete workflow při vibe codingu nebo profesionálním agentním inženýrství. Začněte tím, který řeší největší bolest ve vašem současném workflow, a zjistěte, kolik tokenů i času ušetříte.