SkillProof tested Claude skills

Frontend Design

Dělá z výstupu UI od Claude něco, co vypadá navrženě, ne vygenerovaně.

od Anthropic · anthropics/skills

Otestováno · Funguje ★ 9.6/10

Frontend Design — Dělá z výstupu UI od Claude něco, co vypadá navrženě, ne vygenerovaně.

Co umí

Nejvýkonnější skill pro každého, kdo dodává webové UI pomocí Claude. Vnáší do každého frontendového úkolu skutečnou designovou disciplínu — typografické škály, barevné systémy, pravidla proti „AI slopu“. Náš test před/po ukázal největší rozdíl v kvalitě ze všech skillů v této kategorii.

Testovací report

Stejné zadání landing page spuštěné se skillem i bez něj: verze se skillem měla skutečnou typografickou škálu, promyšlenou paletu a žádné neonové přechody prozrazující AI. Nebe a dudy.

Testováno: 2026-06-26 · Claude Code 2.x

Instalace

git clone https://github.com/anthropics/skills
cd skills
mkdir -p ~/.claude/skills
cp -r skills/frontend-design ~/.claude/skills/

Příkazy a ukázkové prompty

  • /frontend-designDělá z výstupu UI od Claude něco, co vypadá navrženě, ne vygenerovaně.

Skilly se spouštějí běžnými požadavky — žádné příkazy k zapamatování. Po instalaci ho aktivují prompty jako tyto (anglicky):

  • Make this landing page look designed, not AI-generated
  • Apply a proper typography scale and color system here
  • Fix the generic anti-slop issues in this UI component

Kompletní testovací report (anglicky) →