DesignMD هو أداة CLI تستخرج أنظمة التصميم الحية من أي عنوان URL — الألوان، الطباعة، التباعد، فواصل الاستجابة، وحالات التفاعل — وتُنتج ملف DESIGN.md المحمول المحسّن لوكلاء البرمجة بالذكاء الاصطناعي.
مصدر مفتوح. آفاق جديدة.
اكتشف مشاريع مفتوحة المصدر عالية الجودة، وأرسل المشاريع بشكل مجهول، وطالب بمشروعك المفتوح المصدر وحرّره.
فضول صغير. عالم من المصادر المفتوحة.
THE FIRST COLLECTIONمهارة مفتوحة المصدر متوافقة مع Agent Skills لإنشاء مخططات draw.io قابلة للتعديل والاختبار من النصوص والكود والبنية التحتية، مع مزامنة تدريجية واختبارات CI وتصدير تفاعلي.
مجموعة من 39 نوعًا من الرسوم البيانية التحريرية كملفات HTML وSVG مستقلة لمساعدي البرمجة بالذكاء الاصطناعي مثل Claude Code وCodex. تتميز بمطابقة العلامة التجارية، وإمكانية الوصول، دون خطوات بناء، مع استيراد من draw.io أو Mermaid أو Excalidraw.
UI UX Pro Max هي مهارة ذكاء اصطناعي مفتوحة المصدر مخصصة لمساعدي كتابة الأكواد بالذكاء الاصطناعي مثل Claude Code و Cursor وغيرها. توفر ذكاء تصميمي يتضمن 79 نمط واجهة مستخدم قابل للبحث، و192 قاعدة استدلال خاصة بالقطاعات، و192 لوحة ألوان، و74 زوجًا من الخطوط، وإرشادات واجهة مستخدم/تجربة مستخدم خاصة بمكدسات التقنيات عبر 22 إطار عمل تقني.
Better Design هو خادم MCP مفتوح المصدر وسجل shadcn/ui يزود وكلاء البرمجة بالذكاء الاصطناعي بأنظمة التصميم، ورموز CSS الدلالية، ومبادئ واجهة المستخدم، وقواعد مراجعة WCAG، ويدعم عملاء مثل Claude Code وCursor وVS Code.
brandmd هي أداة CLI تستخرج نظام تصميم أي موقع إلكتروني إلى ملف DESIGN.md متوافق مع مواصفات @google/design.md، مما يوفر سياق العلامة التجارية لعملاء البرمجة مثل Claude Code وCursor قبل كتابة واجهة المستخدم. تعمل محلياً دون الحاجة لمفتاح API بشكل افتراضي.
مهارة Claude لفحص وإنشاء أنظمة تصميم Figma، توفر تدقيقات قراءة فقط (WCAG، امتثال الرموز، الحالات التفاعلية، إلخ) ووضع بناء ينشئ المكونات، يضيف فتحات، ويصدر اختياريًا ملف tokens.css وقواعد الذكاء الاصطناعي لتكامل سلس من التصميم إلى الكود。
استوديو فيديو متحرك مدعوم بالذكاء الاصطناعي لنظام macOS (Apple Silicon)، يضمن تصدير فيديوهات متطابقة تماماً على مستوى البايت.
خط إنتاج فعال في استهلاك الرموز يقوم بإعادة بناء الكائنات من الصور المرجعية إلى نماذج Three.js إجرائية تعتمد على الكود فقط.