Marchi dei rispettivi proprietari. KissMySkills non è affiliato né approvato da loro.
Come funziona
Ask it something hard.
📎 yuna-frontend-engineer.skillLOADED ✓
Il bundle React è di 2,8 MB e il LCP su rete 4G è di 6,1 s. Il PM vuole nuove funzionalità, non uno sprint sulle prestazioni. Cosa può migliorare più rapidamente la situazione?
CLAUDE · WITH THIS SKILL2,8 MB non richiede uno sprint, ma un pomeriggio dedicato al code splitting a livello di route: React.lazy sulle 5 route più pesanti riduce in genere il JavaScript iniziale del 60%. Esegui prima l’analisi del bundle: quasi sempre ci sono un moment.js con tutte le localizzazioni, un’importazione completa di lodash e una libreria per i grafici distribuita su ogni pagina per una sola schermata di amministrazione. Di solito, con lo splitting e il precaricamento dell’asset hero, l’LCP scende sotto i 3 secondi. Presentalo al PM come un pomeriggio di lavoro con dati sul campo prima/dopo, non come uno sprint. Incolla i 20 moduli principali dell’analizzatore e ti indicherò cosa eliminare.
Domande prima di comprare? Risponde una persona, di solito in giornata: hello@kissmyskills.com
// il file vero e proprio
Leggilo prima di comprarlo.
Le prime righe del file che la tua IA leggerà, esattamente come viene consegnato. Niente è stato riscritto per la pagina.
Usa il nome Caricato il file, rivolgiti a lui per nome: «Serge, guarda questa pagina.» Il nome serve a questo. Così tieni distinti più skill nella stessa chat.
// il skill su cui gira la tua IA
Sei Yuna, una Senior Frontend Engineer che privilegia l'HTML semantico rispetto ad ARIA, tipizza le props partendo dalla struttura dei dati e misura LCP, INP e CLS. Sei stata attivata per realizzare una UI utilizzabile tramite tastiera.
Inserisci Yuna in Claude e ottieni una Senior Frontend Engineer che realizza codice React veloce, tipizzato, accessibile e testato — non un mucchio di tipi any e di useEffect tenuti insieme dalla speranza. Yuna sviluppa come farebbe un solido team di product engineering: con un approccio basato sui componenti, accessibile per impostazione predefinita, misurato sui Core Web Vitals reali e coperto da test che verificano il comportamento osservabile da un utente — mai i dettagli di implementazione. Yuna copre l'intero stack frontend moderno: React (componenti funzionali, hook, composizione, Suspense, confini di errore), TypeScript (unioni discriminate, generics, tipizzazione delle props, narrowing), stile (CSS Modules, Tailwind, CSS-in-JS, layout moderno con Grid/Flex/container query), recupero dei dati e gestione dello stato (TanStack Query, Context, Zustand, stato nell'URL), moduli (React Hook Form, Zod), prestazioni (suddivisione del codice, memoizzazione, virtualizzazione, strategia per immagini e font, Web Vitals), accessibilità (HTML semantico, ARIA, tastiera, focus, WCAG 2.2 AA) e test (React Testing Library, jest-axe, Playwright per gli e2e).
SKILL.md · 183 righe · download immediato
// cosa contiene
Cosa c'è in questo skill
React (hook, stato, composizione) e TypeScript
Prestazioni: dimensione del bundle, suddivisione del codice, Core Web Vitals
Accessibilità: HTML semantico, ARIA, tastiera, WCAG
CSS responsivo, gestione dello stato e React Testing Library
Sviluppatori frontend che desiderano componenti veloci e accessibili e un TypeScript pulito e testato.
// due modi per averlo
Usalo dentro la tua IA, oppure scaricalo una volta.
Piano Library
Questo skill e altri 2.500+, dentro la tua chat
$9/mesedisdici quando vuoi, oppure $59 all'anno
Tutti i 2.500+ skill, pacchetti di prompt e agenti, caricati appena li chiedi
Niente da scaricare o incollare: collega una volta in Claude, ChatGPT, Claude Code o Cursor
Nuovi skill ogni settimana e 10 file del catalogo al mese da scaricare
Marchi dei rispettivi proprietari. KissMySkills non è affiliato né approvato da loro.
// chiedi al tuo assistente
Oppure lascia che la tua IA configuri questo skill per te.
Vai su kissmyskills.com/pages/connector e configurami lo skill "Skill AI per sviluppatrice frontend - Yuna" (handle: yuna-frontend-engineer)
Incollalo in Claude, ChatGPT, Claude Code, Cursor o Codex. La tua IA ti guida nel collegare KissMySkills (circa 3 minuti, prova gratuita di 7 giorni) e carica lo skill. Cosa leggerà la tua IA →
Cosa compri davvero
Inserisci Yuna in Claude e ottieni un senior frontend engineer che crea componenti React veloci e accessibili, con TypeScript pulito e test reali.
Yuna sviluppa il frontend: React (hook, stato, composizione), TypeScript, prestazioni (dimensioni del bundle, suddivisione del codice, memoizzazione, Core Web Vitals), accessibilità (HTML semantico, ARIA, tastiera, WCAG), CSS responsive, gestione dello stato, moduli e test (React Testing Library). Sviluppa sempre su un branch, esegue i test (unitari e di accessibilità), revisiona e verifica in una build di anteprima prima del merge.
Cosa ottieni
→React (hook, stato, composizione) e TypeScript
→Prestazioni: dimensioni del bundle, suddivisione del codice e Core Web Vitals
→Accessibilità: HTML semantico, ARIA, tastiera, WCAG
→CSS responsive, gestione dello stato e React Testing Library
📄 yuna-frontend-engineer.skillInstallazione in meno di 2 minutiFunziona con Claude, ChatGPT e qualsiasi chat AI
Come installare
Scarica il pacchetto .skill → apri Claude → incolla SKILL.md nelle Istruzioni del progetto o nel prompt di sistema → descrivi il tuo requisito → Yuna crea la risposta. Include un esempio completo e dettagliato, così puoi vedere esattamente cosa ottieni.
// come installare
Meno di 2 minuti
Quattro passaggi. Qualsiasi chat AI.
01
Scarica il file
Dopo l’acquisto, il link per il download arriva nella tua casella email. Salva il file .skill: Claude lo accetta così com’è.
02
Apri la tua chat AI
Qualsiasi chat IA che usi già: Claude, ChatGPT, Gemini, Grok, Copilot o un’altra.
03
Aggiungilo alla tua IA
Claude: in Settings → Capabilities → Skills, carica il file .skill. ChatGPT, Gemini e altri: apri il file .skill come un archivio .zip e incolla SKILL.md nelle istruzioni personalizzate o del progetto.
04
Inizia a lavorare
La tua AI è ora configurata come specialista. Chiedile qualsiasi cosa nell’ambito di sua competenza.
Non è richiesta alcuna conoscenza tecnica.
Con Library non c’è niente da scaricare. Collega la tua IA una volta, poi chiedi: «Carica Skill AI per sviluppatrice frontend da KissMySkills».
Sviluppo frontend: React e TypeScript, prestazioni, accessibilità, CSS responsive e test. Caricala una volta in Claude Projects e otterrai un Frontend Engineer configurato, senza dover rispiegare il contesto all'inizio di ogni sessione. Sviluppa sempre su un branch con test, esegui il codice in CI su un ambiente di staging con revisione del codice e portalo in produzione solo dopo test e approvazioni; non distribuire mai direttamente in produzione modifiche non testate.
Come installo questo file skill?+
Scarica il pacchetto .skill (contiene SKILL.md), incolla il contenuto nelle istruzioni di Claude Projects o nel prompt di sistema della tua AI, aggiungi il tuo contesto e avvia la prima sessione. Funziona con Claude, ChatGPT o qualsiasi chat AI che accetti prompt di sistema.
Con quali strumenti AI funziona questa skill?+
Funziona con Claude (consigliato), ChatGPT, Gemini, Perplexity e Copilot, oltre che con qualsiasi chat AI che accetti prompt di sistema. Claude Projects offre i risultati migliori.
Cosa include questo download?+
Un pacchetto .skill consegnato istantaneamente dopo l'acquisto: la configurazione completa del ruolo in SKILL.md, più un file di esempio pratico con uno scenario reale, così puoi valutare la qualità prima di farci affidamento. Nessun abbonamento, è tuo per sempre.
Pronto a specializzare la tua AI?
Questo e altri 2.500+, dentro Claude, ChatGPT, Claude Code, Codex o Cursor. Disdici quando vuoi.