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

Tiptap Editor

محرر نصوص غني قابل للتفصيل — أساس Notion-like editors في React.

Claude Code Cursor Codex Windsurf

نظرة عامة

Tiptap هو معيار المحررات الغنية الحديثة: مبني على ProseMirror بس بـ API ودود، مع extensions جاهزة (عناوين، جداول، منشن، سلاش كوماندز) وتخصيص كامل للشكل. الوكيل بيركّب محرر بمزايا Notion-ية في ساعات بدل أسابيع.

وفيه طبقات جاهزة للتعاون اللحظي والـ AI (اقتراحات وإكمال جوه المحرر) لو المنتج محتاجها.

لمن هذه الأداة؟

محرر مقالات لموقع محتوى
Slash commands ومنشن زي Notion
تعاون لحظي على المستندات
إكمال AI جوه المحرر

التثبيت

إعداد Claude Code

npm install @tiptap/react @tiptap/starter-kit

زيارة المصدر (tiptap.dev)

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

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

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

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

سيرفرات مشابهة

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

Figma MCP Server

تحويل تصاميم Figma إلى كود مباشرة مع الحفاظ على الأنماط والمكونات.

Claude Code Cursor Windsurf

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

Storybook Component Docs

إنشاء توثيق تفاعلي لمكونات الواجهة مع أمثلة حية وحالات استخدام.

Claude Code Copilot Cursor

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

Tailwind CSS IntelliSense

إكمال تلقائي ذكي لأصناف Tailwind مع معاينة الألوان والقيم أثناء الكتابة.

Claude Code Copilot Cursor