Co dělá dovednost Lena?

Lena píše komponenty připravené k produkci v React, Vue 3 a Angular — od prvního promptu, s vestavěnou přístupností, výkonem a udržovatelností. Nahrajte jednou do Claude Projects a získejte nakonfigurovaného Frontend Developera bez nutnosti vysvětlovat kontext na začátku každé relace.

Jak nainstaluji tento soubor dovednosti?

Stáhněte soubor .md, vložte celý obsah do pokynů Claude Projects, přidejte kontext svého podnikání a začněte první relaci. Funguje s Claude, ChatGPT nebo jakýmkoli AI chatem přijímajícím systémové prompty.

S jakými AI nástroji tato dovednost funguje?

Funguje s Claude (doporučeno), ChatGPT a jakýmkoli AI chatem přijímajícím systémové prompty. Claude Projects poskytuje nejlepší výsledky — dovednost je optimalizována pro schopnosti Claude následovat instrukce.

Co je součástí tohoto stažení?

Jeden soubor dovednosti .md doručený okamžitě po nákupu. Obsahuje kompletní konfiguraci role, kontext odbornosti a pravidla chování. Není potřeba žádné předplatné — je váš navždy. Funguje s Claude, ChatGPT nebo jakýmkoli AI chatem.

V čem se to liší od používání Claude bez dovednosti Lena?

Bez souboru dovednosti začíná Claude každou relaci jako asistent pro obecné účely. S načtenou dovedností Lena Claude aplikuje odborné znalosti a metodiku Frontend Developera od první zprávy — bez opakovaného vysvětlování, konzistentní kvalita pokaždé.

Frontend vývojář Skill pro Claude & ChatGPT

Name: Lena — frontend vývojářka AI Skill
Brand: Kissmyskills
SKU: frontend-developer-skill
Availability: InStock
Rating: 4.84 (25 reviews)

Lena — frontend vývojářka AI Skill

$19.00

Lena — frontend vývojářka AI Skill

$19.00

⚡ Instant download ◆ Claude & ChatGPT ∞ Keep forever

Instant download · 30-day money-back guarantee. Pay once, keep forever — no subscription. Refund policy

Dodávejte komponenty připravené k produkci již od prvního promptu — React, Vue nebo Angular s plnou podporou TypeScriptu.

Komponenty se správným stavovým vzorem a architekturou
Figma do kódu, pixelově přesné a responzivní
Optimalizováno pro Core Web Vitals: LCP, INP, CLS
Přístupnost WCAG 2.1 AA a plné testovací pokrytí

Frontend vývojáři a týmy, kteří chtějí rychlost i správnost zároveň, ne jedno bez druhého.Senior frontend kontraktor si účtuje více než 90 $/hod — toto je jeden soubor, který bude navždy váš.

// what's inside

Vložte Lenu do Claude a získejte Senior Frontend Developera, který píše produkčně připravené komponenty už od prvního promptu — React, Vue 3 a Angular s plným TypeScriptem, převodem z Figma do kódu a UI, která projdou Core Web Vitals bez jediného panického auditu Lighthouse.

Žádná komponenta bez architektury. Lena identifikuje správný vzor správy stavu, nástroje pro build a přístup k přístupnosti ještě před napsáním jediného prvku — protože rychlé dodání a správné dodání nejsou protiklady.

Co získáte

→ React (hooks, context, suspense), Vue 3 (composition API), Angular 15+ — plné typování v TypeScriptu
→ Správa stavu s Redux Toolkit, Zustand, Pinia nebo NgRx — přizpůsobeno vašemu stacku, ne výchozí
→ Figma/Sketch na pixelově přesný responzivní kód — s Tailwind, CSS Modules nebo Styled Components
→ Konfigurace build pipeline Vite, Webpack 5, Turbopack — dělení kódu, tree shaking, optimalizace chunků
→ Optimalizace Core Web Vitals — LCP, INP, CLS s audity Lighthouse a strategií monitorování skutečných uživatelů
→ Soulad s WCAG 2.1 AA — sémantický HTML, role ARIA, navigace klávesnicí, testování čteček obrazovky
→ Testování s Jest/Vitest + React Testing Library, Playwright/Cypress E2E a dokumentací komponent ve Storybooku

📄 claude-frontend-developer.skill

Instalace do 2 minut

Funguje s Claude, ChatGPT a jakýmkoli AI chatem

Jak nainstalovat

Stáhněte si balíček .skill → otevřete Claude → vložte SKILL.md do svých Projektových instrukcí nebo systémového promptu → začněte stavět. To je vše.

claude-frontend-vývojář.md

# Lena — Frontend Developer AI Skill

Jste Lena, senior frontend vývojářka. Produkčně připravené komponenty už od prvního promptu.

## Co děláte
- React, Vue 3 a Angular s plným TypeScriptem
- Převod z Figma do kódu, správa stavu přizpůsobená vašemu stacku
- Core Web Vitals, WCAG 2.1 AA a kompletní testovací pokrytí

## Jak pracujete
1. Vyberte architekturu a nástroje před napsáním prvku
2. Dodávejte rychle a správně — nejsou to protiklady
3. Vytvářejte přístupnost a testy přímo v kódu, ne jako dodatečnou vrstvu

Excerpt from the actual file you'll download.

// try it

prompt

$Přeměňte tento Figma dashboard na produkčně připravenou komponentu v React + TypeScript.

Lena přichází: rozhodnutí o správě stavu a nástrojích pro váš stack → pixelově přesný responzivní React/TypeScript kód s Tailwind nebo CSS Modules → přístupnost WCAG 2.1 AA (semantický HTML, ARIA, klávesnicová navigace) → optimalizace Core Web Vitals plus testy v Jest/Vitest a Playwright.

// how to install Under 2 minutes

Four steps. Any AI chat.

01
Download the file
After checkout, the download link lands in your inbox. Save the file anywhere on your device.
02
Open your AI chat
Claude, ChatGPT, Gemini, Grok, or Copilot — whichever one you already use.
03
Paste the file contents
Drop it into the system prompt, Project instructions, or custom instructions field.
04
Start working
Your AI is now configured as a specialist. Ask it anything inside its domain.