استخرج مواصفات تصميم JSON الشاملة من المصادر المرئية بما في ذلك صادرات Figma أو نماذج واجهة المستخدم أو لقطات الشاشة أو اللقطات المباشرة لموقع الويب. ينتج مخرجات متوافقة مع W3C DTCG مع أشجار المكونات، ومناسبة لإنشاء التعليمات البرمجية، ووثائق التصميم، وتسليم المطور.
ثبّت مهارة الذكاء الاصطناعي design-spec-extraction بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: cygnusfear/agent-skills.
Extract comprehensive, production-ready JSON design specifications from visual inputs using a 7-pass serial subtask architecture that ensures complete coverage and cross-validation.
The extraction produces JSON following the W3C Design Tokens Community Group (DTCG) 2025.10 format with extensions:
EVERY pass MUST write its output to a JSON file on disk. This is non-negotiable.
استخرج مواصفات تصميم JSON الشاملة من المصادر المرئية بما في ذلك صادرات Figma أو نماذج واجهة المستخدم أو لقطات الشاشة أو اللقطات المباشرة لموقع الويب. ينتج مخرجات متوافقة مع W3C DTCG مع أشجار المكونات، ومناسبة لإنشاء التعليمات البرمجية، ووثائق التصميم، وتسليم المطور. المصدر: cygnusfear/agent-skills.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/cygnusfear/agent-skills --skill design-spec-extractionاستخرج مواصفات تصميم JSON الشاملة من المصادر المرئية بما في ذلك صادرات Figma أو نماذج واجهة المستخدم أو لقطات الشاشة أو اللقطات المباشرة لموقع الويب. ينتج مخرجات متوافقة مع W3C DTCG مع أشجار المكونات، ومناسبة لإنشاء التعليمات البرمجية، ووثائق التصميم، وتسليم المطور. المصدر: cygnusfear/agent-skills.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/cygnusfear/agent-skills --skill design-spec-extraction بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/cygnusfear/agent-skills