Design

مكتبة منسقة لأدوات التصميم ومراجع واجهات المستخدم.

112 مراجع
Use

21st.dev

سجل لوكلاء الذكاء الاصطناعي وسوق لمكونات الواجهة يساعدان على إطلاق منتجات مدعومة...

21st.dev
Use

Agentation

أداة ملاحظات بصرية تحول تعليقات الواجهة إلى سياق منظم لوكلاء البرمجة بالذكاء الاصطناعي.

agentation.dev
Build

Open Design

البديل المحلي الأول مفتوح المصدر لتصميم الأنثروبي كلود.

open-design.ai
Explore

getdesign.md

تصفح إلهامات نظام التصميم من المواقع الشهيرة.

getdesign.md
Explore

Motion

60 إطارًا في الثانية عبارة عن مجموعة منسقة من الرسوم المتحركة لـ UI/UX وتفاصيل تصميم...

60fps.design
Use

Lazyweb MCP

سياق تصميم لتأريض وكلاء الذكاء الاصطناعي.

lazyweb.com
Learn

AB Tests

معرض لأمثلة اختبارات A/B لمعرفة ما يغير سلوك المنتج.

abtest.design
Use

Pencil

أداة تصميم قائمة على اللوحة تحول أفكار المنتجات إلى كود داخل بيئة التطوير الخاصة بك.

pencil.dev
Explore

Inspiration

أرشيف من التفاعلات الدقيقة وبيض عيد الفصح وتفاصيل التصميم الصغيرة التي تعيد الحياة...

designspells.com
Use

Onlook

Onlook هو محرر أكواد مرئية من الجيل التالي يتيح للمصممين ومديري المنتجات صياغة تجارب...

onlook.com
Learn

Breakdowns

معرض تفصيلي يكسر واجهة المستخدم للمنتجات الحقيقية مثل Wise وTesla وPinterest وApple...

uxsnaps.com
Use

Claude Design

تسريع نقد التصميم، وكتابة تجربة المستخدم، وعمليات تدقيق إمكانية الوصول، وتوليف...

claude.com
Use

UI components

دليل عملي لمكونات الواجهة القابلة لإعادة الاستخدام وقرارات واجهة المستخدم.

uiplaybook.dev
Use

Agentic UI

أول نظام تصميم على مستوى المؤسسات في العالم لبناء تجارب وكيلة قابلة للتطوير.

agenticui.net
Use

Montage Design System

نظام تصميم منتجات Wanted للعلامة التجارية والطباعة والمكونات وأنماط واجهة المستخدم.

montage.wanted.co.kr
Learn

Vercel Design

صفحة مقدمة فريق التصميم الخاصة بشركة Vercel.

vercel.com
Explore

The Component Gallery

مستودع حديث لمكونات الواجهة وأنظمة التصميم، مخصص كمرجع للأشخاص الذين يقومون ببناء...

component.gallery
Explore

Awesome Design Systems

قائمة رهيبة من أنظمة التصميم.

git.io
Explore

Design Systems Repo

مجموعة منظمة ومحدثة بشكل متكرر من أمثلة نظام التصميم والموارد والأدوات والمقالات...

designsystemsrepo.com
Explore

Adele

العشرات من أنظمة التصميم ومكتبات الأنماط التي تم تحليلها بدقة من أجلك.

adele.uxpin.com
Learn

UI Design Dictionary

قاموس ثنائي اللغة خفيف الوزن لأنماط واجهة المستخدم ومصطلحات الترميز الديناميكي...

ui-design-dictionary.pages.dev
Read

Design Systems Report

إن قبول الإدارة آخذ في الانخفاض والتوظيف راكد.

report.zeroheight.com
Read

OpenAI Developers

تقنيات عملية لتوجيه GPT-5.4 نحو تصميمات الواجهة الأمامية المصقولة والجاهزة للإنتاج.

developers.openai.com
Read

Anthropic Engineering

Anthropic هي شركة أبحاث وأمان في مجال الذكاء الاصطناعي تعمل على بناء أنظمة ذكاء...

anthropic.com
Read

AIUX

إطار عمل مكون من 36 نمط تصميم AI UX موثقة من ChatGPT وClaude وGitHub Copilot...

aiuxdesign.guide
Learn

Impeccable

مهارة واحدة، و20 أمرًا، وأنماط مضادة منسقة لتصميم واجهة أمامية لا تشوبها شائبة.

impeccable.style
Use

Taste Skill

مهارة التذوق تمنح وكيل الذكاء الاصطناعي الخاص بك "إحساسًا".

tasteskill.dev
Use

addyosmani/agent-skills

المهارات الهندسية على مستوى الإنتاج لوكلاء ترميز الذكاء الاصطناعي.

github.com
Use

plugin87/ux-ui-agent-skills

مجموعة من المهارات التي تحول كلود إلى مهندس تصميم كبير.

github.com
Use

sleekdotdesign/agent-skills

ساهم في تطوير مهارات العميل/Sleekdotdesign من خلال إنشاء حساب على GitHub.

github.com
Use

VoltAgent/voltagent

مجموعة من ملفات DESIGN.md التي تلتقط أنظمة التصميم من مواقع الويب الشهيرة.

github.com
Use

anthropics/skills

المستودع العام لمهارات الوكيل.

github.com
Use

assistant-ui

مكتبة TypeScript/React لواجهة مستخدم الدردشة AI

assistant-ui.com
Use

HeroUI

مجموعة مكونات جميلة وقابلة للتخصيص.

heroui.com
Use

Skiper UI

مكون جديد وغريب لمشاريع Next.js.

skiper-ui.com
Use

React Bits

مجموعة مفتوحة المصدر من مكونات React عالية الجودة، متحركة، تفاعلية، وقابلة للتخصيص.

reactbits.dev
Use

bazza/ui

مجموعة من مكونات React الجميلة والحديثة.

ui.bazza.dev
Use

Unified UI

يمكنك شحن واجهات جميلة بشكل أسرع باستخدام أكثر من 50 مكونًا من مكونات React التي...

unified-ui.space
Build

lukilabs/beautiful-mermaid

مكتبة تنسيق لـ Mermaid تحول المخططات التي تنشئها الوكلاء إلى سمات مصقولة باستخدام...

github.com
Use

Excalidraw MCP

خادم Excalidraw MCP قابل للبث يتيح لوكلاء الذكاء الاصطناعي رسم مخططات بأسلوب يدوي...

plus.excalidraw.com
Build

Pretendard

محرف بديل لواجهة مستخدم النظام عبر الأنظمة الأساسية لواجهات المنتجات الكورية ومتعددة...

cactus.tistory.com
Use

Wanted Design Library

مكتبة تصميم مفتوحة تحتوي على الطباعة والشبكات والأيقونات ولوحات الألوان والمكونات...

figma.com
Build

Open Foundry

موقع يقوم برعاية الخطوط مفتوحة المصدر لأكثر من 10 سنوات.

open-foundry.com
Use

Dembrandt

قم باستخراج أنظمة تصميم مواقع الويب (الشعار والألوان والطباعة والحدود وما إلى ذلك)...

dembrandt.com
Build

Pixel Perfect UI

مكتبة مكونات React مع رسوم متحركة مدعومة بـ GSAP.

pixel-perfect.space
Read

userinterface.wiki

دليل حي لواجهة أفضل.

userinterface.wiki
Learn

Pacome Pertant

محفظة Pacôme Pertin، مصمم الحركة والصوت الذي يعيش في باريس.

pacomepertant.com
Use

Tweakpane

جزء مضغوط لضبط المعلمات ومراقبة القيم تتغير

tweakpane.github.io
Build

Flue

إطار تسخير الوكيل مصنوع بواسطة TypeScript.

flueframework.com
Watch

Contra Labs

مختبر تقييم البيانات البشرية، حيث يقوم أكثر من 1.5 مليون منشئ بتقييم جودة الذكاء...

contralabs.com
Explore

Refero Styles

مكتبة من أنماط التصميم من الخدمات الشهيرة المنسقة بتنسيق DESIGN.md لعملاء الذكاء...

styles.refero.design
Watch

DEEO Artifacts

مجموعة من التجارب التفاعلية/الحركية للأشخاص الفضوليين.

artifacts.deeo.studio
Watch

Rebrand Gallery

معرض منسق للعلامات التجارية والهويات المرئية.

rebrand.gallery
Read

Hannah Hearth

في اعرض وأخبر، تقدم هانا هيرث الأدوات التي يستخدمها بالفعل فريق تصميم المنتجات في...

hannahhearth.com
Watch

MSCHF

استوديو تهدف ممارساته الإبداعية وذاتيته إلى امتلاك القوة الثقافية للتنافس مع الشركات...

mschf.com
Watch

Roam

لوحة قماشية لا حصر لها لعرض الكائنات المصممة جيدًا.

roam.neesh.page
Use

Transitions.dev

موقع يجمع التحولات القياسية لتطبيقات الويب.

transitions.dev
Use

EvilCharts

مكتبة واجهة مستخدم للرسوم البيانية مفتوحة المصدر تم إنشاؤها باستخدام shadcn وRecharts.

evilcharts.com
Read

Linear

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

linear.app
Build

openai/realtime-voice-component

مكون واجهة المستخدم للعملية الصوتية لـ React/browser.

github.com
Explore

Refto

موقع يجمع إلهام مواقع الويب المنسقة وأمثلة الصفحات المقصودة والمحافظ وSaaS وأنماط...

refto.one
Learn

Devouring Details

دليل مرجعي تفاعلي للمصممين المهتمين بالتفاعل.

devouringdetails.com
Use

Loading UI

مجموعة من أدوات تحميل CSS/React المجانية والمفتوحة المصدر، والأدوات الدوارة، والرسوم...

loading-ui.com
Explore

CTA Gallery

معرض إلهام للحث على اتخاذ إجراء (CTA) للمصممين.

cta.gallery
Use

web-kits/audio

A declarative audio synthesis library for the web.

audio.raphaelsalaja.com
Use

browser-use/video-use

مهارة مفتوحة المصدر تعمل على أتمتة عملية تحرير الفيديو على Claude Code.

github.com
Use

UNCUT

كتالوج الخطوط المجانية المتخصصة في الخطوط الحديثة.

uncut.wtf
Use

cathrynlavery/diagram-design

13 نموذجًا لمخططات الجودة التحريرية لكلود كود.

github.com
Build

HyperFrames

HyperFrames هي أداة تستخدم عوامل الذكاء الاصطناعي لكتابة HTML/CSS/JS وتجميع مقاطع...

hyperframes.heygen.com
Use

pablodelucca/pixel-agents

مكتب بكسل.

github.com
Watch

Curated Supply

موقع تنظيم للمنتجات المصممة للغاية.

curated.supply
Explore

Selected Site

مجموعة مختارة بعناية من الأدوات والموارد والإلهام للمبدعين والبنائين.

selected.site
Use

Wiretext

أداة تصميم مكانية حيث يتم عرض كل شيء كأحرف سطر Unicode.

wiretext.app
Use

Fontshare

خدمة خطوط مجانية مقدمة من Indian Type Foundry (ITF).

fontshare.com
Use

autoskills

اكتشف مجموعتك التقنية وقم بالتثبيت التلقائي لأفضل مهارات وكيل الذكاء الاصطناعي عبر...

autoskills.sh
Use

Colors & Fonts

أداة تسمح لك بإنشاء مقياس ألوان كامل من لون أساسي واحد أو إنشاء لوحة من خمسة ألوان...

colorsandfonts.com
Explore

mesh3d

معرض منسق يقدم مواقع ويب ثلاثية الأبعاد وتفاعلية مختارة بعناية.

mesh3d.gallery
Use

Mesurer

قياس ومواءمة كل شيء على المضيف المحلي.

mesurer.ibelick.com
Read

Anna E. Cook

وبينما تستخدم الفرق أدوات الذكاء الاصطناعي لإنشاء نماذج أولية عالية الدقة، يتحول...

annaecook.com
Use

dominikmartn/nothing-design-skill

مهارة كلود كود لإنشاء واجهة مستخدم بلغة تصميم لا شيء.

github.com
Use

Boneyard

إطار تحميل الهيكل العظمي الذي تم إنشاؤه تلقائيًا

boneyard.vercel.app
Use

CSS Studio

محرر CSS مرئي في متصفحك.

cssstudio.ai
Use

Liveline

مخطط خطي متحرك في الوقت الفعلي لـ React.

benji.org
Use

AI Designer

مصمم AI UI/UX.

aidesigner.ai
Explore

Font Of Web

خلاصتك اليومية لإلهام التصميم في العالم الحقيقي.

fontofweb.com
Explore

Brand Archive

قم بتعزيز أبحاث علامتك التجارية باستخدام أرشيف العلامة التجارية.

brandarchive.xyz
Explore

Godly

مجموعة منتقاة بعناية لأكثر من 1000 موقع من أفضل مواقع الذكاء الاصطناعي وWeb3...

godly.website
Watch

Notch

قصة عن كيفية إنشاء جهاز Macbook Notch للويب شبه مثالي.

iamnoman.com
Explore

Shopify Design

اجعل الوضع الطبيعي الجديد.

shopify.design
Learn

Lessons of Design

تأملات المصمم حول سبب تصميمه بالطريقة التي يفعلها وما تعلمه طوال الرحلة.

lessons.design
Use

Onigiri

Moontype هو مسبك نوعي يقع مقره في هامبورغ وستوكهولم، ويديره بيا شروير وجوليا فلوم.

moontype.de
Explore

Cosmos

منزل لتنظيم الكون الخاص بك

cosmos.so
Explore

companies.sh

اكتشاف وتثبيت شركات وكيل الذكاء الاصطناعي.

companies.sh
Use

little-hands/claude-drawio-skill

Skill to create, read, and edit draw.io diagrams from Claude Code.

github.com
Use

Pretext

مكتبة JavaScript/TypeScript خالصة لقياس النص متعدد الأسطر وتخطيطه.

chenglou.me
Explore

SearchSystem

موقع تنظيمي يجمع المراجع والأدوات للمصممين.

searchsystem.co
Use

Textura

ذريعة × اليوغا = Textura.

geometra.razroo.com
Use

fab ui

مكتبة مكونات لـ React/Next.js تم إنشاؤها باستخدام Base UI وTailwind CSS.

fab-ui.com
Explore

Logo System

مكتبة ملهمة تحتوي على أكثر من 1000 تصميم شعار.

logosystem.co
Read

Stronger Design Principles

أحد أصعب الأجزاء في تدوين المبادئ هو التأكد من أنها معبرة بما يكفي لتكون مفيدة.

mynameisjehad.com
Explore

Detail

دراسة منسقة لقرارات التصميم الصغيرة التي تجعل المنتجات تبدو استثنائية في عصر الذكاء...

detail.design
Learn

UI Skills

مجموعة من المهارات لتلميع الواجهات التي أنشأها الوكلاء.

ui-skills.com
Use

Skills.sh

اكتشاف وتثبيت المهارات لعملاء الذكاء الاصطناعي.

skills.sh
Read

Interface Craft

مكتبة عمل لأولئك الملتزمين بالتصميم بعناية غير عادية.

interfacecraft.dev
Use

ui.sh

مجموعة أدوات لمساعدي البرمجة مثل Claude Code وCursor وCodex لمساعدتك في إنشاء واجهات...

ui.sh
Read

Cursouls

قم بتحويل عملاء Cursor AI إلى شخصيات بكسل صغيرة تعيش في مقهى مريح، وتتفاعل معك...

cursouls.xyz
Explore

DesEngs

مجموعة منسقة من موارد هندسة التصميم.

desengs.com
Use

Dictar

Dictar هو تطبيق لتحويل الكلام إلى نص على الجهاز.

dictar.app
Learn

Emil Kowalski

ملف مهارات يعتمد على المقالات المكتوبة على الموقع الشخصي لإميل كوالسكي.

emilkowal.ski
Build

Rams

مراجعات التصميم الآلي للتعليمات البرمجية التي تم إنشاؤها بواسطة الذكاء الاصطناعي.

rams.ai
Use

Refero

أكبر مجموعة من مراجع UI/UX وإلهام التصميم للويب وiOS.

refero.design
Explore

Variant

أدخل فكرة لتطبيق أو موقع وشاهد خيارات التصميم التي لا نهاية لها بمجرد التمرير.

variant.com