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

React Doctor

بواسطة Julien Thibeaut (ui-skills.com) 3.7k نجوم GitHub

فحص وفرز وتنظيف تشخيصات React — الـ lint وسهولة الوصول وحجم الـ bundle والهندسة — قبل الـ commit.

#react#lint#diagnostics#quality

Claude Code Codex

نظرة عامة

React Doctor بيعمل فرز محلي كامل لكود React، بيغطي الـ lint وسهولة الوصول وحجم الـ bundle والهندسة، بالإضافة لفحص الـ regression. المفروض يشتغل لما تخلّص فيتشر أو قبل الـ commit علشان يمسك المشاكل بدري.

بتنفع في إيه

فحص صحة React قبل الـ commit
فرز تشخيصات الـ lint والـ a11y
مسك روائح الهندسة
فحص regression لفيتشر

التثبيت

التثبيت في Claude Code

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

# أو ثبّتها يدويًا في ~/.claude/skills:
git clone https://github.com/ibelick/ui-skills.git
cp -r ui-skills/react-doctor ~/.claude/skills/react-doctor

التثبيت في Codex

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

# وبعدين استخدم المهارة في 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