Chargement…
حوّل واجهات مرجعية إلى «حمض نووي تصميمي» بصيغة JSON ثم ولّد واجهات مطابقة.
مهارة تلتقط الهوية البصرية لتصميم ما في ملفّ مقروء آليًا بثلاثة أبعاد: رموز التصميم (الألوان والخطوط والمسافات والحركة) والأسلوب النوعي (المزاج والتركيب وصوت العلامة) والمؤثّرات البصرية (WebGL والجسيمات والزجاجية وغيرها). تعمل على ثلاث مراحل: الهيكلة، وتحليل لقطات الشاشة أو الروابط، ثم توليد صفحة HTML/CSS/JS مستقلّة تتبع الملفّ. ويمكن حفظ الـ JSON وإعادة استعماله. للمصمّمين ومطوّري الواجهات.
تنبيه: قد يخلّ نسخ هوية بصرية لطرف ثالث بحقوق التصميم أو العلامة التجارية؛ استعمل مراجع يحقّ لك إعادة استعمالها.
Collez ce prompt dans Claude Code : il lit le README et fait l’installation avec vous, en montrant chaque commande avant de la lancer.
Installe dans Claude Code les skills de « design-dna » (https://github.com/zanwei/design-dna). - Lis le README et suis la méthode d'installation qu'il recommande. Le README indique cette commande : `npx skills add zanwei/design-dna`. - Si l'installation passe par des commandes /plugin, donne-les-moi pour que je les tape ; sinon copie chaque dossier de skill (celui qui contient un SKILL.md) dans ~/.claude/skills. - Dis-moi ce que fait chaque commande avant de la lancer. - À la fin, liste les skills installées et propose-moi une première demande pour les essayer.
Une fois installé, essayez par exemple :
Analyze these three screenshots and give me the Design DNA JSON.
Use this Design DNA to build a landing page for my coffee shop.
Show me the schema fields so I can fill them by hand.
1.0.0