Loading…
حوّل واجهات مرجعية إلى «حمض نووي تصميمي» بصيغة JSON ثم ولّد واجهات مطابقة.
مهارة تلتقط الهوية البصرية لتصميم ما في ملفّ مقروء آليًا بثلاثة أبعاد: رموز التصميم (الألوان والخطوط والمسافات والحركة) والأسلوب النوعي (المزاج والتركيب وصوت العلامة) والمؤثّرات البصرية (WebGL والجسيمات والزجاجية وغيرها). تعمل على ثلاث مراحل: الهيكلة، وتحليل لقطات الشاشة أو الروابط، ثم توليد صفحة HTML/CSS/JS مستقلّة تتبع الملفّ. ويمكن حفظ الـ JSON وإعادة استعماله. للمصمّمين ومطوّري الواجهات.
تنبيه: قد يخلّ نسخ هوية بصرية لطرف ثالث بحقوق التصميم أو العلامة التجارية؛ استعمل مراجع يحقّ لك إعادة استعمالها.
Paste this prompt into Claude Code: it reads the README and installs it with you, showing each command before running it.
Install the agent skills of “design-dna” (https://github.com/zanwei/design-dna) in Claude Code. - Read the README and follow the installation method it recommends. The README documents this command: `npx skills add zanwei/design-dna`. - If it requires /plugin commands, give them to me to type myself; otherwise copy each skill folder (the one containing a SKILL.md) into ~/.claude/skills. - Tell me what each command does before running it. - When done, list the installed skills and suggest a first request to try them.
Once installed, try for example:
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