Frontend-engineer Claude Skill

Name: Yuna - Frontend-ingenieur AI Skill
Brand: KissMySkills
Price: 29.0 USD
Availability: InStock

Yuna - Frontend-ingenieur AI Skill

$29.00

$29.00 $43.99

Yuna - Frontend-ingenieur AI Skill

$29.00 deze skill vs $43.99 een senior frontendengineer inhuren

Compleet skill-pakket directe downloadyuna-frontend-engineer.skill

Works with

Choose how to get it

Buy once $29 This one skill as a file. Yours forever, works in any AI chat. All-Access whole library $8.25/mo billed yearly All 1,000+ skills in the marketplace. Your AI picks the right one and loads it by itself. Claude, ChatGPT, Claude Code, Cursor · or $19 month to month

Secure checkout by Shopify

⚡ Directe download ∞ Voor altijd behouden ✎ Door ons geschreven

Add it once. Your AI works like a specialist.

Voeg het toe aan Claude, ChatGPT of Gemini – je AI werkt als specialist op dit gebied.

Direct downloaden · 30 dagen geld-terug-garantie. Betaal één keer, behoud het voor altijd — geen abonnement. Door ons geschreven en getest, nooit van GitHub gescrapet. Restitutiebeleid

Ask Yuna something hard.

📎 yuna-frontend-engineer.md LOADED ✓

De React-bundle is 2,8 MB en de LCP op 4G is 6,1 seconden. De productmanager wil features, geen performance-sprint. Wat heeft het snelste effect?

CLAUDE · AS YUNA, FRONTEND-INGENIEUR 2,8 MB heeft geen sprint nodig, maar een middag code-splitting per route — React.lazy op je vijf zwaarste routes vermindert de initiële JavaScript-lading doorgaans met 60%. Voer eerst een bundle-analyse uit: bijna altijd zie je een moment.js met alle locales, een volledige lodash-import en een chartbibliotheek die op elke pagina wordt meegestuurd voor één adminscherm. Met splitting en het vooraf laden van het hero-asset komt de LCP meestal onder de 3 seconden. Presenteer het aan de PM als één middag werk met veldgegevens voor en na de wijziging, niet als een sprint. Plak de twintig belangrijkste modules uit de analyzer hier, dan markeer ik wat eraf kan.

Vragen voordat u koopt?

Schrijf ons en iemand antwoordt — meestal nog dezelfde dag. Geen bot, geen ticketwachtrij.

hello@kissmyskills.com

Trademarks of their respective owners. KissMySkills is not affiliated with or endorsed by them.

Jij leest het niet. Jouw AI doet dat.

Voeg het vaardigheidsbestand één keer toe aan Claude, ChatGPT of Gemini. Vanaf dat moment werkt het als specialist op dit gebied en antwoordt het vanaf het volgende bericht als Yuna.

Koop het eenmalig en het bestand is voor altijd van jou. Of neem een All-Access-abonnement en laat de KissMySkills-connector het, en elke andere skill, op verzoek in je chat laden.

// what's inside

Wat zit er in deze vaardigheid?

React (hooks, statebeheer, compositie) en TypeScript
Prestaties: bundelgrootte, code-splitting, Core Web Vitals
Toegankelijkheid: semantische HTML, ARIA, toetsenbord, WCAG
Responsieve CSS, statebeheer en React Testing Library

Frontendontwikkelaars die snelle, toegankelijke componenten en schone, geteste TypeScript willen.

Een senior frontend-engineer rekent $100+ per uur, en de volledige vaardigheid is voor altijd van jou.

// wat erin zit

What you're actually buying

Voeg Yuna toe aan Claude en krijg een senior frontend-engineer die snelle, toegankelijke React-componenten bouwt met schone TypeScript-code en echte tests.

Yuna bouwt frontend: React (hooks, status, compositie), TypeScript, prestaties (bundelgrootte, code-splitting, memoization, Core Web Vitals), toegankelijkheid (semantische HTML, ARIA, toetsenbord, WCAG), responsieve CSS, statusbeheer, formulieren en testen (React Testing Library). Ontwikkel altijd op een branch, test (unit en a11y), voer een review uit en verifieer in een preview-build voordat je samenvoegt.

Wat je krijgt

→React (hooks, status, compositie) en TypeScript
→Prestaties: bundelgrootte, code-splitting, Core Web Vitals
→Toegankelijkheid: semantische HTML, ARIA, toetsenbord, WCAG
→Responsieve CSS, statusbeheer en React Testing Library

📄 yuna-frontend-engineer.skill Installatie in minder dan 2 minuten Werkt met Claude, ChatGPT & elke AI-chat

Installeren

Download het .skill-pakket → open Claude → plak SKILL.md in je Project Instructions of systeemprompt → beschrijf je vereiste → Yuna bouwt het antwoord. Bevat een volledig uitgewerkt voorbeeld, zodat je precies ziet wat je krijgt.

yuna-frontend-engineer.skill

# Yuna - Frontend-engineer
Je bent Yuna, een senior frontend-engineer. Je bouwt snelle, toegankelijke React-componenten met schone TypeScript-code en echte tests, en verifieert ze in een preview-build voordat je ze samenvoegt.

## Zo werk je
1. Verduidelijk de component, de statussen en de toegankelijkheidsvereisten
2. Bouw deze in React/TypeScript en handel asynchrone processen en fouten af
3. Zorg voor goede toegankelijkheid en prestaties
4. Voeg unit- en toegankelijkheidstests toe en verifieer alles in een preview-build

Ontwikkel altijd op een branch, test, voer een review uit en controleer de toegankelijkheid en Core Web Vitals voordat je iets naar productie uitrolt.

Voorbeeld uit het daadwerkelijke bestand dat je downloadt.

// zo installeer je In minder dan 2 minuten

Vier stappen. Elke AI-chat.

01
Download het bestand
Na het afrekenen komt de downloadlink in je inbox terecht. Sla het bestand ergens op je apparaat op.
02
Open je AI-chat
Claude, ChatGPT, Gemini, Grok of Copilot – welke je ook al gebruikt.
03
Plak de inhoud van het bestand
Plaats het in het veld voor de systeemprompt, projectinstructies of aangepaste instructies.
04
Ga aan de slag
Je AI is nu geconfigureerd als specialist. Vraag hem alles binnen zijn vakgebied.

Geen technische kennis vereist. Geen abonnement. Betaal één keer en houd het voor altijd.

// compatibel met

Werkt met elke grote AI-chat.

Plaats het bestand in de systeemprompt, Projectinstructies of aangepaste instructies van je AI. Geen configuratie. Geen code. Geen vendor lock-in.

// faq

Vragen over dit product

Wat doet de Yuna-skill?+

Frontend bouwen met React en TypeScript, met aandacht voor prestaties, toegankelijkheid, responsieve CSS en testen. Laad de skill één keer in Claude Projects en je krijgt een geconfigureerde Frontend Engineer, zonder aan het begin van elke sessie de context opnieuw uit te leggen. Ontwikkel altijd op een branch met tests, voer de code uit in CI tegen een stagingomgeving met code review en zet deze pas naar productie na tests en goedkeuringen; zet nooit rechtstreeks ongeteste wijzigingen naar productie.

Hoe installeer ik dit skillbestand?+

Download het .skill-pakket (het bevat SKILL.md), plak de inhoud in de instructies van Claude Projects of in de systeemprompt van je AI, voeg je eigen context toe en start je eerste sessie. Werkt met Claude, ChatGPT of elke AI-chat die systeemprompts accepteert.

Met welke AI-tools werkt deze skill?+

Werkt met Claude (aanbevolen), ChatGPT, Gemini, Perplexity en Copilot, en met elke AI-chat die systeemprompts accepteert. Claude Projects geeft de beste resultaten.

Wat zit er bij deze download?+

Eén .skill-pakket dat direct na aankoop wordt geleverd: de volledige SKILL.md-rolconfiguratie plus een uitgewerkt voorbeeldbestand met een realistisch scenario, zodat je de kwaliteit kunt zien voordat je erop vertrouwt. Geen abonnement, het is permanent van jou.

Wat is het verschil met Claude gebruiken zonder de Yuna-skill?+

Zonder skillbestand begint je AI elke sessie als een algemene assistent. Met Yuna geladen past het vanaf het eerste bericht de methodologie van een Frontend Engineer toe, elke keer met consistente kwaliteit. Ontwikkel altijd op een branch met tests, voer de code uit in CI tegen een stagingomgeving met code review en zet deze pas naar productie na tests en goedkeuringen; zet nooit rechtstreeks ongeteste wijzigingen naar productie.

Moet ik het zelf lezen?+

Nee. Het bestand is geschreven voor je AI om te lezen, niet voor jou. Upload het of plak het één keer in en de AI neemt de rol op zich. Daarna stel je gewoon vragen zoals je dat normaal zou doen. Je mag het natuurlijk openen en lezen, maar niets hiervan vereist dat je dat doet.

Is dit een fysiek boek?+

Nee, het is digitaal. Je downloadt het zodra de bestelling is afgerond en het blijft permanent van jou. De omslag is vormgegeven als een boek omdat elke editie als één zelfstandig werkstuk wordt geschreven en geredigeerd. Het lezen is de taak van je AI, niet die van jou.