التطوير والاختبار

API and Interface Design

بواسطة Addy Osmani 78k نجوم GitHub

تصميم API وحدود بأسلوب contract-first مع تحقق من المدخلات وعقود واجهة واضحة.

#api#contracts#design#validation

Claude Code Codex

نظرة عامة

السكيل ده بيطبّق أسلوب contract-first في تصميم الـ APIs وحدود الموديولات، بيركّز على المدخلات المتحقّقة والعقود الصريحة للواجهات. بيشتغل لما تصمّم شكل API علشان التكاملات تفضل متينة ومتوقّعة.

بتنفع في إيه

تصميم API جديد REST/RPC
تعريف عقود حدود الموديولات
إضافة تحقق من مدخلات الحدود
مراجعة واجهة من ناحية المتانة

التثبيت

التثبيت في Claude Code

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

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

التثبيت في Codex

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

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

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

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

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

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

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

أدوات مشابهة

التطوير والاختبار

MCP Builder

توجيه إنشاء سيرفرات Model Context Protocol لربط الـ APIs والأدوات بالـ AI agents.

Claude Code Codex

التطوير والاختبار

Superpowers

مكتبة سكيلز أساسية فيها +20 أداة وفلو مجرّبة وقابلة للتركيب لمهام تطوير الـ agent اليومية.

Claude Code Codex

التطوير والاختبار

Vercel React Best Practices

إرشادات أداء React وNext.js من Vercel Engineering — جلب البيانات وتحسين الـ bundle وأنماط الرندر.

Claude Code Codex