قم بإنشاء وإعادة تصميم تصميمات ويب HTML5/JavaScript من المواصفات أو الأوصاف. يُنشئ تصميمات ويب كاملة وسهلة الوصول وسريعة الاستجابة باستخدام أطر عمل حديثة. يتحقق تلقائيًا من التصميمات باستخدام Playwright MCP لاختبار إمكانية الوصول والوظائف. استخدم هذه المهارة عندما يطلب المستخدمون إنشاء تصميمات ويب أو نماذج بالحجم الطبيعي أو صفحات مقصودة أو تطبيقات ويب أو إعادة تصميم تصميمات HTML/CSS/JS الحالية.
ثبّت مهارة الذكاء الاصطناعي web design builder بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: rknall/claude-skills.
This skill creates professional HTML5/JavaScript web designs from specifications, with automatic accessibility and functionality verification using Playwright MCP.
When a user requests a web design, start by understanding their needs:
IMPORTANT: Before starting the design process, check if Playwright MCP is available:
قم بإنشاء وإعادة تصميم تصميمات ويب HTML5/JavaScript من المواصفات أو الأوصاف. يُنشئ تصميمات ويب كاملة وسهلة الوصول وسريعة الاستجابة باستخدام أطر عمل حديثة. يتحقق تلقائيًا من التصميمات باستخدام Playwright MCP لاختبار إمكانية الوصول والوظائف. استخدم هذه المهارة عندما يطلب المستخدمون إنشاء تصميمات ويب أو نماذج بالحجم الطبيعي أو صفحات مقصودة أو تطبيقات ويب أو إعادة تصميم تصميمات HTML/CSS/JS الحالية. المصدر: rknall/claude-skills.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/rknall/claude-skills --skill web design builderقم بإنشاء وإعادة تصميم تصميمات ويب HTML5/JavaScript من المواصفات أو الأوصاف. يُنشئ تصميمات ويب كاملة وسهلة الوصول وسريعة الاستجابة باستخدام أطر عمل حديثة. يتحقق تلقائيًا من التصميمات باستخدام Playwright MCP لاختبار إمكانية الوصول والوظائف. استخدم هذه المهارة عندما يطلب المستخدمون إنشاء تصميمات ويب أو نماذج بالحجم الطبيعي أو صفحات مقصودة أو تطبيقات ويب أو إعادة تصميم تصميمات HTML/CSS/JS الحالية. المصدر: rknall/claude-skills.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/rknall/claude-skills --skill web design builder بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/rknall/claude-skills