جارٍ التحميل…
حوّل واجهات مرجعية إلى «حمض نووي تصميمي» بصيغة JSON ثم ولّد واجهات مطابقة.
مهارة تلتقط الهوية البصرية لتصميم ما في ملفّ مقروء آليًا بثلاثة أبعاد: رموز التصميم (الألوان والخطوط والمسافات والحركة) والأسلوب النوعي (المزاج والتركيب وصوت العلامة) والمؤثّرات البصرية (WebGL والجسيمات والزجاجية وغيرها). تعمل على ثلاث مراحل: الهيكلة، وتحليل لقطات الشاشة أو الروابط، ثم توليد صفحة HTML/CSS/JS مستقلّة تتبع الملفّ. ويمكن حفظ الـ JSON وإعادة استعماله. للمصمّمين ومطوّري الواجهات.
تنبيه: قد يخلّ نسخ هوية بصرية لطرف ثالث بحقوق التصميم أو العلامة التجارية؛ استعمل مراجع يحقّ لك إعادة استعمالها.
الصق هذا الطلب في Claude Code: يقرأ ملف README ويثبّت معك، ويعرض كلّ أمر قبل تنفيذه.
ثبّت في Claude Code مهارات «design-dna» (https://github.com/zanwei/design-dna). - اقرأ ملف README واتّبع طريقة التثبيت التي يوصي بها. يذكر ملف README هذا الأمر: `npx skills add zanwei/design-dna`. - إن كان التثبيت يمرّ بأوامر /plugin فأعطني إيّاها لأكتبها بنفسي؛ وإلا فانسخ كلّ مجلّد مهارة (الذي يحتوي على SKILL.md) إلى ~/.claude/skills. - اشرح لي ما يفعله كلّ أمر قبل تنفيذه. - في النهاية، اعرض المهارات المثبّتة واقترح عليّ أوّل طلب لتجربتها.
بعد التثبيت، جرّب مثلًا:
حلّل لقطات الشاشة الثلاث هذه وأعطني ملف Design DNA بصيغة JSON.
استعمل هذا الـ Design DNA لبناء صفحة هبوط لمقهاي.
أرني حقول المخطّط لأملأها يدويًا.
1.0.0