·nextjs-frontend-guidelines
</>

nextjs-frontend-guidelines

Next.js 15 إرشادات تطوير الواجهة الأمامية لتطبيق YGS (영영사) React 19/TypeScript. الأنماط الحديثة بما في ذلك جهاز توجيه التطبيقات، ومكونات الخادم/العميل، ومكونات shadcn/ui، وTailwind CSS 4، والمصادقة متعددة الأساليب (Firebase/Kakao/JWT)، وأنماط لوحة تحكم المشرف، والترجمة الكورية. يُستخدم عند إنشاء مكونات أو صفحات أو مسارات واجهة برمجة التطبيقات أو جلب البيانات أو التصميم أو العمل باستخدام كود الواجهة الأمامية.

3التثبيتات·0الرائج·@chacha95

التثبيت

$npx skills add https://github.com/chacha95/advanced-harness --skill nextjs-frontend-guidelines

كيفية تثبيت nextjs-frontend-guidelines

ثبّت مهارة الذكاء الاصطناعي nextjs-frontend-guidelines بسرعة في بيئة التطوير لديك عبر سطر الأوامر

  1. افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
  2. نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/chacha95/advanced-harness --skill nextjs-frontend-guidelines
  3. تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

المصدر: 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 |

حقائق جاهزة للاقتباس

حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.

أمر التثبيت
npx skills add https://github.com/chacha95/advanced-harness --skill nextjs-frontend-guidelines
الفئة
</>أدوات التطوير
موثق
أول ظهور
2026-02-25
آخر تحديث
2026-03-11

Browse more skills from chacha95/advanced-harness

إجابات سريعة

ما هي nextjs-frontend-guidelines؟

Next.js 15 إرشادات تطوير الواجهة الأمامية لتطبيق YGS (영영사) React 19/TypeScript. الأنماط الحديثة بما في ذلك جهاز توجيه التطبيقات، ومكونات الخادم/العميل، ومكونات shadcn/ui، وTailwind CSS 4، والمصادقة متعددة الأساليب (Firebase/Kakao/JWT)، وأنماط لوحة تحكم المشرف، والترجمة الكورية. يُستخدم عند إنشاء مكونات أو صفحات أو مسارات واجهة برمجة التطبيقات أو جلب البيانات أو التصميم أو العمل باستخدام كود الواجهة الأمامية. المصدر: chacha95/advanced-harness.

كيف أثبّت nextjs-frontend-guidelines؟

افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/chacha95/advanced-harness --skill nextjs-frontend-guidelines بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

أين مستودع المصدر؟

https://github.com/chacha95/advanced-harness

التفاصيل

الفئة
</>أدوات التطوير
المصدر
skills.sh
أول ظهور
2026-02-25