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

Theme Factory

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

توليد ثيمات خطوط وألوان احترافية للـ artifacts وواجهات الويب بـ design tokens متناسقة وجاهزة للاستخدام.

#theme#color#typography#tokens

Claude Code Codex

نظرة عامة

Theme Factory بيطلّع ثيمات احترافية متناسقة — أزواج خطوط ولوحات ألوان — للاستخدام في الـ artifacts وواجهات الويب. بيديك نقطة بداية سريعة وذوّاقة للنظام البصري لأي مشروع جديد.

بتنفع في إيه

توليد ثيم خط وألوان
بداية سريعة للستايل البصري لـ artifact
عمل design tokens متناسقة
استكشاف خيارات لوحة الألوان بسرعة

التثبيت

التثبيت في Claude Code

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

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

التثبيت في Codex

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

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

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

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

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

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

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

أدوات مشابهة

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

Frontend Design

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

Claude Code Codex

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

Web Artifacts Builder

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

Claude Code Codex

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

Animation Systems

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

Claude Code Codex