·frontend-design
</>

frontend-design

إنشاء واجهات أمامية فريدة من نوعها وعالية الجودة على مستوى الإنتاج. استخدم هذه المهارة عندما يطلب منك المستخدمون إنشاء مكونات ويب، أو صفحات، أو أعمال، أو ملصقات، أو تطبيقات (على سبيل المثال، مواقع الويب، أو الصفحات المقصودة، أو لوحات المعلومات، أو مكونات React، أو تخطيطات HTML/CSS، أو لتصميم أي واجهة مستخدم ويب). أنشئ تصميمات إبداعية مصقولة ورموز برمجية لواجهة المستخدم، مع تجنب جماليات الذكاء الاصطناعي العامة.

27التثبيتات·0الرائج·@leastbit

التثبيت

$npx skills add https://github.com/leastbit/claude_skills_zh-cn --skill frontend-design

كيفية تثبيت frontend-design

ثبّت مهارة الذكاء الاصطناعي frontend-design بسرعة في بيئة التطوير لديك عبر سطر الأوامر

  1. افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
  2. نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/leastbit/claude_skills_zh-cn --skill frontend-design
  3. تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

المصدر: 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
الفئة
</>أدوات التطوير
موثق
أول ظهور
2026-02-01
آخر تحديث
2026-03-10

Browse more skills from leastbit/claude_skills_zh-cn

إجابات سريعة

ما هي frontend-design؟

إنشاء واجهات أمامية فريدة من نوعها وعالية الجودة على مستوى الإنتاج. استخدم هذه المهارة عندما يطلب منك المستخدمون إنشاء مكونات ويب، أو صفحات، أو أعمال، أو ملصقات، أو تطبيقات (على سبيل المثال، مواقع الويب، أو الصفحات المقصودة، أو لوحات المعلومات، أو مكونات React، أو تخطيطات HTML/CSS، أو لتصميم أي واجهة مستخدم ويب). أنشئ تصميمات إبداعية مصقولة ورموز برمجية لواجهة المستخدم، مع تجنب جماليات الذكاء الاصطناعي العامة. المصدر: leastbit/claude_skills_zh-cn.

كيف أثبّت frontend-design؟

افتح الطرفية أو أداة سطر الأوامر لديك مثل 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

التفاصيل

الفئة
</>أدوات التطوير
المصدر
skills.sh
أول ظهور
2026-02-01