إنشاء أو إضفاء الطابع الرسمي على أساس نظام التصميم الخاص بك. قم بإنشاء رموز التصميم المميزة (اللون والطباعة والتباعد والظلال والحدود)، وحدد بنية المكونات، ومبادئ تصميم المستندات، وقم ببناء البنية التي تتيح الاتساق وقابلية التوسع. يعمل مع Tailwind CSS والأساليب المحايدة لإطار العمل.
ثبّت مهارة الذكاء الاصطناعي design-foundation بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: sanky369/vibe-building-skills.
A design foundation is the bedrock upon which all great products are built. It's not just a collection of colors and fonts—it's a system of decisions that enables your team to build consistently, quickly, and with intention.
This skill helps you create or formalize your design foundation, whether you're starting from scratch or documenting what already exists. It covers design tokens, component structure, design principles documentation, and the governance model for your system.
Modern design systems are built on the concept of design tokens—named entities that store design decisions. Rather than hardcoding colors or spacing values throughout your codebase, tokens centralize these decisions, making them easy to maintain, theme, and scale.
إنشاء أو إضفاء الطابع الرسمي على أساس نظام التصميم الخاص بك. قم بإنشاء رموز التصميم المميزة (اللون والطباعة والتباعد والظلال والحدود)، وحدد بنية المكونات، ومبادئ تصميم المستندات، وقم ببناء البنية التي تتيح الاتساق وقابلية التوسع. يعمل مع Tailwind CSS والأساليب المحايدة لإطار العمل. المصدر: sanky369/vibe-building-skills.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/sanky369/vibe-building-skills --skill design-foundationإنشاء أو إضفاء الطابع الرسمي على أساس نظام التصميم الخاص بك. قم بإنشاء رموز التصميم المميزة (اللون والطباعة والتباعد والظلال والحدود)، وحدد بنية المكونات، ومبادئ تصميم المستندات، وقم ببناء البنية التي تتيح الاتساق وقابلية التوسع. يعمل مع Tailwind CSS والأساليب المحايدة لإطار العمل. المصدر: sanky369/vibe-building-skills.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/sanky369/vibe-building-skills --skill design-foundation بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/sanky369/vibe-building-skills