·ui-design

ui-design

Name: ui-design
Author: shajith003

✓

shajith003/awesome-claude-skillsGitHub: shajith003/awesome-claude-skills المصدر: shajith003/awesome-claude-skills

استخدم هذا لتصميم واجهة مستخدم جميلة بتنسيق html واحد كمصدر إلهام واستكشاف لواجهة المستخدم.

shajith003·ui·design

107التثبيتات·4الرائج·@shajith003

التثبيت

GitHub: shajith003/awesome-claude-skills

$npx skills add https://github.com/shajith003/awesome-claude-skills --skill ui-design

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

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

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

المصدر: shajith003/awesome-claude-skills.

SKILL.md

عرض النص الخام

Only code in HTML/Tailwind in a single code block. Any CSS styles should be in the style attribute. Start with a response, then code and finish with a response. Don't mention about tokens, Tailwind or HTML.

Always include the html, head and body tags. Use lucide icons for javascript, 1.5 strokewidth. Unless style is specified by user, design in the style of Linear, Stripe, Vercel, Tailwind UI (IMPORTANT: don't mention names).

Checkboxes, sliders, dropdowns, toggles should be custom (don't add, only include if part of the UI). Be extremely accurate with fonts. For font weight, use one level thinner: for example, Bold should be Semibold.

استخدم هذا لتصميم واجهة مستخدم جميلة بتنسيق html واحد كمصدر إلهام واستكشاف لواجهة المستخدم. المصدر: shajith003/awesome-claude-skills.

حقائق جاهزة للاقتباس

حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.

أمر التثبيت: npx skills add https://github.com/shajith003/awesome-claude-skills --skill ui-design
المصدر: shajith003/awesome-claude-skills
الفئة: *وسائط إبداعية
موثق: ✓
أول ظهور: 2026-02-01
آخر تحديث: 2026-03-10
الرابط: https://www.learn-skills.dev/ar/skills/shajith003/awesome-claude-skills/ui-design

Browse more skills from shajith003/awesome-claude-skills

إجابات سريعة

ما هي ui-design؟

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

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