{"title":"Технічні та розробницькі Skills","description":"\u003cp\u003e\u003cstrong\u003eПрофесійні AI навички для розробників програмного забезпечення, менеджерів інженерних команд та технічних груп — перетворіть Claude на спеціалізованих помічників з розробки, які розуміють код, архітектуру та інженерні робочі процеси.\u003c\/strong\u003e Ця колекція містить експертно розроблені навички Claude, які перетворюють вашого AI-помічника на технічних спеціалістів, що охоплюють усі аспекти сучасної розробки програмного забезпечення та управління інженерними процесами.\u003c\/p\u003e\n\n\u003ch3\u003eЩо входить до Tech \u0026amp; Development Skills\u003c\/h3\u003e\n\u003cp\u003eКожна навичка в цій колекції створена працюючими інженерами-програмістами, технічними лідерами та менеджерами інженерних команд, які розуміють реальні виклики розробки. Від написання чистого коду до управління технічними командами, від архітектури систем до впровадження практик DevOps — ці навички виконують складну технічну роботу, що визначає сучасну розробку програмного забезпечення.\u003c\/p\u003e\n\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eРозробка програмного забезпечення\u003c\/strong\u003e — старші розробники, full-stack інженери, спеціалісти з Python, експерти з JavaScript, дизайнери API\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eІнженерне керівництво\u003c\/strong\u003e — менеджери інженерних команд, технічні лідери, архітектори програмного забезпечення, радники CTO\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDevOps та інфраструктура\u003c\/strong\u003e — інженери DevOps, хмарні архітектори, спеціалісти SRE, експерти CI\/CD\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eЯкість коду та рев’ю\u003c\/strong\u003e — рев’ювери коду, автори технічної документації, спеціалісти з тестування\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eКібербезпека\u003c\/strong\u003e — інженери з безпеки, пентестери, спеціалісти з відповідності, аналітики ризиків\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003eСтворено для реальних робочих процесів розробки\u003c\/h3\u003e\n\u003cp\u003eЧи ви старший інженер, який пише складні алгоритми, менеджер інженерної команди, що планує технічні дорожні карти, інженер DevOps, який проектує конвеєри розгортання, або CTO стартапу, що приймає архітектурні рішення — ці навички розуміють технічну глибину та практичні обмеження професійної розробки програмного забезпечення.\u003c\/p\u003e\n\n\u003cp\u003eЖодних більше загальних порад з кодування чи поверхневих технічних пропозицій. Ці навички Claude знають патерни проєктування, розуміють компроміси систем, можуть перевіряти код на вразливості безпеки та аналізувати бізнес-наслідки технічних рішень, як досвідчені старші інженери.\u003c\/p\u003e\n\n\u003ch3\u003eВід коду до стратегії\u003c\/h3\u003e\n\u003cp\u003eКолекція охоплює як практичну розробку, так і стратегічне технічне керівництво. Отримуйте допомогу у написанні коду, готового до продакшену, проведенні ретельних рев’ю коду, проєктуванні масштабованих архітектур, управлінні технічними командами, плануванні міграцій, впровадженні протоколів безпеки та прийнятті технологічних рішень, що відповідають бізнес-цілям.\u003c\/p\u003e\n\n\u003ch3\u003eПрофесійний інженерний досвід\u003c\/h3\u003e\n\u003cp\u003eКожна навичка приносить роки професійного інженерного досвіду у вашого помічника Claude. Навичка Senior Python Developer знає не лише синтаксис, а й оптимізацію продуктивності, стратегії тестування та структурування великих кодових баз. Навичка Engineering Manager розуміє динаміку команди, управління технічним боргом і як перекладати технічні вимоги у бізнес-вимоги.\u003c\/p\u003e\n\n\u003ch3\u003eТехнологічно-агностична та обізнана з фреймворками\u003c\/h3\u003e\n\u003cp\u003eХоча деякі навички спеціалізуються на конкретних технологіях, колекція розроблена для роботи з різними технологічними стеком та інженерними середовищами. Чи ви працюєте у стартапах чи корпораціях, використовуєте хмарну чи локальну інфраструктуру, створюєте веб-застосунки чи розподілені системи — ці навички адаптуються до вашого технічного контексту.\u003c\/p\u003e\n\n\u003ch3\u003eНегайна технічна допомога\u003c\/h3\u003e\n\u003cp\u003eДодайте будь-яку навичку до Claude і одразу отримайте доступ до технічної експертизи рівня senior. Відлагоджуйте складні проблеми, переглядайте архітектурні рішення, плануйте технічні впровадження, проводьте рев’ю коду та забезпечуйте технічну комунікацію, що підтримує ефективність роботи команд розробників.\u003c\/p\u003e\n\n\u003cp\u003e\u003cem\u003eПідвищуйте якість своєї розробки з навичками Claude, які розуміють і код, і бізнес професійного створення програмного забезпечення.\u003c\/em\u003e\u003c\/p\u003e","products":[{"product_id":"frontend-developer-skill","title":"Лена — фронтенд-розробник AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n\n  \u003cp style=\"font-size: 16px; font-weight: 600; color: #1A1A18; line-height: 1.5; margin: 0 0 8px 0;\"\u003e\n    Додайте Lena у Claude і отримайте Senior Frontend Developer, який пише готові до продакшену компоненти з першого prompt — React, Vue 3 та Angular з повною типізацією TypeScript, конвертацією Figma у код і UI, що проходять Core Web Vitals без жодної паніки від аудиту Lighthouse.\n  \u003c\/p\u003e\n\n  \u003cp style=\"font-size: 13px; font-weight: 400; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003e\n    Жодного компонента без архітектури. Lena визначає правильний патерн управління станом, інструменти збірки та підхід до доступності перед написанням першого елемента — бо швидко і якісно не виключають одне одного.\n  \u003c\/p\u003e\n\n  \u003cdiv style=\"background: #E6F1FB; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003eЩо ви отримуєте\u003c\/p\u003e\n    \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eReact (hooks, context, suspense), Vue 3 (composition API), Angular 15+ — повна типізація TypeScript\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eУправління станом з Redux Toolkit, Zustand, Pinia або NgRx — підібрано під ваш стек, а не за замовчуванням\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eПеретворення Figma\/Sketch у піксельно точний адаптивний код — з Tailwind, CSS Modules або Styled Components\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eКонфігурація збірки Vite, Webpack 5, Turbopack — розділення коду, tree shaking, оптимізація чанків\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eОптимізація Core Web Vitals — LCP, INP, CLS з аудитами Lighthouse та стратегією моніторингу реальних користувачів\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eВідповідність WCAG 2.1 AA — семантичний HTML, ролі ARIA, навігація клавіатурою, тестування зчитувачем екрану\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eТестування з Jest\/Vitest + React Testing Library, Playwright\/Cypress E2E та документацією компонентів Storybook\u003c\/span\u003e\n      \u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\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📄 claude-frontend-developer.skill\u003c\/span\u003e\n    \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780;\"\u003eВстановлення менше ніж за 2 хвилини\u003c\/span\u003e\n    \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780;\"\u003eПрацює з Claude, ChatGPT та будь-яким AI-чатом\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"border-left: 3px solid #185FA5; padding-left: 16px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 6px 0;\"\u003eЯк встановити\u003c\/p\u003e\n    \u003cp style=\"font-size: 12px; color: #555550; line-height: 1.7; margin: 0;\"\u003e\n      Завантажте пакет .skill → відкрийте Claude → вставте SKILL.md у ваші інструкції проєкту або системний prompt → починайте створювати. Ось і все.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Kissmyskills","offers":[{"title":"Default Title","offer_id":56894735843592,"sku":"frontend-developer-skill","price":19.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/td2-lena-nf.png?v=1784791796"},{"product_id":"niko-backend-developer","title":"Ніко — бекенд-розробник AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n\n  \u003cp style=\"font-size: 16px; font-weight: 600; color: #1A1A18; line-height: 1.5; margin: 0 0 8px 0;\"\u003e\n    Додайте Niko в Claude і отримайте Senior Backend Developer, який проєктує API, пише безпечну серверну логіку та керує базами даних, ніби йому за це винні — Python, Node.js, Go або будь-який ваш стек.\n  \u003c\/p\u003e\n\n  \u003cp style=\"font-size: 13px; font-weight: 400; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003e\n    Немає коду без архітектури. Niko завжди враховує модель даних, стратегію аутентифікації та патерн масштабування перед написанням першого endpoint — бо рішення, які ви приймаєте на першому рядку, визначають життя на десятитисячному.\n  \u003c\/p\u003e\n\n  \u003cdiv style=\"background: #E6F1FB; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003eЩо ви отримуєте\u003c\/p\u003e\n    \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003ePython (Django, FastAPI, Flask), Node.js (NestJS, Express), Go, Java Spring Boot — адаптується до вашого стеку з повною підтримкою TypeScript\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eПроєктування REST та GraphQL API — версіонування, пагінація, фільтрація, специфікації OpenAPI, системи webhook та SSE потоки\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eАутентифікація з нуля — JWT, OAuth 2.0, PKCE, RBAC\/ABAC, ізоляція мультиорендарів, запобігання OWASP Top 10\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eПроєктування схеми PostgreSQL, оптимізація запитів, стратегії індексації, моделювання MongoDB, патерни кешування Redis\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eАрхітектура мікросервісів, черги повідомлень (Kafka, RabbitMQ, SQS), фонові завдання, патерни горизонтального масштабування\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eТестування з pytest, Jest, Pact contract tests — а також структуроване логування, трасування OpenTelemetry і метрики Prometheus\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eДокументація API, перевірка PR на безпеку та продуктивність, написання RFC та участь у проєктуванні систем\u003c\/span\u003e\n      \u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\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📄 claude-backend-developer.skill\u003c\/span\u003e\n    \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780;\"\u003eВстановлення менше ніж за 2 хвилини\u003c\/span\u003e\n    \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780;\"\u003eПрацює з Claude, ChatGPT та будь-яким AI-чатом\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"border-left: 3px solid #185FA5; padding-left: 16px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 6px 0;\"\u003eЯк встановити\u003c\/p\u003e\n    \u003cp style=\"font-size: 12px; color: #555550; line-height: 1.7; margin: 0;\"\u003e\n      Завантажте пакет .skill → відкрийте Claude → вставте SKILL.md у ваші інструкції проєкту або системний prompt → починайте розробку. Ось і все.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Kissmyskills","offers":[{"title":"Default Title","offer_id":56895623594248,"sku":"niko-backend-developer","price":19.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/td2-niko-nf.png?v=1784791795"},{"product_id":"max-full-stack-developer","title":"Макс — full stack розробник AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n\n  \u003cp style=\"font-size: 16px; font-weight: 600; color: #1A1A18; line-height: 1.5; margin: 0 0 8px 0;\"\u003e\n    Просто додайте Max у Claude і отримайте Senior Full Stack Developer, який мислить системно — від схеми бази даних до API, UI і розгортання. Один файл навичок, повна реалізація функції від початку до кінця в одній розмові.\n  \u003c\/p\u003e\n\n  \u003cp style=\"font-size: 13px; font-weight: 400; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003e\n    Без ізольованих шарів. Max будує у вертикальних зрізах — робочий функціонал доставляється повністю через весь стек, а не окремі частини, які треба потім зшивати. Він приймає архітектурні рішення, пояснює компроміси і охоплює повний виробничий стек 2026 року, включно з інтеграцією AI API.\n  \u003c\/p\u003e\n\n  \u003cdiv style=\"background: #E6F1FB; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003eЩо ви отримуєте\u003c\/p\u003e\n    \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eПовна реалізація функції — модель даних, API, фронтенд-компонент, тести та конфігурація розгортання в одній розмові\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eReact 18+\/Next.js 14+, Vue 3\/Nuxt 3, TypeScript, Tailwind — а також Node.js (NestJS\/Express) і Python (FastAPI\/Django) на бекенді\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eПовний TypeScript по всьому стеку — tRPC, Zod схеми, Prisma\/Drizzle ORM з спільними типами від фронтенду до бекенду\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eІнтеграція AI API — OpenAI, Anthropic, стрімінг, керування токенами, векторні бази даних (Pinecone, pgvector) для семантичного пошуку\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eБагатоступеневі збірки Docker, CI\/CD пайплайни GitHub Actions, керування середовищем і секретами, базовий Kubernetes\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003ePostgreSQL, MongoDB, Redis — проєктування схем, оптимізація запитів, патерни кешування, міграції з Prisma або Alembic\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eЮніт-тести, інтеграційні, E2E та компонентні тести — Jest\/Vitest, Playwright, React Testing Library на всіх рівнях\u003c\/span\u003e\n      \u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\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📄 claude-fullstack-developer.skill\u003c\/span\u003e\n    \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780;\"\u003eВстановлення менше ніж за 2 хвилини\u003c\/span\u003e\n    \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780;\"\u003eПрацює з Claude, ChatGPT та будь-яким AI-чатом\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"border-left: 3px solid #185FA5; padding-left: 16px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 6px 0;\"\u003eЯк встановити\u003c\/p\u003e\n    \u003cp style=\"font-size: 12px; color: #555550; line-height: 1.7; margin: 0;\"\u003e\n      Завантажте пакет .skill → відкрийте Claude → вставте SKILL.md у ваші інструкції проєкту або системний prompt → опишіть функцію → Claude надає повний стек. Ось і все.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Kissmyskills","offers":[{"title":"Default Title","offer_id":56897165197576,"sku":"max-full-stack-developer","price":24.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/td2-max-nf.png?v=1784791792"},{"product_id":"hana-wordpress-developer","title":"Хана — розробник WordPress AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n\n  \u003cp style=\"font-size: 16px; font-weight: 600; color: #1A1A18; line-height: 1.5; margin: 0 0 8px 0;\"\u003e\n    Додайте Hana до Claude і отримайте старшого розробника WordPress, який пише кастомні теми, створює плагіни з нуля, усуває проблеми WooCommerce і прискорює ваш сайт — підходить як для розробників, так і для власників сайтів.\n  \u003c\/p\u003e\n\n  \u003cp style=\"font-size: 13px; font-weight: 400; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003e\n    Жодних здогадок, жодного загального PHP. Hana знає внутрішню структуру WordPress — систему хуків, ієрархію шаблонів, WP_Query, REST API, Full Site Editing — і застосовує їх правильно. Вона також пояснює кожне рішення простою мовою для нетехнічних зацікавлених осіб.\n  \u003c\/p\u003e\n\n  \u003cdiv style=\"background: #E6F1FB; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003eЩо ви отримуєте\u003c\/p\u003e\n    \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eРозробка кастомних тем — ієрархія шаблонів, Full Site Editing, блокові теми, theme.json, глобальні стилі та адаптивний CSS з пріоритетом мобільних пристроїв\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eРозробка плагінів — хуки активації, власні таблиці БД, адміністративні сторінки, AJAX-обробники, кастомні блоки Gutenberg з React та Block Editor API\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eНалаштування WooCommerce — типи продуктів, поля оформлення замовлення, динамічне ціноутворення, платіжні шлюзи, шаблони листів, headless REST API\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eПродуктивність — кешування об’єктів Redis\/Memcached, оптимізація запитів, зображення WebP, налаштування CDN та виправлення Core Web Vitals\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eЗміцнення безпеки — nonce, перевірки прав, санітизація, валідація завантаження файлів, усунення WSOD, конфліктів плагінів, циклів перенаправлень\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eМіграції, робочі процеси staging, WP-CLI, розгортання на основі Git з GitHub Actions та синхронізація бази даних зі staging до production\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eSEO-дружня розмітка, структуровані дані schema.org, доступність (WCAG) та підтримка розширень Yoast\/RankMath\u003c\/span\u003e\n      \u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\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📄 claude-wordpress-developer.skill\u003c\/span\u003e\n    \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780;\"\u003eВстановлення менше ніж за 2 хвилини\u003c\/span\u003e\n    \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780;\"\u003eПрацює з Claude, ChatGPT та будь-яким AI-чатом\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"border-left: 3px solid #185FA5; padding-left: 16px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 6px 0;\"\u003eЯк встановити\u003c\/p\u003e\n    \u003cp style=\"font-size: 12px; color: #555550; line-height: 1.7; margin: 0;\"\u003e\n      Завантажте пакет .skill → відкрийте Claude → вставте SKILL.md у ваші інструкції проєкту або системний prompt → опишіть вашу проблему з WordPress → Claude розв’яже її. Ось і все.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Kissmyskills","offers":[{"title":"Default Title","offer_id":56897236107528,"sku":"hana-wordpress-developer","price":19.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/td2-hana-nf.png?v=1784791791"},{"product_id":"yuri-code-reviewer","title":"Юрій — рев’ювер коду AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n\n  \u003cp style=\"font-size: 16px; font-weight: 600; color: #1A1A18; line-height: 1.5; margin: 0 0 8px 0;\"\u003e\n    Додайте Yuri у Claude і отримайте старшого рев’юера коду, який виявляє баги, дірки в безпеці та проблеми з продуктивністю до виходу в продакшн — конструктивний фідбек, приклади до і після, без его.\n  \u003c\/p\u003e\n\n  \u003cp style=\"font-size: 13px; font-weight: 400; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003e\n    Кожен коментар оцінений як блокер, дрібниця або пропозиція. Кожна рекомендація супроводжується ЧОМУ і прикладом коду. Yuri працює з JS\/TS, Python, Go, Java, PHP, Ruby, Rust і C# — і адаптується до існуючих конвенцій вашої команди без переписування всього стилю.\n  \u003c\/p\u003e\n\n  \u003cdiv style=\"background: #E6F1FB; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003eЩо ви отримуєте\u003c\/p\u003e\n    \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eАналіз багів і логіки — помилки на одиницю, умови гонки, застарілі замикання, витоки пам’яті, необроблені відхилення промісів і неправильні мутації стану\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eОгляд безпеки OWASP — SQL-ін’єкції, XSS, порушення контролю доступу, IDOR, захардкоджені секрети, прогалини CSRF, SSRF і обходи шляхів\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eОгляд продуктивності — N+1 запити, відсутні індекси, непотрібні повторні рендери, роздутий бандл, прогалини в пулінгу з’єднань і надмірна комунікація мікросервісів\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eАрхітектура та якість коду — порушення SOLID, порушення DRY, класи-боги, тісне зв’язування, цикломатична складність і незрозумілі назви\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eАналіз прогалин тестування — нетестовані крайні випадки, крихкі тести, надмірне мокання, відсутність покриття шляхів помилок і позначки граничних умов\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eМовонезалежний — JS\/TS, Python, Go, Java, PHP, Ruby, Rust, C# — з прикладами коду до і після для кожної рекомендації\u003c\/span\u003e\n      \u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\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📄 claude-code-reviewer.skill\u003c\/span\u003e\n    \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780;\"\u003eВстановлення менше ніж за 2 хвилини\u003c\/span\u003e\n    \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780;\"\u003eПрацює з Claude, ChatGPT та будь-яким AI-чатом\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"border-left: 3px solid #185FA5; padding-left: 16px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 6px 0;\"\u003eЯк встановити\u003c\/p\u003e\n    \u003cp style=\"font-size: 12px; color: #555550; line-height: 1.7; margin: 0;\"\u003e\n      Завантажте пакет .skill → відкрийте Claude → вставте SKILL.md у ваші інструкції проєкту або системний prompt → починайте працювати. Ось і все.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Kissmyskills","offers":[{"title":"Default Title","offer_id":56897272840456,"sku":"yuri-code-reviewer","price":19.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/td2-yuri-nf.png?v=1784791794"},{"product_id":"viktor-software-architect","title":"Віктор — архітектор програмного забезпечення AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n\n  \u003cp style=\"font-size: 16px; font-weight: 600; color: #1A1A18; line-height: 1.5; margin: 0 0 8px 0;\"\u003e\n    Запустіть Віктора в Claude і отримайте Solutions Architect, який проєктує масштабовані системи, оцінює технологічні стеки без упереджень і пише ADR, які ваша команда справді читає — рішення архітектури, підкріплені матрицями компромісів, а не інтуїцією.\n  \u003c\/p\u003e\n\n  \u003cp style=\"font-size: 13px; font-weight: 400; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003e\n    Жодної архітектурної астрономії. Віктор дає чесні порівняння моноліту та мікросервісів, діаграми C4, які можна одразу візуалізувати, та RFC, які розробники можуть реалізувати без чотирьох уточнюючих дзвінків. Він охоплює проєктування систем, хмарну інфраструктуру, архітектуру даних і безпеку — усе в одному файлі skill.\n  \u003c\/p\u003e\n\n  \u003cdiv style=\"background: #E6F1FB; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003eЩо ви отримуєте\u003c\/p\u003e\n    \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eПроєктування систем — декомпозиція мікросервісів, обмежені контексти DDD, event sourcing, CQRS, патерни saga, архітектура API gateway та BFF\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eХмарна архітектура для AWS, GCP та Azure — мульти-регіональна висока доступність, активний активний failover, визначення RTO\/RPO, моделювання витрат FinOps\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eАрхітектура даних — вибір сховища за патернами доступу, потоки Kafka\/Kinesis, еволюція схем, рішення між data lake та warehouse\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eНадійність і безпека — автоматичні вимикачі, модель нульової довіри, моделювання загроз (STRIDE), управління секретами, шаблони відповідності SOC2\/GDPR\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eДіаграми моделі C4, записи рішень архітектури (ADR), технічні RFC з планами міграції та стратегіями відкату\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eМатриці оцінки технологічного стеку — аналіз будувати чи купувати, бенчмарки фреймворків, оцінка пулу кандидатів, загальна вартість володіння\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eОгляди архітектури — єдині точки відмови, вузькі місця, гарячі точки технічного боргу з пріоритетними планами усунення\u003c\/span\u003e\n      \u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\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📄 claude-software-architect.skill\u003c\/span\u003e\n    \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780;\"\u003eВстановлення менше ніж за 2 хвилини\u003c\/span\u003e\n    \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780;\"\u003eПрацює з Claude, ChatGPT та будь-яким AI-чатом\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"border-left: 3px solid #185FA5; padding-left: 16px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 6px 0;\"\u003eЯк встановити\u003c\/p\u003e\n    \u003cp style=\"font-size: 12px; color: #555550; line-height: 1.7; margin: 0;\"\u003e\n      Завантажте пакет .skill → відкрийте Claude → вставте SKILL.md у ваші інструкції проєкту або системний prompt → опишіть вимоги до системи → Claude спроєктує її. Ось і все.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Kissmyskills","offers":[{"title":"Default Title","offer_id":56897392312584,"sku":"viktor-software-architect","price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/td2-viktor-nf.png?v=1784791795"},{"product_id":"mira-qa-engineer","title":"Міра — QA інженер AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n\n  \u003cp style=\"font-size: 16px; font-weight: 600; color: #1A1A18; line-height: 1.5; margin: 0 0 8px 0;\"\u003e\n    Додайте Mira до Claude і отримайте старшого QA інженера, який пише плани тестування, знаходить крайні випадки, які ви пропустили, та генерує скрипти Playwright і Cypress, які справді знаходять баги — бо AI пише більше коду, а вам потрібно більше тестів.\n  \u003c\/p\u003e\n\n  \u003cp style=\"font-size: 13px; font-weight: 400; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003e\n    Жодного розпливчастого покриття тестами. Mira створює стратегії тестування на основі оцінки ризиків, розробляє матриці випадків для кожного переходу станів і граничних значень, та інтегрує набори безпосередньо у ваш CI\/CD конвеєр — з виявленням нестабільних тестів та звітністю Allure.\n  \u003c\/p\u003e\n\n  \u003cdiv style=\"background: #E6F1FB; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003eЩо ви отримуєте\u003c\/p\u003e\n    \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eСтратегія та планування тестування — тестування на основі ризиків, співвідношення тестової піраміди, критерії входу\/виходу, критерії прийняття та повні матриці тест-кейсів\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eE2E автоматизація з Playwright та Cypress — Page Object Model, кастомні команди, селектори data-testid, стратегії повторних спроб\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eAPI тестування — колекції Postman\/Newman, валідація відповідей, перевірка схем, тестування авторизації та послідовності ланцюжкових запитів\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eТестування продуктивності з k6, JMeter та Locust — профілі навантаження, стрес, тривалі та пікові тести з визначенням порогів\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eІнтеграція CI\/CD — конвеєри GitHub Actions та GitLab CI з паралельним виконанням, шардінгом, Docker тестовою інфраструктурою та управлінням фікстурами\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eУправління дефектами — структуровані звіти про помилки, діагностика нестабільних тестів, аналіз кореневих причин та стратегії стабілізації\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eТестування доступності з axe-core та WAVE, сканування безпеки з OWASP ZAP, та візуальна регресія з Percy або Chromatic\u003c\/span\u003e\n      \u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\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📄 claude-qa-engineer.skill\u003c\/span\u003e\n    \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780;\"\u003eВстановлення менше ніж за 2 хвилини\u003c\/span\u003e\n    \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780;\"\u003eПрацює з Claude, ChatGPT та будь-яким AI-чатом\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"border-left: 3px solid #185FA5; padding-left: 16px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 6px 0;\"\u003eЯк встановити\u003c\/p\u003e\n    \u003cp style=\"font-size: 12px; color: #555550; line-height: 1.7; margin: 0;\"\u003e\n      Завантажте пакет .skill → відкрийте Claude → вставте SKILL.md у ваші інструкції проєкту або системний prompt → опишіть вашу функцію → Claude створює план тестування та скрипти. Ось і все.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Kissmyskills","offers":[{"title":"Default Title","offer_id":56897413611784,"sku":"mira-qa-engineer","price":19.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/td2-mira-nf.png?v=1784791794"},{"product_id":"oleg-database-engineer","title":"Олег — інженер баз даних AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n\n  \u003cp style=\"font-size: 16px; font-weight: 600; color: #1A1A18; line-height: 1.5; margin: 0 0 8px 0;\"\u003e\n    Додайте Олега в Claude і отримайте старшого інженера баз даних, який пише оптимізований SQL, проєктує схеми, що не розвалюються при масштабуванні, і пояснює плани запитів, щоб ви припинили гадати, чому все повільно.\n  \u003c\/p\u003e\n\n  \u003cp style=\"font-size: 13px; font-weight: 400; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003e\n    Жодних чорних скриньок у запитах. Олег читає вивід EXPLAIN\/ANALYZE, знаходить відсутні індекси, переписує ORM-згенерований SQL, який тихо вбиває вашу продуктивність, і виконує міграції без простоїв, що не розбудять вас о 3 ранку. PostgreSQL, MySQL, MongoDB, Redis — все охоплено в одному файлі skill.\n  \u003c\/p\u003e\n\n  \u003cdiv style=\"background: #E6F1FB; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003eЩо ви отримуєте\u003c\/p\u003e\n    \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eПроєктування схем — нормалізовані схеми 3NF, стратегії денормалізації, моделювання OLTP vs OLAP, ієрархічні патерни та проєктування документів MongoDB\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eМайстерність SQL — CTE, віконні функції, рекурсивні запити, LATERAL join, оператори JSONB, повнотекстовий пошук, транзакції з правильними рівнями ізоляції\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eОптимізація запитів — інтерпретація EXPLAIN\/ANALYZE, стратегії індексів B-tree, GIN, GiST, часткові та покриваючі індекси, виявлення N+1, виправлення ORM SQL\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eМіграції без простоїв — патерн розширення та стиснення, онлайн DDL, пакетні міграції даних з Prisma, Alembic, Flyway або сирим SQL\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eRedis — патерни кешування (cache-aside, write-through, запобігання stampede), pub\/sub, відсортовані множини, потоки та конфігурація Redis Cluster\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eНадійність та експлуатація — стратегії резервного копіювання, потокова реплікація, PgBouncer, логування повільних запитів, оповіщення про затримки реплікації та відновлення після аварій\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eХмарні бази даних — AWS RDS, Aurora, DynamoDB, ElastiCache, GCP Cloud SQL, BigQuery — розмір, вибір сховища та оптимізація вартості\u003c\/span\u003e\n      \u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\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📄 claude-database-engineer.skill\u003c\/span\u003e\n    \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780;\"\u003eВстановлення менше ніж за 2 хвилини\u003c\/span\u003e\n    \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780;\"\u003eПрацює з Claude, ChatGPT та будь-яким AI-чатом\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"border-left: 3px solid #185FA5; padding-left: 16px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 6px 0;\"\u003eЯк встановити\u003c\/p\u003e\n    \u003cp style=\"font-size: 12px; color: #555550; line-height: 1.7; margin: 0;\"\u003e\n      Завантажте пакет .skill → відкрийте Claude → вставте SKILL.md у ваші інструкції проєкту або системний prompt → опишіть вашу проблему з даними → Claude розробляє та оптимізує її. Ось і все.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Kissmyskills","offers":[{"title":"Default Title","offer_id":56897443070216,"sku":"oleg-database-engineer","price":19.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/td2-oleg-nf.png?v=1784791794"},{"product_id":"rami-devops-engineer","title":"Рамі — DevOps інженер AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n\n  \u003cp style=\"font-size: 16px; font-weight: 600; color: #1A1A18; line-height: 1.5; margin: 0 0 8px 0;\"\u003e\n    Запустіть Rami у Claude і отримайте Senior DevOps Engineer, який пише CI\/CD пайплайни, Dockerfiles, Kubernetes конфіги та Terraform модулі, що працюють з першого разу — інфраструктура як код, а не інфраструктура як здогадки.\n  \u003c\/p\u003e\n\n  \u003cp style=\"font-size: 13px; font-weight: 400; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003e\n    Жодних скопійованих конфігів, які ламаються в продакшені. Rami проєктує пайплайни з правильним кешуванням, тригерами відкату та вбудованим скануванням безпеки — а потім дає вам рукописи для дій, коли щось іде не так. GitHub Actions, Kubernetes, Terraform, AWS та повний стек спостереження в одному файлі skill.\n  \u003c\/p\u003e\n\n  \u003cdiv style=\"background: #E6F1FB; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003eЩо ви отримуєте\u003c\/p\u003e\n    \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eCI\/CD пайплайни — GitHub Actions, GitLab CI, Jenkins з матричними збірками, кешування шарів, управління секретами, стадійні ворота та автоматичні тригери відкату\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eDocker — багатоступеневі збірки, distroless образи, сканування безпеки Trivy\/Snyk, стратегії тегування, мультиархітектурні збірки та docker-compose для локальної розробки\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eKubernetes — деплоя, HPA, PDB, Helm charts, liveness\/readiness probes, конфігурація Ingress та повний робочий процес налагодження kubectl\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eІнфраструктура як код — модулі Terraform з блокуванням стану в S3, Pulumi, Ansible playbooks, CloudFormation та проєктування стеків AWS CDK\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eAWS, GCP, Azure — проєктування VPC, EKS\/GKE, ALB, Route 53, CloudFront, RDS, політики найменших привілеїв IAM та мультихмарні патерни\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eМоніторинг — Prometheus PromQL, панелі Grafana, логування ELK\/EFK, сповіщення PagerDuty, визначення SLI\/SLO та відстеження бюджету помилок\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eРелізна інженерія — blue-green, canary та GitOps деплоя з ArgoCD\/Flux, управління секретами Vault та процес безвинного постмортему\u003c\/span\u003e\n      \u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\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📄 claude-devops-engineer.skill\u003c\/span\u003e\n    \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780;\"\u003eВстановлення менше ніж за 2 хвилини\u003c\/span\u003e\n    \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780;\"\u003eПрацює з Claude, ChatGPT та будь-яким AI-чатом\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"border-left: 3px solid #185FA5; padding-left: 16px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 6px 0;\"\u003eЯк встановити\u003c\/p\u003e\n    \u003cp style=\"font-size: 12px; color: #555550; line-height: 1.7; margin: 0;\"\u003e\n      Завантажте пакет .skill → відкрийте Claude → вставте SKILL.md у ваші інструкції проєкту або системний prompt → опишіть вашу інфраструктурну проблему → Claude напише конфігурацію. Ось і все.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Kissmyskills","offers":[{"title":"Default Title","offer_id":56897464107272,"sku":"rami-devops-engineer","price":24.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/td2-rami-nf.png?v=1784791794"},{"product_id":"tariq-cloud-engineer","title":"Тарік — хмарний інженер AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n\n  \u003cp style=\"font-size: 16px; font-weight: 600; color: #1A1A18; line-height: 1.5; margin: 0 0 8px 0;\"\u003e\n    Додайте Tariq у Claude і отримайте старшого Cloud Engineer, який проєктує архітектури AWS, GCP та Azure, пише шаблони CloudFormation і Terraform, і знаходить конфігурації, що скорочують ваші хмарні витрати вдвічі — хмара зроблена правильно з першого разу.\n  \u003c\/p\u003e\n\n  \u003cp style=\"font-size: 13px; font-weight: 400; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003e\n    Жодних кліків у консолі під виглядом архітектури. Tariq проєктує правильні VPC, обирає потрібні обчислення та зберігання для вашого навантаження, і застосовує IAM найменших привілеїв з першого дня. Він також проводить аудити оптимізації витрат, які знаходять заощадження на типах інстансів, рівнях зберігання та ресурсах, які ніхто не вимикав.\n  \u003c\/p\u003e\n\n  \u003cdiv style=\"background: #E6F1FB; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003eЩо ви отримуєте\u003c\/p\u003e\n    \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eАрхітектура AWS — дизайн VPC по AZ, вибір обчислень EC2\/ECS\/EKS\/Lambda, класи зберігання S3, RDS Multi-AZ, DynamoDB, ElastiCache, CloudFront та WAF\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eКомпетенції крос-хмар GCP та Azure — GKE, Cloud Run, BigQuery, AKS, Azure Front Door, Key Vault, мультихмарні патерни та уникнення vendor lock-in\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eІнфраструктура як код — вкладені стеки CloudFormation, конструкції AWS CDK, модулі Terraform з управлінням станом, ARM шаблони та Bicep\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eБезсерверна архітектура — оптимізація холодного старту Lambda, авторизатори API Gateway, state machines Step Functions, EventBridge, розсилки SQS\/SNS, Kinesis\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eБезпека та IAM — політики найменших привілеїв, крос-акаунт AssumeRole, SCP, KMS envelope encryption, GuardDuty, CloudTrail, ротація Secrets Manager\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eОптимізація витрат — налаштування Compute Optimizer, Reserved Instances проти Savings Plans, політики життєвого циклу S3, зниження вартості NAT gateway, сповіщення AWS Budgets\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eВідновлення після катастроф — мульти-регіональний active-active, перевірка здоров’я Route 53 з автоматичним переключенням, DynamoDB Global Tables, AWS Backup, хаос-інженерія з Fault Injection Simulator\u003c\/span\u003e\n      \u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\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📄 claude-cloud-engineer.skill\u003c\/span\u003e\n    \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780;\"\u003eВстановлення менше ніж за 2 хвилини\u003c\/span\u003e\n    \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780;\"\u003eПрацює з Claude, ChatGPT та будь-яким AI-чатом\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"border-left: 3px solid #185FA5; padding-left: 16px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 6px 0;\"\u003eЯк встановити\u003c\/p\u003e\n    \u003cp style=\"font-size: 12px; color: #555550; line-height: 1.7; margin: 0;\"\u003e\n      Завантажте пакет .skill → відкрийте Claude → вставте SKILL.md у ваші інструкції проєкту або системний prompt → опишіть ваші вимоги до хмари → Claude спроєктує це. Ось і все.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Kissmyskills","offers":[{"title":"Default Title","offer_id":56897974763784,"sku":"tariq-cloud-engineer","price":24.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/td2-tariq-nf.png?v=1784791794"},{"product_id":"kael-cybersecurity-analyst","title":"Каел — аналітик кібербезпеки AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n\n  \u003cp style=\"font-size: 16px; font-weight: 600; color: #1A1A18; line-height: 1.5; margin: 0 0 8px 0;\"\u003e\n    Додайте Kael у Claude і отримайте старшого аналітика кібербезпеки, який перевіряє код на вразливості, створює моделі загроз, пише плани реагування на інциденти та проводить аудит ваших систем за OWASP, NIST і CIS — безпека, що не спить.\n  \u003c\/p\u003e\n\n  \u003cp style=\"font-size: 13px; font-weight: 400; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003e\n    Жодного формального дотримання. Kael застосовує моделювання загроз STRIDE до вашої реальної архітектури, пріоритизує CVE за реальною експлуатованістю, а не лише за CVSS, і створює сценарії, які ваша команда може виконувати під тиском — не лише під час аудиту.\n  \u003c\/p\u003e\n\n  \u003cdiv style=\"background: #E6F1FB; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003eЩо ви отримуєте\u003c\/p\u003e\n    \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eОцінка вразливостей — огляд коду OWASP Top 10, вразливості API (BOLA, SSRF, масове призначення), інтерпретація інструментів SAST, пріоритизація CVE за реальною експлуатованістю\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eМоделювання загроз STRIDE — аналіз поверхні атаки, картографування меж довіри, матриці ризиків з оцінкою ймовірності × впливу, розвідка загроз у відповідності з MITRE ATT\u0026CK\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eОгляд архітектури безпеки — оцінка OAuth 2.0\/OIDC, конфігурація TLS, аудити IAM з мінімальними привілеями, політики S3 бакетів, висновки GuardDuty, принципи zero-trust\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eРеагування на інциденти — плани NIST SP 800-61, сценарії фішингу, програм-вимагачів та витоків даних, кореляція судових журналів, ідентифікація IoC, безвинні постмортеми\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eФреймворки відповідності — NIST CSF, аналіз розривів SOC 2 Type II, оцінка захисту даних GDPR, бенчмарки жорсткості CIS, основи визначення обсягу PCI DSS\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eТестування безпеки — визначення обсягу пен-тесту, кейси обходу автентифікації, правила виявлення SIEM, триаж сповіщень, безпека контейнерів з Kubernetes RBAC та стандартами безпеки подів\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eПолітики безпеки та документація — прийнятне використання, класифікація даних, керівництво з безпечного кодування, оцінка ризиків постачальників та підготовка аудиторських доказів\u003c\/span\u003e\n      \u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\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📄 claude-cybersecurity-analyst.skill\u003c\/span\u003e\n    \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780;\"\u003eВстановлення менше 2 хвилин\u003c\/span\u003e\n    \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780;\"\u003eПрацює з Claude, ChatGPT та будь-яким AI-чатом\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"border-left: 3px solid #185FA5; padding-left: 16px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 6px 0;\"\u003eЯк встановити\u003c\/p\u003e\n    \u003cp style=\"font-size: 12px; color: #555550; line-height: 1.7; margin: 0;\"\u003e\n      Завантажте пакет .skill → відкрийте Claude → вставте SKILL.md у ваші інструкції проєкту або системний prompt → опишіть вашу проблему безпеки → Claude аналізує та дає поради. Ось і все.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Kissmyskills","offers":[{"title":"Default Title","offer_id":56899303702792,"sku":"kael-cybersecurity-analyst","price":24.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/td2-kael-nf.png?v=1784791793"},{"product_id":"dante-tech-lead","title":"Данте — технічний лід AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n\n  \u003cp style=\"font-size: 16px; font-weight: 600; color: #1A1A18; line-height: 1.5; margin: 0 0 8px 0;\"\u003e\n    Додайте Dante у Claude і отримайте Senior Tech Lead, який пише технічні специфікації, проводить огляди дизайну, наставляє ваших розробників і приймає архітектурні рішення, які не вибухнуть через шість місяців — лідерство зустрічається з кодом.\n  \u003c\/p\u003e\n\n  \u003cp style=\"font-size: 13px; font-weight: 400; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003e\n    Жодних рішень на основі думок. Dante створює структуровані ADR з розглянутими альтернативами, розбиває епіки на виконувані частини з позначками ризику та перекладає технічні обмеження у бізнес-мову — охоплюючи все від планування спринту до інженерної дорожньої карти в одному файлі skill.\n  \u003c\/p\u003e\n\n  \u003cdiv style=\"background: #E6F1FB; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003eЩо ви отримуєте\u003c\/p\u003e\n    \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eТехнічне прийняття рішень — аналіз компромісів фреймворків і баз даних, Architecture Decision Records, оцінка build vs buy, стандарти кодування та визначення готовності\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eТехнічні специфікації та RFC — проєктні документи з API-контрактами, змінами моделі даних, планами міграції, стратегіями відкату та тестованими критеріями прийняття\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eСтандарти якості коду — критерії рев’ю, стратегія тестування для кожного проєкту, категоризація технічного боргу за ризиком, впровадження кращих практик CI\/CD та спостереження\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eУправління спринтами та доставкою — розбиття епік на завдання, оцінка історій, виявлення блокерів, ретроспективи з власниками, узгодження обсягу з продуктом\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eНаставництво та розвиток команди — технічні 1:1, документація для онбордингу, плани навчання, сесії обміну знаннями та огляди архітектури\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eКрос-функціональна співпраця — переклад продукту в інженерію і назад, API-контракти між командами, оновлення для зацікавлених сторін без жаргону\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eТехнічна дорожня карта — планування покращень платформи, основні стратегії міграції (strangler fig, feature flags), оцінка AI-інструментів та планування потужностей\u003c\/span\u003e\n      \u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\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📄 claude-tech-lead.skill\u003c\/span\u003e\n    \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780;\"\u003eВстановлення менше ніж за 2 хвилини\u003c\/span\u003e\n    \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780;\"\u003eПрацює з Claude, ChatGPT та будь-яким AI-чатом\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"border-left: 3px solid #185FA5; padding-left: 16px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 6px 0;\"\u003eЯк встановити\u003c\/p\u003e\n    \u003cp style=\"font-size: 12px; color: #555550; line-height: 1.7; margin: 0;\"\u003e\n      Завантажте пакет .skill → відкрийте Claude → вставте SKILL.md у ваші інструкції проєкту або системний prompt → опишіть вашу лідерську проблему → Claude допоможе вам керувати. Ось і все.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Kissmyskills","offers":[{"title":"Default Title","offer_id":56899559096584,"sku":"dante-tech-lead","price":24.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/td2-dante-nf.png?v=1784791793"},{"product_id":"priya-engineering-manager","title":"Прія — менеджер інженерії AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n\n  \u003cp style=\"font-size: 16px; font-weight: 600; color: #1A1A18; line-height: 1.5; margin: 0 0 8px 0;\"\u003e\n    Додайте Priya до Claude і отримайте старшого інженерного менеджера, який пише огляди продуктивності, структурує цикли найму, створює дорожні карти команди та захищає ваших розробників від пекла зустрічей — лідерство людьми, підкріплене інженерною компетентністю.\n  \u003c\/p\u003e\n\n  \u003cp style=\"font-size: 13px; font-weight: 400; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003e\n    Жодної теорії управління без виконання. Priya створює огляди продуктивності, готові до калібрування, з вимірюваними заявами про вплив, розробляє інтерв’ю з послідовними оцінками та відстежує метрики DORA для покращення — не для того, щоб використовувати їх проти людей.\n  \u003c\/p\u003e\n\n  \u003cdiv style=\"background: #E6F1FB; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003eЩо ви отримуєте\u003c\/p\u003e\n    \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eУправління людьми — порядок денний 1:1, огляди продуктивності з заявами про вплив, індивідуальні плани розвитку, документація PIP та рамки для складних розмов\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eНайм та формування команди — описи посад, структуровані інтерв’ю з оцінками, домашні рубрики, плани адаптації на 30\/60\/90 днів та стратегії утримання\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eВиконання доставки — планування спринту з реальною завантаженістю, відстеження метрик DORA, управління залежностями між командами та ескалація ризиків з заходами пом’якшення\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eТехнічна стратегія — дорожня карта інженерії з балансом функцій, технічного боргу та надійності, аналіз build vs buy, оцінка впровадження AI-інструментів та технічна перевірка\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eМіжфункціональне партнерство — оновлення статусу для керівництва, узгодження продукту, переговори про обсяг, управління очікуваннями зацікавлених сторін та комунікація вгору без жаргону\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eПроцеси та культура — дизайн церемоній спринту, управління інцидентами з безвинними постмортемами, психологічна безпека та культура документації (ADR, runbooks)\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eКар'єрне зростання та рівні — кар'єрні сходи для IC та менеджменту, пакети для підвищення з доказами, бенчмаркінг компенсацій та проєктування структури команди\u003c\/span\u003e\n      \u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\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📄 claude-engineering-manager.skill\u003c\/span\u003e\n    \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780;\"\u003eВстановлення менше 2 хвилин\u003c\/span\u003e\n    \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780;\"\u003eПрацює з Claude, ChatGPT та будь-яким AI-чатом\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"border-left: 3px solid #185FA5; padding-left: 16px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 6px 0;\"\u003eЯк встановити\u003c\/p\u003e\n    \u003cp style=\"font-size: 12px; color: #555550; line-height: 1.7; margin: 0;\"\u003e\n      Завантажте пакет .skill → відкрийте Claude → вставте SKILL.md у ваші інструкції проєкту або системний prompt → опишіть вашу управлінську проблему → Claude допоможе вам керувати. Ось і все.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Kissmyskills","offers":[{"title":"Default Title","offer_id":56899560571144,"sku":"priya-engineering-manager","price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/td2-priya-nf.png?v=1784791793"},{"product_id":"soren-code-auditor-ai-skill","title":"Soren — AI Skill аудитор коду","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n\n  \u003cp style=\"font-size: 16px; font-weight: 600; color: #1A1A18; line-height: 1.5; margin: 0 0 8px 0;\"\u003e\n    Вставте Soren у Claude і отримайте інженера з команди, який проводить реальний код-рев’ю будь-якого вашого коду — баги, дірки в безпеці, проблеми з продуктивністю та борг підтримуваності — ранжовані за ступенем серйозності, з показом виправлень у вигляді робочого коду, а не просто опису.\n  \u003c\/p\u003e\n\n  \u003cp style=\"font-size: 13px; font-weight: 400; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003e\n    Soren переглянув тисячі pull request’ів у великому масштабі і неодноразово отримував виклики о 3-й ночі через баг, який «виглядав нормально під час рев’ю» — тепер він не пропускає нічого лише тому, що код компілюється. Він читає всю подачу перед коментарями, перевіряє за чотирма пріоритетними аспектами і ніколи не дає розпливчастих порад на кшталт «розгляньте рефакторинг», не пояснивши чому і що саме треба написати.\n  \u003c\/p\u003e\n\n  \u003cdiv style=\"background: #E1F5EE; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #0F6E56; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003eЩо ви отримуєте\u003c\/p\u003e\n    \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(15,110,86,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #0F6E56; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eОднорядковий вердикт зверху — випускати чи зупинити, за п’ять секунд\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(15,110,86,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #0F6E56; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eВиявлення ранжуються як Critical → High → Medium за правильністю, безпекою, продуктивністю та підтримуваністю\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(15,110,86,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #0F6E56; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eКожне виявлення пов’язане з конкретним сценарієм помилки — точним вхідним даними, навантаженням або послідовністю, що її викликає\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(15,110,86,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #0F6E56; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eВиправлений фрагмент коду для кожного виправлення, а не просто опис того, що змінити\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(15,110,86,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #0F6E56; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eПроблеми безпеки завжди явно позначені як Critical — ніколи не приховуються як стилістичні дрібниці або не перебільшуються через дрібні зауваження\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #0F6E56; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eПрацює з будь-якою поширеною мовою або фреймворком, який ви вставите\u003c\/span\u003e\n      \u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\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📄 soren-code-auditor.skill\u003c\/span\u003e\n    \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780;\"\u003eВстановлення менше 2 хвилин\u003c\/span\u003e\n    \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780;\"\u003eПрацює з Claude, ChatGPT та будь-яким AI-чатом\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"border-left: 3px solid #0F6E56; padding-left: 16px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #0F6E56; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 6px 0;\"\u003eЯк встановити\u003c\/p\u003e\n    \u003cp style=\"font-size: 12px; color: #555550; line-height: 1.7; margin: 0;\"\u003e\n      Завантажте пакет .skill → відкрийте Claude → вставте SKILL.md у ваші інструкції проєкту або системний prompt → вставте свій код, мову\/фреймворк і опис того, що він має робити → Soren поверне звіт із ранжуванням за ступенем серйозності, який можна одразу вставити у тред PR. Лише статичний аналіз — код не виконується і не тестується, це не заміна автоматизованому SAST\/DAST скануванню.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Kissmyskills","offers":[{"title":"Default","offer_id":58282044948744,"sku":"soren-code-auditor","price":39.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/td2-soren-nf.png?v=1784791792"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/collections\/Tech_and_Development.png?v=1784820722","url":"https:\/\/kissmyskills.com\/uk\/collections\/tech-dev.oembed","provider":"KissMySkills","version":"1.0","type":"link"}