extract-design-system: استخراج رموز تصميم من موقع عام

لمن يناسب

ثبّت هذه المهارة عندما تحتاج استنتاج رموز تصميم من موقع عام وتوليد JSON بداية وخصائص CSS مخصصة لمشروع محلي. التغطية الرسمية: colors وtypography وspacing وborder radius وshadows. تُستخدم كـ AI agent skill（Claude وCursor وCodex）أو standalone CLI.

تناسب من يريد starter tokens بسرعة لا مكتبة مكوّنات كاملة. يسرد المتن هؤلاء الوكلاء الثلاثة وCLI مستقلاً؛ لا تقرأه كدعم لواحد فقط. إن تعذّر الوصول العلني للموقع المستهدف، أو توقعت ترقيع إعداد الإطار أو إعادة كتابة التطبيق تلقائياً، فهذه المهارة لا تناسب.

الصفحة: https://github.com/arvindrk/extract-design-system

أول محاولة في 3 دقائق

أمر التثبيت هذا فقط:

npx skills add arvindrk/extract-design-system

الشروط المسبقة: لديك مشروع محلي وتنوي السحب من «صفحة واحدة يمكن الوصول إليها علناً»؛ وتقبل أنه سيكتب الملفات التي تسميها الوثائق. لا تسمِّ مجلداً غير ظاهر.

في أول محاولة راجع النطاق أولاً ولا تكتب الملفات فوراً. اطلب من الوكيل التأكيد: أي رموز يسحب، أي ملفات يولّد، وما لن يفعله. إشارة النجاح: ذكر colors / typography / spacing / border radius / shadows، وسرد .extract-design-system/raw.json و.extract-design-system/normalized.json وdesign-system/tokens.json وdesign-system/tokens.css؛ وإعادة صياغة Public websites only وSingle-page extraction workflow وStarter tokens, not a full component library وNo framework config patching or automatic app rewrites.

بعد التأكيد اطلب الاستخراج بالمثال الرسمي: https://stripe.com and generate starter token files for this project. إشارة النجاح: ظهور الملفات الأربعة وعدم تغيير إعداد الإطار. الصفحة تذكر standalone CLI بلا أمر تشغيل؛ لا تخترعه.

حالات الاستخدام

الحالة الأولى: سحب Stripe حسب المثال الرسمي. النص الأصلي Extract the design system from https://stripe.com and generate starter token files for this project. كتابة ملفات ووصول إلى الشبكة العامة؛ أكّد مجلد المشروع قبل التنفيذ. يمكن التحقق من ملفات رموز البداية لا مجموعة مكوّنات.

الحالة الثانية: صفحة عامة واحدة أخرى وما زال الناتج رموز بداية فقط. سلّم أي صفحة تُفتح علناً واطلب سحب الرموز فقط دون تغيير التطبيق. إشارة النجاح ما زالت تلك الملفات الرسمية الأربعة، ورفض الوكيل ترقيعات الإطار. لا تفترض أن موقعاً متعدد الصفحات سيُزحف بالكامل؛ المتن يقول single-page.

حدود الاستخدام

المواقع العامة فقط. الصفحات غير العامة أو التي تحتاج تسجيلاً خارج النطاق.

صفحة واحدة في كل مرة. الناتج starter tokens لا مكتبة مكوّنات كاملة.

لا framework config patching ولا automatic app rewrites.

مسارات الإخراج حسب المتن؛ لا تغيّر الأسماء ولا تحفظ في موضع غير مكتوب.

Claude وCursor وCodex وstandalone CLI في النص الأصلي؛ لا تكتب دعماً حصرياً. طريقة تشغيل CLI غير معطاة؛ لا تخترعها. لا تُكمل محددات أو جلسات مسجّلة أو نطاقاً جماعياً غير مكتوب.