Skill Claude Ingénieur frontend

Name: Skill AI d'ingénieure frontend - Yuna
Brand: KissMySkills
Price: 19 USD
Availability: InStock

Frontend Engineer, Yuna AI skill by KissMySkills, cover

Skill AI d'ingénieure frontend - Yuna

Concevoir le frontend : React et TypeScript, performances, accessibilité, CSS responsive et tests.

$19 ce skill un seul paiement à vous pour toujours

Pack de skill Claude téléchargement immédiatyuna-frontend-engineer.skill

Plan Library

Ce contenu (skill) et 2 500+ autres

$9/mois ou $59 par an

Prendre Library · $9/moisPrendre Library

Essayez ce contenu (skill) gratuitement pendant 7 joursEssayer gratuitement

7 jours gratuits, sans carte
Résiliable à tout moment
Remboursé sous 30 jours sur votre premier paiement

Rien n’est débité. 2 jours avant la fin de l’essai, vous recevez un code −30 % pour votre premier paiement.

Fonctionne dans Claude, ChatGPT, Claude Code, Codex et Cursor via un seul connecteur
Tous les skills, packs de prompts et agents, plus AI CRM et les outils pendant l’essai
Résiliable à tout moment

Pourquoi un abonnement ? Comment ça marche

Seulement ce fichier (skill) ?

Un fichier, payé une fois. Sans mises à jour, sans connecteur.

Coûte à peu près autant que 2 mois de Library.

$19

Payez une fois, gardez-le pour toujoursTéléchargement immédiatSatisfait ou remboursé 30 jours

Vu surProduct Hunt Fazier KittyLaunch

Fonctionne avec

Paiement sécurisé par Stripe

Marques de leurs propriétaires respectifs. KissMySkills n’est ni affilié à eux ni approuvé par eux.

Comment ça marche

Ask it something hard.

📎 yuna-frontend-engineer.skillLOADED ✓

Le bundle React fait 2,8 Mo et le LCP sur la 4G est de 6,1 s. Le chef de produit veut des fonctionnalités, pas un sprint de performances. Qu’est-ce qui améliorera le plus vite la situation ?

CLAUDE · WITH THIS SKILL 2,8 Mo ne nécessitent pas un sprint, mais un après-midi consacré au découpage du code par route : React.lazy sur vos 5 routes les plus lourdes réduit généralement le JavaScript initial de 60 %. Commencez par analyser le bundle : il y a presque toujours un moment.js avec toutes ses locales, un import complet de lodash et une bibliothèque de graphiques envoyée sur chaque page pour un seul écran d’administration. Le LCP passe généralement sous les 3 s grâce au découpage et au préchargement de l’élément héro. Présentez-le au responsable produit comme un après-midi accompagné de données terrain avant/après, pas comme un sprint. Collez les 20 premiers modules de l’analyseur et j’indiquerai les éléments à supprimer.

Ou tous les skills, directement dans votre IA.

0:16 · sans son

Les 2 500+ avec Library · $9/mois →

Des questions avant d’acheter ? Une personne répond, souvent le jour même : hello@kissmyskills.com

// le fichier lui-même

Lisez-le avant de l'acheter.

Les premières lignes du fichier que votre IA lira, exactement telles que livrées. Rien n'est réécrit pour la page.

// le skill qui fait tourner votre IA

Vous êtes Yuna, une ingénieure frontend senior qui privilégie le HTML sémantique à ARIA, tape les propriétés à partir de la structure des données et mesure le LCP, l'INP et le CLS. Vous avez été activée pour livrer une UI utilisable au clavier.

Intégrez Yuna à Claude et obtenez une ingénieure frontend senior qui produit du React rapide, correctement typé, accessible et testé - pas un tas de types any et de useEffect assemblés avec de l’espoir. Yuna développe comme une équipe produit-technique solide : avec une approche fondée sur les composants, accessible par défaut, mesurée à l’aide des Core Web Vitals réelles et couverte par des tests qui vérifient le comportement visible par l’utilisateur - jamais des détails d’implémentation. Yuna maîtrise toute la pile frontend moderne : React (composants fonctionnels, hooks, composition, Suspense, limites d’erreur), TypeScript (unions discriminées, génériques, typage des props, réduction de type), style (CSS Modules, Tailwind, CSS-in-JS, mise en page moderne avec Grid/Flex/requêtes de conteneur), récupération des données et gestion de l’état (TanStack Query, Context, Zustand, état de l’URL), formulaires (React Hook Form, Zod), performances (découpage du code, mémorisation, virtualisation, stratégie pour les images et les polices, Web Vitals), accessibilité (HTML sémantique, ARIA, clavier, focus, WCAG 2.2 AA), et tests (React Testing Library, jest-axe, Playwright pour les tests de bout en bout).

SKILL.md · 183 lignes · téléchargement immédiat

// ce qu'il contient

Que contient ce skill ?

React (hooks, état, composition) et TypeScript
Performances : taille du bundle, division du code, Core Web Vitals
Accessibilité : HTML sémantique, ARIA, clavier, WCAG
CSS responsive, gestion de l’état et React Testing Library

Ingénieurs frontend qui veulent des composants rapides et accessibles, avec un TypeScript propre et testé.

// deux façons de l'obtenir

Utilisez-le dans votre IA, ou téléchargez-le une fois.

Forfait Library

Ce skill et 2 500+ autres, dans votre chat

$9/mois résiliable à tout moment, ou $59 par an

Les 2 500+ skills, packs de prompts et agents, chargés dès que vous les demandez
Rien à télécharger ni à coller : connectez-vous une fois dans Claude, ChatGPT, Claude Code ou Cursor
De nouveaux skills chaque semaine et 10 fichiers du catalogue à télécharger par mois

Prendre Library · $9/mois Essai gratuit de 7 jours

Comparer Library, AI CRM et Both

Achat unique

Juste ce skill, en fichier

$19 paiement unique

Téléchargez-le après l'achat et collez-le dans n'importe quel chat IA
Un fichier, sans mises à jour, sans connecteur
Satisfait ou remboursé pendant 30 jours

Déjà abonné à Library ou Both ? Celui-ci est inclus, inutile d'acheter le fichier.

Compatible avec

Marques de leurs propriétaires respectifs. KissMySkills n’est ni affilié à eux ni approuvé par eux.

// demandez à votre assistant

Ou laissez votre IA installer ce skill pour vous.

Va sur kissmyskills.com/pages/connector et installe pour moi le skill "Skill AI d'ingénieure frontend - Yuna" (handle : yuna-frontend-engineer)

Collez-le dans Claude, ChatGPT, Claude Code, Cursor ou Codex. Votre IA vous guide pour connecter KissMySkills (environ 3 minutes, essai gratuit de 7 jours) et charge le skill. Ce que votre IA va lire →

Ce que vous achetez vraiment

Intégrez Yuna à Claude et obtenez une ingénieure frontend senior qui crée rapidement des composants React accessibles, avec un TypeScript propre et de vrais tests.

Yuna développe le frontend : React (hooks, état, composition), TypeScript, performances (taille du bundle, découpage du code, mémoïsation, Core Web Vitals), accessibilité (HTML sémantique, ARIA, clavier, WCAG), CSS responsive, gestion de l’état, formulaires et tests (React Testing Library). Développez toujours sur une branche, testez (tests unitaires et d’accessibilité), relisez et vérifiez dans une version de prévisualisation avant de fusionner.

Ce que vous obtenez

→React (hooks, état, composition) et TypeScript
→Performances : taille du bundle, découpage du code, Core Web Vitals
→Accessibilité : HTML sémantique, ARIA, clavier, WCAG
→CSS responsive, gestion de l’état et React Testing Library

📄 yuna-frontend-engineer.skill Installation en moins de 2 minutes Fonctionne avec Claude, ChatGPT et n’importe quel chat AI

Comment installer

Téléchargez le package .skill → ouvrez Claude → collez SKILL.md dans les instructions de votre projet ou le prompt système → décrivez votre besoin → Yuna construit la réponse. Comprend un exemple complet pour voir exactement ce que vous obtenez.

// installation Moins de 2 minutes

Quatre étapes. N’importe quel chat AI.

01
Télécharger le fichier
Après l’achat, le lien de téléchargement arrive dans votre boîte mail. Enregistrez le fichier .skill : Claude l’accepte tel quel.
02
Ouvrez votre conversation AI
N’importe quel chat IA que vous utilisez déjà : Claude, ChatGPT, Gemini, Grok, Copilot ou un autre.
03
Ajoutez-le à votre IA
Claude : dans Settings → Capabilities → Skills, importez le fichier .skill. ChatGPT, Gemini et autres : ouvrez le fichier .skill comme une archive .zip et collez SKILL.md dans les instructions personnalisées ou les instructions du projet.
04
Commencez à travailler
Votre AI est maintenant configurée comme spécialiste. Posez-lui n’importe quelle question relevant de son domaine.

Aucune connaissance technique requise.

Avec Library, rien à télécharger. Connectez votre IA une fois, puis demandez : « Charge Skill AI d'ingénieure frontend depuis KissMySkills. »

Guide d’installation → Library · $9/mois →

// faq

Questions concernant ce produit

Que fait la compétence Yuna ?+

Développement frontend : React et TypeScript, performances, accessibilité, CSS responsive et tests. Chargez-la une fois dans Claude Projects et vous obtenez un ingénieur frontend configuré, sans avoir à réexpliquer le contexte au début de chaque session. Développez toujours sur une branche avec des tests, exécutez le tout dans la CI sur un environnement de staging avec revue de code, et ne déployez en production qu'après les tests et les validations ; ne mettez jamais directement en production des modifications non testées.

Comment installer ce fichier de compétence ?+

Téléchargez le package .skill (il contient SKILL.md), collez son contenu dans les instructions de Claude Projects ou dans le prompt système de votre AI, ajoutez votre propre contexte et démarrez votre première session. Fonctionne avec Claude, ChatGPT ou tout chat AI qui accepte les prompts système.

Avec quels outils d'AI cette compétence fonctionne-t-elle ?+

Elle fonctionne avec Claude (recommandé), ChatGPT, Gemini, Perplexity et Copilot, ainsi qu'avec tout chat AI qui accepte les prompts système. Claude Projects offre les meilleurs résultats.

Que contient ce téléchargement ?+

Un package .skill livré instantanément après l'achat : la configuration complète du rôle dans SKILL.md, ainsi qu'un fichier d'exemple détaillé présentant un scénario réel pour vous permettre d'évaluer la qualité avant de vous y fier. Aucun abonnement, il vous appartient définitivement.