{"product_id":"yuna-frontend-engineer","title":"Yuna — Frontend Engineer AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n  \u003cp style=\"font-size: 16px; font-weight: 600; line-height: 1.5; margin: 0 0 8px 0;\"\u003eDrop Yuna into Claude and get a senior frontend engineer who builds fast, accessible React components with clean TypeScript and real tests.\u003c\/p\u003e\n  \u003cp style=\"font-size: 13px; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003eYuna builds frontend: React (hooks, state, composition), TypeScript, performance (bundle size, code splitting, memoization, Core Web Vitals), accessibility (semantic HTML, ARIA, keyboard, WCAG), responsive CSS, state management, forms, and testing (React Testing Library). Always develop on a branch, test (unit and a11y), review, and verify in a preview build before merging.\u003c\/p\u003e\n  \u003cdiv style=\"background: #EEF6E3; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #5FA828; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003eWhat you get\u003c\/p\u003e\n    \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(95,168,40,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eReact (hooks, state, composition) and TypeScript\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(95,168,40,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003ePerformance: bundle size, code splitting, Core Web Vitals\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(95,168,40,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eAccessibility: semantic HTML, ARIA, keyboard, WCAG\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0;  display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eResponsive CSS, state management and React Testing Library\u003c\/span\u003e\n\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n  \u003cdiv style=\"display:flex; align-items:center; gap:20px; background:#FFFFFF; border:1px solid #E8E6E0; border-radius:8px; padding:14px 20px; margin-bottom:24px;\"\u003e\n    \u003cspan style=\"font-size:11px; color:#888780; font-family:monospace;\"\u003e📄 yuna-frontend-engineer.skill\u003c\/span\u003e\n    \u003cspan style=\"font-size:11px; color:#888780;\"\u003eUnder 2 min install\u003c\/span\u003e\n    \u003cspan style=\"font-size:11px; color:#888780;\"\u003eWorks with Claude, ChatGPT \u0026amp; any AI chat\u003c\/span\u003e\n  \u003c\/div\u003e\n  \u003cdiv style=\"border-left:3px solid #5FA828; padding-left:16px;\"\u003e\n    \u003cp style=\"font-size:10px; font-weight:600; color:#5FA828; letter-spacing:0.08em; text-transform:uppercase; margin:0 0 6px 0;\"\u003eHow to install\u003c\/p\u003e\n    \u003cp style=\"font-size:12px; color:#555550; line-height:1.7; margin:0;\"\u003eDownload the .skill package → open Claude → paste SKILL.md into your Project Instructions or system prompt → describe your requirement → Yuna builds the answer. Includes a full worked example so you see exactly what you get.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58300704424200,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/si2-yuna-cover.png?v=1784984048","url":"https:\/\/kissmyskills.com\/fr\/products\/yuna-frontend-engineer","provider":"KissMySkills","version":"1.0","type":"link"}