Senior Frontend
React/Next.js/TS cheat-sheet, který spolehlivě přidává a11y a strukturu do front-end výstupu.
Otestováno · Funguje
Co umí
Referenční dovednost pouze s výzvou pro React, Next.js, TypeScript a Tailwind: vzory komponent, hook useDebounce, návrhy na výměnu balíčků, disciplína Server/Client komponent a kontrolní seznam přístupnosti. Spouští se při vytváření React komponent, optimalizaci Next.js, analýze velikosti balíčku nebo revizi front-end kódu. Soběstačné (žádné skripty), takže funguje okamžitě po zkopírování.
Testovací report
Načten strom repozitáře (repo přesměrovává na composio-community/awesome-claude-plugins, výchozí větev master) a přečten raw SKILL.md + plugin.json v plném rozsahu. Jedná se o jediný soběstačný cheat-sheet (frontmatter s name+description parsuje; žádné skripty ani relativní odkazy k rozbití; žádná exfiltrace/base64/secrets). Měřen výstup na úkolu accessible-close-button + useDebounce: dovednost spolehlivě vynutila type="button", aria-label, aria-hidden icon, focus-visible ring a konvenci cn(), kterou můj základní stav vynechal — skutečné, mírné vítězství v a11y/struktuře. Dokumentace snížena na 3/5, protože SKILL.md a plugin.json inzerují „scaffolder“ a „generátor komponent“ s tabulkami CLI flagů jako „automatizační nástroje“, ale repozitář dodává pouze SKILL.md — jedná se o konvence výzev, nikoli spustitelné nástroje.
Testováno: 2026-07-20 · Claude Code 2.x (agent harness)
Instalace
Copy the `senior-frontend/skills/senior-frontend/` directory into your Claude skills folder (or install the plugin from the repo). Pure prompt content — no dependencies, scripts, or external CLI to run.
Příkazy a ukázkové prompty
/senior-frontendReact/Next.js/TS cheat-sheet, který spolehlivě přidává a11y a strukturu do front-end výstupu.
Skilly se spouštějí běžnými požadavky — žádné příkazy k zapamatování. Po instalaci ho aktivují prompty jako tyto (anglicky):
Build a React component for this dashboard cardOptimize the bundle size of this Next.js appReview this frontend code for accessibility issues