styling-system

This skill guides you through CSS architecture decisions and implementation using GoodVibes precision tools. Use this workflow when setting up styling infrastructure, creating design systems, or implementing theming and responsive patterns.

Trigger phrases: "setup styling", "add Tailwind", "implement dark mode", "design tokens", "responsive design", "CSS architecture", "theme system".

Before making styling decisions, understand the project's current state.

قم بالتحميل بشكل استباقي عندما تتضمن المهمة بنية CSS أو السمات أو أنظمة التصميم المرئي. يُستخدم عندما يقول المستخدم "إعداد Tailwind"، أو "إضافة وضع مظلم"، أو "إنشاء نظام تصميم"، أو "جعله مستجيبًا"، أو "تكوين السمة". يغطي تكوين Tailwind والمكونات الإضافية المخصصة، وأنظمة الرموز المميزة للتصميم، واستراتيجيات نقاط التوقف سريعة الاستجابة، وتنفيذ الوضع المظلم، وأنماط متغيرات المكونات (CVA/class-variance-authority)، وبدائل CSS-in-JS، وأنماط الرسوم المتحركة. المصدر: mgd34msu/goodvibes-plugin.