تحويل لقطات شاشة واجهة المستخدم إلى كود HTML/CSS/React/Vue صالح للعمل. يكتشف أنماط التصميم والمكونات وينشئ تخطيطات سريعة الاستجابة. استخدم هذا عندما يقدم المستخدمون لقطات شاشة لمواقع الويب أو التطبيقات أو تصميمات واجهة المستخدم ويريدون تنفيذ التعليمات البرمجية.
ثبّت مهارة الذكاء الاصطناعي screenshot-to-code بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: onewave-ai/claude-skills.
Convert UI screenshots into production-ready code with accurate styling and structure.
When a user provides a screenshot of a UI design:
Default: If not specified, use React with Tailwind CSS for modern designs, or plain HTML/CSS for simple pages.
تحويل لقطات شاشة واجهة المستخدم إلى كود HTML/CSS/React/Vue صالح للعمل. يكتشف أنماط التصميم والمكونات وينشئ تخطيطات سريعة الاستجابة. استخدم هذا عندما يقدم المستخدمون لقطات شاشة لمواقع الويب أو التطبيقات أو تصميمات واجهة المستخدم ويريدون تنفيذ التعليمات البرمجية. المصدر: onewave-ai/claude-skills.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/onewave-ai/claude-skills --skill screenshot-to-codeتحويل لقطات شاشة واجهة المستخدم إلى كود HTML/CSS/React/Vue صالح للعمل. يكتشف أنماط التصميم والمكونات وينشئ تخطيطات سريعة الاستجابة. استخدم هذا عندما يقدم المستخدمون لقطات شاشة لمواقع الويب أو التطبيقات أو تصميمات واجهة المستخدم ويريدون تنفيذ التعليمات البرمجية. المصدر: onewave-ai/claude-skills.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/onewave-ai/claude-skills --skill screenshot-to-code بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/onewave-ai/claude-skills