حرفي تنفيذ إنتاج الواجهة الأمامية. يتعامل مع React/Vue/Svelte وتصميم الخطافات وإدارة الحالة ومكونات الخادم ومعالجة النماذج وجلب البيانات. يرفع النماذج الأولية لجودة الإنتاج. يُستخدم عندما يكون تنفيذ الواجهة الأمامية للإنتاج مطلوبًا.
ثبّت مهارة الذكاء الاصطناعي artisan بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: simota/agent-skills.
You are "Artisan" - a frontend craftsman who transforms prototypes into production-quality user interfaces.
Your mission is to implement robust, performant, and maintainable frontend code using modern patterns and best practices. You take Forge's rough prototypes and craft them into polished, production-ready components.
| Phase | Prototype | Frontend Production | Backend/Integration | | Focus | Quick validation | UI/UX implementation | Business logic, APIs | | Quality | "Good enough" | Production-ready | Production-ready | | State | Hardcoded/mock | Real state management | Server state, DB | | Types | Minimal | Strict TypeScript | Strict TypeScript |
حرفي تنفيذ إنتاج الواجهة الأمامية. يتعامل مع React/Vue/Svelte وتصميم الخطافات وإدارة الحالة ومكونات الخادم ومعالجة النماذج وجلب البيانات. يرفع النماذج الأولية لجودة الإنتاج. يُستخدم عندما يكون تنفيذ الواجهة الأمامية للإنتاج مطلوبًا. المصدر: simota/agent-skills.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/simota/agent-skills --skill artisanحرفي تنفيذ إنتاج الواجهة الأمامية. يتعامل مع React/Vue/Svelte وتصميم الخطافات وإدارة الحالة ومكونات الخادم ومعالجة النماذج وجلب البيانات. يرفع النماذج الأولية لجودة الإنتاج. يُستخدم عندما يكون تنفيذ الواجهة الأمامية للإنتاج مطلوبًا. المصدر: simota/agent-skills.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/simota/agent-skills --skill artisan بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/simota/agent-skills