·design-engineer-mindset
</>

design-engineer-mindset

فهم دور مهندس التصميم - سد التصميم والتنفيذ. تعلم كيفية التفكير في التصميم كرمز، وفهم خطوط العرض، وتحسين أداء الرسوم المتحركة، والتأكد من دقة التصميم من خلال التنفيذ. يُستخدم عند ترجمة التصميمات إلى تعليمات برمجية أو تحسين الأداء أو ضمان الجودة من خلال التطوير.

25التثبيتات·1الرائج·@sanky369

التثبيت

$npx skills add https://github.com/sanky369/vibe-building-skills --skill design-engineer-mindset

كيفية تثبيت design-engineer-mindset

ثبّت مهارة الذكاء الاصطناعي design-engineer-mindset بسرعة في بيئة التطوير لديك عبر سطر الأوامر

  1. افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
  2. نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/sanky369/vibe-building-skills --skill design-engineer-mindset
  3. تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

المصدر: sanky369/vibe-building-skills.

The Design Engineer is a unified role that bridges the traditional gap between design and implementation. Unlike a designer who hands off static mockups, or a developer who approximates designs, the Design Engineer understands that the medium of digital design is code.

This skill teaches you to think like a design engineer: understanding rendering pipelines, animation performance, and the physics of the browser as your design material.

Result: The final product never matches the design. Subtle animations are removed. Spacing is approximated. Interactions feel wrong.

فهم دور مهندس التصميم - سد التصميم والتنفيذ. تعلم كيفية التفكير في التصميم كرمز، وفهم خطوط العرض، وتحسين أداء الرسوم المتحركة، والتأكد من دقة التصميم من خلال التنفيذ. يُستخدم عند ترجمة التصميمات إلى تعليمات برمجية أو تحسين الأداء أو ضمان الجودة من خلال التطوير. المصدر: sanky369/vibe-building-skills.

حقائق جاهزة للاقتباس

حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.

أمر التثبيت
npx skills add https://github.com/sanky369/vibe-building-skills --skill design-engineer-mindset
الفئة
</>أدوات التطوير
موثق
أول ظهور
2026-02-01
آخر تحديث
2026-03-11

Browse more skills from sanky369/vibe-building-skills

إجابات سريعة

ما هي design-engineer-mindset؟

فهم دور مهندس التصميم - سد التصميم والتنفيذ. تعلم كيفية التفكير في التصميم كرمز، وفهم خطوط العرض، وتحسين أداء الرسوم المتحركة، والتأكد من دقة التصميم من خلال التنفيذ. يُستخدم عند ترجمة التصميمات إلى تعليمات برمجية أو تحسين الأداء أو ضمان الجودة من خلال التطوير. المصدر: sanky369/vibe-building-skills.

كيف أثبّت design-engineer-mindset؟

افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/sanky369/vibe-building-skills --skill design-engineer-mindset بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

أين مستودع المصدر؟

https://github.com/sanky369/vibe-building-skills

التفاصيل

الفئة
</>أدوات التطوير
المصدر
skills.sh
أول ظهور
2026-02-01