الواجهات والتصميم مميز

Frontend Design

بواسطة Anthropic 161k نجوم GitHub

عمل واجهات frontend مميزة بمستوى إنتاجي بعيداً عن جمالية الـ AI العامة — صفحات وكومبوننتس وartifacts وبوسترات.

#design#frontend#official#ui

Claude Code Codex

نظرة عامة

سكيل Frontend Design من Anthropic بيولّد كود frontend مبدع ومتقن بجودة تصميم عالية، وبيبتعد صراحة عن الشكل الباهت العام اللي بيطلع من الـ AI. بينطبق على المواقع والـ landing pages والـ dashboards وكومبوننتس React ولياوت الـ HTML/CSS. من أكتر السكيلز الرسمية استخداماً لبناء UI شكله حلو.

بتنفع في إيه

بناء landing page مميزة
تصميم dashboard متقن
تنسيق مجموعة كومبوننتس React
تجميل UI موجود

التثبيت

التثبيت في Claude Code

# ضيف الـ marketplace وبعدين ثبّت المهارة في Claude Code:
/plugin marketplace add anthropics/skills
/plugin install frontend-design

# أو ثبّتها يدويًا في ~/.claude/skills:
git clone https://github.com/anthropics/skills.git
cp -r skills/frontend-design ~/.claude/skills/frontend-design

التثبيت في Codex

# Codex بيقرأ مهارات SKILL.md من ~/.codex/skills (اكتشاف تلقائي):
git clone https://github.com/anthropics/skills.git
cp -r skills/frontend-design ~/.codex/skills/frontend-design

# وبعدين استخدم المهارة في Codex — بتتحمّل وقت الحاجة.

زيارة المصدر (GitHub)

استكشف أدوات AI

أدوات AI تكمل شغلك — للمصممين والمطورين

اقرأ مقالات عن AI

نصايح عملية في التصميم والذكاء الاصطناعي

أدوات مشابهة

الواجهات والتصميم

Web Artifacts Builder

بناء artifacts HTML معقدة ومتعددة الكومبوننتس لـ Claude.ai باستخدام React وTailwind.

Claude Code Codex

الواجهات والتصميم

Animation Systems

حركة ويب بمستوى المنتجات زي Stripe وLinear وApple وVercel — إعدادات الـ easing والمدة والتناسق والأداء ووضع تقليل الحركة.

Claude Code Codex

الواجهات والتصميم

Apple Design

أسلوب Apple في الحركة السلسة والفيزيائية مترجم للويب — الـ springs والإيماءات والسحب والسحب والـ sheets والخامات الشفافة.

Claude Code Codex