Товарные знаки принадлежат их владельцам. KissMySkills не связан с ними и не одобрен ими.
Как это работает
Ask Yuna something hard.
📎 yuna-frontend-engineer.skillLOADED ✓
React-бандл весит 2.8 МБ, LCP в сети 4G составляет 6.1 с. Продакт-менеджер хочет добавлять функции, а не заниматься оптимизацией производительности. Что быстрее всего даст заметный результат?
CLAUDE · AS YUNA, ФРОНТЕНД-ИНЖЕНЕР2,8 МБ не требуют спринта - им нужен один день на разделение кода по маршрутам - React.lazy для 5 самых тяжёлых маршрутов обычно сокращает объём начального JS на 60%. Сначала запустите анализ бандла: почти всегда там обнаруживаются moment.js со всеми локалями, полный импорт lodash и библиотека для графиков, загружаемая на каждой странице ради одного экрана админ-панели. После разделения кода и предварительной загрузки основного ресурса LCP обычно оказывается меньше 3 с. Представьте это PM как один день работы с данными до и после в реальных условиях, а не как спринт. Пришлите топ-20 модулей из анализатора, и я отмечу, что можно убрать.
Есть вопросы до покупки? Ответит живой человек, обычно в тот же день: hello@kissmyskills.com
// сам файл
Прочитайте до покупки.
Первые строки файла, который прочитает ваш ИИ, ровно в том виде, в каком вы его получите. Ничего не переписано для страницы.
Обращайтесь по имени Когда файл загружен, обращайтесь к нему по имени: «Serge, посмотри эту страницу.» Для этого имя и нужно. Так несколько скиллов в одном чате не путаются.
// skill, на котором работает ваш ИИ
Вы - Юна, старший frontend-инженер, который предпочитает семантический HTML вместо ARIA, типизирует пропсы от структуры данных и измеряет LCP, INP и CLS. Вас активировали для создания UI, работающего с клавиатурой.
Добавьте Yuna в Claude и получите старшего инженера по фронтенду, который создаёт быстрый, типизированный, доступный и протестированный React-код — а не гору типов any и кашу из useEffect, кое-как скреплённую надеждой. Yuna работает так, как работает сильная команда продуктовой разработки: создаёт компоненты, делает их доступными по умолчанию, измеряет реальные показатели Core Web Vitals и пишет тесты, проверяющие поведение, которое видит пользователь, — никогда не детали реализации. Yuna охватывает современный фронтенд-стек от начала до конца: React (функциональные компоненты, хуки, композиция, Suspense, границы ошибок), TypeScript (размеченные объединения, generics, типизация props, сужение типов), стилизацию (CSS Modules, Tailwind, CSS-in-JS, современная вёрстка с Grid/Flex/container queries), получение данных и управление состоянием (TanStack Query, Context, Zustand, состояние URL), формы (React Hook Form, Zod), производительность (разделение кода, мемоизация, виртуализация, стратегии работы с изображениями и шрифтами, Web Vitals), доступность (семантический HTML, ARIA, клавиатура, фокус, WCAG 2.2 AA) и тестирование (React Testing Library, jest-axe, Playwright для e2e).
SKILL.md · Строк: 183 · мгновенная загрузка
// что внутри
Что внутри этого навыка
React (хуки, состояние, композиция) и TypeScript
Производительность: размер бандла, разделение кода, основные веб-показатели
Товарные знаки принадлежат их владельцам. KissMySkills не связан с ними и не одобрен ими.
// попросите ассистента
Или пусть ваш ИИ сам настроит этот скилл.
Открой kissmyskills.com/pages/connector и настрой для меня скилл «Yuna - Фронтенд-инженер AI Skill» (handle: yuna-frontend-engineer)
Вставьте его в Claude, ChatGPT, Claude Code, Cursor или Codex. Ваш ИИ проведёт вас через подключение KissMySkills (около 3 минут, 7 дней бесплатно) и загрузит скилл. Что прочитает ваш ИИ →
Что вы на самом деле покупаете
Добавьте Yuna в Claude и получите старшего frontend-инженера, который быстро создаёт доступные компоненты React с чистым TypeScript и настоящими тестами.
Yuna разрабатывает фронтенд: React (хуки, состояние, композиция), TypeScript, производительность (размер бандла, разделение кода, мемоизация, Core Web Vitals), доступность (семантический HTML, ARIA, клавиатура, WCAG), адаптивный CSS, управление состоянием, формы и тестирование (React Testing Library). Всегда разрабатывайте в отдельной ветке, тестируйте (модульные тесты и тесты доступности), проводите ревью и проверяйте результат в предварительной сборке перед слиянием.
Что вы получите
→React (хуки, состояние, композиция) и TypeScript
→Производительность: размер бандла, разделение кода, Core Web Vitals
→Адаптивный CSS, управление состоянием и React Testing Library
📄 yuna-frontend-engineer.skillУстановка занимает менее 2 минутРаботает с Claude, ChatGPT и любым AI-чатом
Как установить
Скачайте пакет .skill → откройте Claude → вставьте SKILL.md в инструкции проекта или системный prompt → опишите требование → Yuna создаст ответ. Включает полный практический пример, чтобы вы точно понимали, что получите.
// как установить
Меньше 2 минут
Четыре шага. Любой чат AI.
01
Скачайте файл
После оплаты ссылка на скачивание придёт на вашу почту. Сохраните файл .skill: Claude принимает его как есть.
02
Откройте свой чат AI
Любой ИИ-чат, которым вы уже пользуетесь: Claude, ChatGPT, Gemini, Grok, Copilot или другой.
03
Добавьте в свой ИИ
Claude: Settings → Capabilities → Skills, загрузите файл .skill. ChatGPT, Gemini и другие: откройте файл .skill как архив .zip и вставьте SKILL.md в пользовательские инструкции или инструкции проекта.
04
Начать работу
Ваш AI теперь настроен как специалист. Задавайте ему любые вопросы в его области.
Технические знания не требуются.
С Library ничего не нужно скачивать. Подключите ИИ один раз, а потом просто попросите: «Загрузи Yuna из KissMySkills».
Разработка фронтенда: React и TypeScript, производительность, доступность, адаптивный CSS и тестирование. Загрузите его один раз в Claude Projects - и получите настроенного Frontend Engineer без необходимости заново объяснять контекст в начале каждой сессии. Всегда разрабатывайте в отдельной ветке с тестами, запускайте всё в CI в среде staging с проверкой кода и выкатывайте в production только после прохождения тестов и получения одобрений; никогда не отправляйте непроверенные изменения напрямую в production.
Как установить этот файл навыка?+
Скачайте пакет .skill (он содержит SKILL.md), вставьте его содержимое в Instructions в Claude Projects или системный prompt вашего AI, добавьте собственный контекст и начните первую сессию. Работает с Claude, ChatGPT и любым AI-чahтом, который поддерживает системные prompts.
С какими инструментами AI работает этот навык?+
Работает с Claude (рекомендуется), ChatGPT, Gemini, Perplexity и Copilot, а также с любым AI-чahтом, который поддерживает системные prompts. Claude Projects обеспечивает наилучшие результаты.
Что входит в эту загрузку?+
Один пакет .skill, который мгновенно доставляется после покупки: полная конфигурация роли в SKILL.md и файл с практическим примером, содержащий реальный сценарий, чтобы вы могли оценить качество до того, как начнёте на него полагаться. Без подписки, навсегда ваш.
Готовы специализировать свой AI?
Этот и ещё 2 500+ — прямо в Claude, ChatGPT, Claude Code, Codex или Cursor. Отмена в любой момент.