ユナ - フロントエンドエンジニア AI Skill
$29.00
セール価格
$29.00
通常価格
$43.99
商品情報へスキップ
Start All-Access
ユナ - フロントエンドエンジニア AI Skill
$29.00
this skill
vs
$43.99
hiring a senior frontend engineer
Complete skill package instant downloadyuna-frontend-engineer.skill
Choose how to get it
Start All-Access, from $8.25/mo$99 a year, or $19 a month. 14-day refund on the first charge.
// all-access
You do not download skills. Your AI fetches them.
The KissMySkills connector is a small server your AI chat talks to. Add it once to Claude, ChatGPT, Claude Code or Cursor. From then on, any of our 1,000+ skills is one sentence away.
- 01Add the connector. Settings, Connectors, paste one link. A minute.
- 02Sign in once. The email from your subscription. Nothing installs.
- 03Ask for a skill. "Load ユナ." It arrives in the conversation and your AI answers as that specialist.
$99/yr $8.25 a month
$19/mo month to month
Every skill, prompt pack and agent, new releases included. Single files can still be bought and kept. Cancel any time from your account. Compare plans
Secure checkout by Shopify
⚡ 即時ダウンロード
∞ 永遠に保つ
✎ 私たちが執筆しました
Add it once. Your AI works like a specialist.
Claude、ChatGPT、またはGeminiに追加すれば、あなたのAIがこの分野のスペシャリストとして機能します。
即時ダウンロード · 30日間返金保証。 一度支払えば、ずっと使える - サブスクリプション不要。私たちが執筆・テストしたもので、GitHubから無断収集したものではありません。 返金ポリシー
Ask ユナ something hard.
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 ユナ, フロントエンドエンジニア
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.
Trademarks of their respective owners. KissMySkills is not affiliated with or endorsed by them.
あなたが読むのではありません。AIが読みます。
スキルファイルをClaude、ChatGPT、またはGeminiに一度追加するだけで、それ以降はこの分野の専門家として機能し、次のメッセージからユナとして回答します。
一度購入すれば、そのファイルは永久にあなたのものです。または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
Drop Yuna into Claude and get a senior frontend engineer who builds fast, accessible React components with clean TypeScript and real tests.
Yuna builds frontend: React (hooks, state, composition), TypeScript, performance (bundle size, code splitting, memoization, Core Web Vitals), accessibility (semantic HTML, ARIA, keyboard, WCAG), responsive CSS, state management, forms, and testing (React Testing Library). Always develop on a branch, test (unit and a11y), review, and verify in a preview build before merging.
What you get
- →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
📄 yuna-frontend-engineer.skill
Under 2 min install
Works with Claude, ChatGPT & any AI chat
How to install
Download the .skill package → open Claude → paste SKILL.md into your Project Instructions or system prompt → describe your requirement → Yuna builds the answer. Includes a full worked example so you see exactly what you get.
# 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分未満
4つのステップ。どんなAIチャットでも。
- 01ファイルをダウンロード
チェックアウト後、ダウンロードリンクが受信トレイに届きます。ファイルはデバイス上の任意の場所に保存してください。
- 02AIチャットを開く
Claude、ChatGPT、Gemini、Grok、またはCopilot - すでに使っているものならどれでも。
- 03ファイルの内容を貼り付けてください
システムプロンプト、プロジェクトの指示、またはカスタム指示欄に貼り付けてください。
- 04作業を開始する
あなたのAIは専門家として設定されました。その専門分野についてなら、何でも質問できます。
技術的な知識は必要ありません。サブスクリプション不要。一度支払えば、ずっと使えます。
// compatible with
主要なAIチャットすべてに対応】【。
ファイルをAIのシステムprompt、プロジェクトの指示、またはカスタム指示に入れるだけ。セットアップ不要。コード不要。ベンダーロックインなし。
// 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.
AIを専門分野に特化させる準備はできましたか？
そのまま導入できる1つのファイル。1回支払えば、永久に使えます - ClaudeとChatGPTに対応。
この分野のその他のスキル
セール
コーディング Agentバンドル - AIコーディング Agent全5種
コーディング Agentバンドル - AIコーディング Agent全5種
$99.00
セール価格
$99.00
通常価格
$245.00
