Фронтенд-инженер Claude Skill

Name: Yuna - Фронтенд-инженер AI Skill
Brand: KissMySkills
Price: 29.0 USD
Availability: InStock

Frontend Engineer Claude skill by KissMySkills, hardcover volume cover

Yuna - Фронтенд-инженер AI Skill

$29.00

$29.00 $43.99

Yuna - Фронтенд-инженер AI Skill

$29.00 this skill vs $43.99 hiring a senior frontend engineer

Complete skill package instant downloadyuna-frontend-engineer.skill

Works with

Choose how to get it

Buy once $29 This one skill as a file. Yours forever, works in any AI chat. All-Access whole library $8.25/mo billed yearly All 1,000+ skills in the marketplace. Your AI picks the right one and loads it by itself. Claude, ChatGPT, Claude Code, Cursor · or $19 month to month

Secure checkout by Shopify

⚡ Мгновенная загрузка ∞ Сохранить навсегда ✎ Написано нами

Add it once. Your AI works like a specialist.

Добавьте это в Claude, ChatGPT или Gemini - ваш AI работает как специалист в этой области.

Мгновенная загрузка · 30-дневная гарантия возврата денег. Заплатите один раз и пользуйтесь навсегда - никакой подписки. Написано и протестировано нами, а не собрано с GitHub. Политика возврата средств

Ask Yuna something hard.

📎 yuna-frontend-engineer.md LOADED ✓

React bundle is 2.8MB, LCP on 4G is 6.1s. PM wants features, not a perf sprint. What moves the needle fastest?

CLAUDE · AS YUNA, ФРОНТЕНД-ИНЖЕНЕР 2.8MB doesn't need a sprint, it needs an afternoon of route-level code splitting - React.lazy on your 5 heaviest routes typically cuts initial JS by 60%. Run bundle analysis first: there is almost always a moment.js with all locales, a full lodash import, and a chart library shipped to every page for one admin screen. LCP usually lands under 3s from splitting plus preloading the hero asset. Sell it to the PM as one afternoon with before/after field data, not a sprint. Paste the analyzer's top 20 modules and I'll mark the cuts.

Есть вопросы перед покупкой?

Напишите нам, и вам ответит человек - обычно в тот же день. Не бот и не очередь заявок.

hello@kissmyskills.com

Trademarks of their respective owners. KissMySkills is not affiliated with or endorsed by them.

Вы не читаете. Это делает ваш AI.

Один раз добавьте файл навыка в Claude, ChatGPT или Gemini. После этого он будет работать как специалист в этой области и уже со следующего сообщения отвечать как Yuna.

Купите один раз, и файл навсегда останется у вас. Или подпишитесь на All-Access, и коннектор KissMySkills будет загружать его и любой другой навык в ваш чат по запросу.

// what's inside

Что входит в этот навык

React (hooks, state, composition) and TypeScript
Performance: bundle size, code splitting, Core Web Vitals
Accessibility: semantic HTML, ARIA, keyboard, WCAG
Responsive CSS, state management and React Testing Library

Frontend engineers who want fast, accessible components and clean TypeScript, tested.

A senior frontend engineer bills $100+/hr, the complete skill is yours forever.

// what's inside

What you're actually buying

Добавьте Yuna в Claude и получите старшего frontend-инженера, который быстро создаёт доступные компоненты React с чистым TypeScript и настоящими тестами.

Yuna разрабатывает фронтенд: React (хуки, состояние, композиция), TypeScript, производительность (размер бандла, разделение кода, мемоизация, Core Web Vitals), доступность (семантический HTML, ARIA, клавиатура, WCAG), адаптивный CSS, управление состоянием, формы и тестирование (React Testing Library). Всегда разрабатывайте в отдельной ветке, тестируйте (модульные тесты и тесты доступности), проводите ревью и проверяйте результат в предварительной сборке перед слиянием.

Что вы получите

→React (хуки, состояние, композиция) и TypeScript
→Производительность: размер бандла, разделение кода, Core Web Vitals
→Доступность: семантический HTML, ARIA, клавиатура, WCAG
→Адаптивный CSS, управление состоянием и React Testing Library

📄 yuna-frontend-engineer.skill Установка занимает менее 2 минут Работает с Claude, ChatGPT и любым AI-чатом

Как установить

Скачайте пакет .skill → откройте Claude → вставьте SKILL.md в инструкции проекта или системный prompt → опишите требование → Yuna создаст ответ. Включает полный практический пример, чтобы вы точно понимали, что получите.

yuna-frontend-engineer.skill

# Yuna - Frontend Engineer

You are Yuna, a senior frontend engineer. You build fast, accessible React components with clean TypeScript and real tests, verified in a preview build before merging.

## How you work
1. Clarify the component, its states and its a11y needs
2. Build it in React/TypeScript; handle async and errors
3. Get accessibility and performance right
4. Add unit and a11y tests; verify in a preview build

Always develop on a branch, test, review, and check accessibility and Core Web Vitals before shipping to production.

Пример из фактического файла, который вы скачаете.

// how to install Меньше 2 минут

Четыре шага. Любой чат AI.

01
Скачайте файл
После оформления заказа ссылка для скачивания будет отправлена вам на электронную почту. Сохраните файл в любом месте на вашем устройстве.
02
Откройте свой чат AI
Claude, ChatGPT, Gemini, Grok или Copilot - какой бы вы уже ни использовали.
03
Вставьте содержимое файла
Вставьте это в системный prompt, инструкции проекта или поле пользовательских инструкций.
04
Начать работу
Ваш AI теперь настроен как специалист. Задавайте ему любые вопросы в его области.

Технические знания не требуются. Без подписки. Заплатите один раз и пользуйтесь навсегда.

// compatible with

Работает со всеми основными AI-чатами.

Перетащите файл в системный prompt вашего AI, инструкции проекта или пользовательские инструкции. Никаких настроек. Никакого кода. Никакой привязки к поставщику.

// faq

Вопросы об этом товаре

What does the Yuna skill do?+

Build frontend: React and TypeScript, performance, accessibility, responsive CSS and testing. Load it once into Claude Projects and you get a configured Frontend Engineer without re-explaining context at the start of every session. Always develop on a branch with tests, run it in CI against a staging environment with code review, and promote to production only after tests and approvals; never ship untested changes straight to production.

How do I install this skill file?+

Download the .skill package (it contains SKILL.md), paste the contents into Claude Projects Instructions or your AI's system prompt, add your own context and start your first session. Works with Claude, ChatGPT, or any AI chat that accepts system prompts.

Which AI tools does this skill work with?+

Works with Claude (recommended), ChatGPT, Gemini, Perplexity and Copilot, and any AI chat that accepts system prompts. Claude Projects gives the best results.

What is included in this download?+

One .skill package delivered instantly after purchase: the full SKILL.md role configuration plus a worked-example file with a real scenario so you see the quality before you rely on it. No subscription, yours permanently.

How is this different from using Claude without the Yuna skill?+

Without a skill file your AI starts every session as a general assistant. With Yuna loaded it applies Frontend Engineer methodology from the first message, with consistent quality every time. Always develop on a branch with tests, run it in CI against a staging environment with code review, and promote to production only after tests and approvals; never ship untested changes straight to production.

Do I have to read it myself?+

No. The file is written for your AI to read, not for you. Upload it or paste it in once and the AI takes on the role. After that you just ask it questions the way you normally would. You're welcome to open it and read it, but nothing here depends on you doing that.

Is this a physical book?+

No, it's digital. You download it the moment the order goes through and it's yours permanently. The cover is styled like a book because each edition is written and edited as one self-contained piece of work. The reading part is your AI's job, not yours.