YGS (영영사) React 19/TypeScript アプリケーション用の Next.js 15 フロントエンド開発ガイドライン。 App Router、サーバー/クライアント コンポーネント、shadcn/ui コンポーネント、Tailwind CSS 4、マルチメソッド認証 (Firebase/Kakao/JWT)、管理ダッシュボード パターン、韓国語ローカリゼーションなどの最新パターン。コンポーネント、ページ、API ルートの作成、データの取得、スタイル設定、またはフロントエンド コードの操作を行うときに使用します。
コマンドラインで nextjs-frontend-guidelines AI スキルを開発環境にすばやくインストール
ソース: chacha95/advanced-harness。
Comprehensive guide for YGS (영영사) frontend development with Next.js 15, React 19, emphasizing App Router patterns, Server/Client component separation, shadcn/ui components, Tailwind CSS 4 styling, multi-method authentication, and Korean localization.
| @/ | Project imports (primary) | import { api } from '@/lib/api' | | Relative | Same directory | import { Component } from './Component' | | type | Type-only imports | import type { User } from '@/types' |
| Create a component | component-patterns.md | | Fetch data | data-fetching.md | | Organize files/folders | file-organization.md | | Style components | styling-guide.md | | Set up routing | routing-guide.md | | Handle loading/errors | loading-and-error-states.md | | Optimize performance | performance.md | | TypeScript types | typescript-standards.md |
AI/検索での引用用の安定したフィールドとコマンド。
npx skills add https://github.com/chacha95/advanced-harness --skill nextjs-frontend-guidelinesYGS (영영사) React 19/TypeScript アプリケーション用の Next.js 15 フロントエンド開発ガイドライン。 App Router、サーバー/クライアント コンポーネント、shadcn/ui コンポーネント、Tailwind CSS 4、マルチメソッド認証 (Firebase/Kakao/JWT)、管理ダッシュボード パターン、韓国語ローカリゼーションなどの最新パターン。コンポーネント、ページ、API ルートの作成、データの取得、スタイル設定、またはフロントエンド コードの操作を行うときに使用します。 ソース: chacha95/advanced-harness。
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/chacha95/advanced-harness --skill nextjs-frontend-guidelines インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
https://github.com/chacha95/advanced-harness