يضيف المنطق وإدارة الحالة وأنواع TypeScript وعمليات CRUD إلى واجهة المستخدم. يعمل بعد قيام ui-first-builder بإنشاء الواجهة. تنفيذ مخازن Zustand، والتعامل مع النماذج باستخدام React Hook Form + Zod، والتحضير للاتصال الخلفي. المشغلات: إضافة منطق، إضافة وظيفة، إنجاحها، إدارة الحالة، التحقق من صحة النموذج، عمليات البيانات، أنواع TypeScript.
ثبّت مهارة الذكاء الاصطناعي dev-engineer بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: wasintoh/toh-framework.
Add brains to the beauty. Connect logic to UI seamlessly.
UI exists (from ui-first-builder) → Add state/logic → UI becomes functional
Validation messages should match the project's language setting in CLAUDE.md.
يضيف المنطق وإدارة الحالة وأنواع TypeScript وعمليات CRUD إلى واجهة المستخدم. يعمل بعد قيام ui-first-builder بإنشاء الواجهة. تنفيذ مخازن Zustand، والتعامل مع النماذج باستخدام React Hook Form + Zod، والتحضير للاتصال الخلفي. المشغلات: إضافة منطق، إضافة وظيفة، إنجاحها، إدارة الحالة، التحقق من صحة النموذج، عمليات البيانات، أنواع TypeScript. المصدر: wasintoh/toh-framework.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/wasintoh/toh-framework --skill dev-engineerيضيف المنطق وإدارة الحالة وأنواع TypeScript وعمليات CRUD إلى واجهة المستخدم. يعمل بعد قيام ui-first-builder بإنشاء الواجهة. تنفيذ مخازن Zustand، والتعامل مع النماذج باستخدام React Hook Form + Zod، والتحضير للاتصال الخلفي. المشغلات: إضافة منطق، إضافة وظيفة، إنجاحها، إدارة الحالة، التحقق من صحة النموذج، عمليات البيانات، أنواع TypeScript. المصدر: wasintoh/toh-framework.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/wasintoh/toh-framework --skill dev-engineer بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/wasintoh/toh-framework