إنشاء واجهات أمامية فريدة من نوعها وعالية الجودة على مستوى الإنتاج. استخدم هذه المهارة عندما يطلب منك المستخدمون إنشاء مكونات ويب، أو صفحات، أو أعمال، أو ملصقات، أو تطبيقات (على سبيل المثال، مواقع الويب، أو الصفحات المقصودة، أو لوحات المعلومات، أو مكونات React، أو تخطيطات HTML/CSS، أو لتصميم أي واجهة مستخدم ويب). أنشئ تصميمات إبداعية مصقولة ورموز برمجية لواجهة المستخدم، مع تجنب جماليات الذكاء الاصطناعي العامة.
ثبّت مهارة الذكاء الاصطناعي frontend-design بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: leastbit/claude_skills_zh-cn.
绝不使用千篇一律的 AI 生成审美，如过度使用的字体（Inter、Roboto、Arial、系统字体）、陈词滥调的配色方案（尤其是白底紫色渐变）、可预测的布局和组件模式，以及缺乏情境特色的模板化设计。
创造性地诠释并做出出人意料的选择，让设计真正契合情境。没有两个设计应该雷同。在浅色和深色主题、不同字体、不同美学之间变换。绝不在多次生成中趋同于常见选择（例如 Space Grotesk）。
重要：让实现复杂度匹配美学愿景。极繁主义设计需要精心编写的代码，包含大量动画和效果。极简主义或精致设计需要克制、精准，并仔细关注间距、字体排版和微妙细节。优雅来自于对愿景的出色执行。
إنشاء واجهات أمامية فريدة من نوعها وعالية الجودة على مستوى الإنتاج. استخدم هذه المهارة عندما يطلب منك المستخدمون إنشاء مكونات ويب، أو صفحات، أو أعمال، أو ملصقات، أو تطبيقات (على سبيل المثال، مواقع الويب، أو الصفحات المقصودة، أو لوحات المعلومات، أو مكونات React، أو تخطيطات HTML/CSS، أو لتصميم أي واجهة مستخدم ويب). أنشئ تصميمات إبداعية مصقولة ورموز برمجية لواجهة المستخدم، مع تجنب جماليات الذكاء الاصطناعي العامة. المصدر: leastbit/claude_skills_zh-cn.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/leastbit/claude_skills_zh-cn --skill frontend-designإنشاء واجهات أمامية فريدة من نوعها وعالية الجودة على مستوى الإنتاج. استخدم هذه المهارة عندما يطلب منك المستخدمون إنشاء مكونات ويب، أو صفحات، أو أعمال، أو ملصقات، أو تطبيقات (على سبيل المثال، مواقع الويب، أو الصفحات المقصودة، أو لوحات المعلومات، أو مكونات React، أو تخطيطات HTML/CSS، أو لتصميم أي واجهة مستخدم ويب). أنشئ تصميمات إبداعية مصقولة ورموز برمجية لواجهة المستخدم، مع تجنب جماليات الذكاء الاصطناعي العامة. المصدر: leastbit/claude_skills_zh-cn.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/leastbit/claude_skills_zh-cn --skill frontend-design بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/leastbit/claude_skills_zh-cn