Matyas.
SlužbyProjektyZkušenostiBlogKontakt
ENOzvěte se
Zpět na blog
SkillsWebový vývojClaude Code

Nejlepší skills pro vývoj webových aplikací v Claude Code

Stavějte lepší webové aplikace rychleji se skills pro Next.js, TypeScript, databáze, autentizaci a deployment.

Matyas Prochazka
12. března 2026
7 min čtení

Skills pro webový vývoj, které stojí za to

Stavění webových aplikací s Claude Code funguje dobře i bez ničeho navíc. Ale se správnými skills z repozitářů jako anthropics/skills a antigravity-awesome-skills se dostanete z "funguje to" na "production-ready" mnohem rychleji.

Skills, které stojí za instalaci

1. Next.js Expert

V oficiálním repozitáři anthropics/skills. Hluboké znalosti App Routeru, server komponent a Next.js best practices:

  • Rozhodování mezi serverovými a client komponentami
  • Vzory pro načítání dat (server actions, RSC)
  • Strategie kešování a revalidace
  • Optimalizace obrázků přes next/image
  • API routes a middleware

2. TypeScript Strict Mode

Dostupný v alirezarezvani/claude-skills. Vynucuje striktní TypeScript vzory:

  • Správné použití generik
  • Discriminated unions místo optional polí
  • Branded types pro ID
  • Exhaustivní switch statementy
  • Nulová tolerance pro any

3. Database & ORM Skills

Napříč repozitáři z awesome-claude-code-toolkit:

  • Prisma / Drizzle best practices
  • Optimalizace dotazů a prevence N+1
  • Správa migrací
  • Strategie connection poolingu
  • Doporučení pro indexy

4. Authentication & Security

Z VoltAgent/awesome-agent-skills:

  • OAuth2 / OIDC flows
  • CSRF ochrana
  • Sanitizace vstupů (OWASP Top 10)
  • Rate limiting vzory
  • Konfigurace bezpečnostních hlaviček

5. Testing Skills

Z ComposioHQ/awesome-claude-skills:

  • Test-driven development workflow
  • Unit, integrační a E2E vzory
  • Strategie pro mocky
  • Optimalizace pokrytí

Kombinování skills

Hlavní síla je v kombinacích. Na typický SaaS projekt si načtu:

  1. Next.js Expert pro architektonická rozhodnutí
  2. TypeScript Strict pro typovou bezpečnost
  3. UI/UX Pro Max pro kvalitu designu
  4. Testing pro spolehlivost

Kód, který z toho vznikne, je dobře navržený, typově bezpečný, vizuálně dotažený a otestovaný. Všechno z promptů v přirozeném jazyce.

Pointa

Skills nenahrazují vaše znalosti. Postarají se o vzory, které už znáte, abyste se mohli soustředit na ty těžší věci.

#Skills#Webový vývoj#Claude Code

Další články

Claude Code Skills: funkce, díky které je 10x silnější
Claude CodeSkills

Claude Code Skills: funkce, díky které je 10x silnější

7 min čtení
Nejlepší UI/UX skills pro Claude Code v roce 2026
SkillsUI/UX

Nejlepší UI/UX skills pro Claude Code v roce 2026

8 min čtení
SkillsReact

Nejlepší React a React Native skills pro Claude Code

8 min čtení
Všechny články
Matyas.

Weby, mobilní appky a automatizace s AI. Pomáhám firmám šetřit čas i peníze technologií, která opravdu funguje.

Odkazy

  • Služby
  • Projekty
  • Zkušenosti
  • Blog
  • Slovník
  • Kontakt

Připravuji

  • Případové studieBrzy
  • Zdroje

© 2026 Matyas Prochazka. Všechna práva vyhrazena.