·nuxt-ui-tdd
*

nuxt-ui-tdd

✓
akornmeier/claude-configGitHub: akornmeier/claude-configالمصدر: akornmeier/claude-config

دليل لبناء مكونات Vue 3 باستخدام NuxtUI باستخدام منهجية صارمة للتطوير القائم على الاختبار (TDD) يتم فرضها بواسطة خطاف حماية TDD. استخدم هذه المهارة عند تنفيذ مكونات واجهة المستخدم الجديدة (الذرات والجزيئات والكائنات الحية) لمشروع Poche، أو إنشاء قصص القصص القصيرة مع اختبارات التفاعل، أو العمل ضمن دورة RED-GREEN-REFACTOR. مفيد بشكل خاص عندما يذكر المستخدم "TDD"، أو "الاختبار أولاً"، أو "إنشاء مكون"، أو "إنشاء مكون"، أو "تنفيذ [ComponentName]"، أو عند إضافة وظيفة واجهة المستخدم.

akornmeier·nuxt·ui·tdd
3التثبيتات·0الرائج·@akornmeier

التثبيت

GitHub: akornmeier/claude-config
$npx skills add https://github.com/akornmeier/claude-config --skill nuxt-ui-tdd

كيفية تثبيت nuxt-ui-tdd

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

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

المصدر: akornmeier/claude-config.

SKILL.md

عرض النص الخام

Build Vue 3 components with NuxtUI following strict Test-Driven Development (TDD) methodology. This skill provides workflows, templates, and guardrails for creating well-tested, reusable UI components using the Atomic Design pattern.

Before starting, identify the atomic design level. Consult references/naming-conventions.md for detailed guidance.

Location: Same directory as component Naming: {ComponentName}.stories.ts

دليل لبناء مكونات Vue 3 باستخدام NuxtUI باستخدام منهجية صارمة للتطوير القائم على الاختبار (TDD) يتم فرضها بواسطة خطاف حماية TDD. استخدم هذه المهارة عند تنفيذ مكونات واجهة المستخدم الجديدة (الذرات والجزيئات والكائنات الحية) لمشروع Poche، أو إنشاء قصص القصص القصيرة مع اختبارات التفاعل، أو العمل ضمن دورة RED-GREEN-REFACTOR. مفيد بشكل خاص عندما يذكر المستخدم "TDD"، أو "الاختبار أولاً"، أو "إنشاء مكون"، أو "إنشاء مكون"، أو "تنفيذ [ComponentName]"، أو عند إضافة وظيفة واجهة المستخدم. المصدر: akornmeier/claude-config.

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

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

أمر التثبيت
npx skills add https://github.com/akornmeier/claude-config --skill nuxt-ui-tdd
المصدر
akornmeier/claude-config
الفئة
*وسائط إبداعية
موثق
✓
أول ظهور
2026-02-05
آخر تحديث
2026-03-10
الرابط
https://www.learn-skills.dev/ar/skills/akornmeier/claude-config/nuxt-ui-tdd

Browse more skills from akornmeier/claude-config

إجابات سريعة

ما هي nuxt-ui-tdd؟

دليل لبناء مكونات Vue 3 باستخدام NuxtUI باستخدام منهجية صارمة للتطوير القائم على الاختبار (TDD) يتم فرضها بواسطة خطاف حماية TDD. استخدم هذه المهارة عند تنفيذ مكونات واجهة المستخدم الجديدة (الذرات والجزيئات والكائنات الحية) لمشروع Poche، أو إنشاء قصص القصص القصيرة مع اختبارات التفاعل، أو العمل ضمن دورة RED-GREEN-REFACTOR. مفيد بشكل خاص عندما يذكر المستخدم "TDD"، أو "الاختبار أولاً"، أو "إنشاء مكون"، أو "إنشاء مكون"، أو "تنفيذ [ComponentName]"، أو عند إضافة وظيفة واجهة المستخدم. المصدر: akornmeier/claude-config.

كيف أثبّت nuxt-ui-tdd؟

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

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

https://github.com/akornmeier/claude-config

التفاصيل

الفئة
*وسائط إبداعية
المصدر
skills.sh
أول ظهور
2026-02-05

مهارات ذات صلة

postgresql-psql
5 التثبيتات
chrome-debug
4 التثبيتات
docker
4 التثبيتات
shadcn-ui
4 التثبيتات
better-auth
3 التثبيتات
cloudflare
3 التثبيتات