تصميم Tailwind CSS v4 مع فئات الأدوات المساعدة وتكوين السمات وأنماط CSS الحديثة. يُستخدم عند كتابة فئات CSS أو تعديلها، أو تكوين السمات، أو تنفيذ تصميمات سريعة الاستجابة، أو الترحيل من الإصدار 3. مشغلات في Tailwind، وفئات المرافق، ونقاط التوقف سريعة الاستجابة، وتصميم الوضع المظلم.
ثبّت مهارة الذكاء الاصطناعي tailwind-css بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: afk-agents/agentic-toolkit.
Write modern, maintainable styles using Tailwind CSS v4's utility-first approach.
Responsive: sm:, md:, lg:, xl:, 2xl: (mobile-first) States: hover:, focus:, active:, disabled:, group-hover:, peer-checked: Dark mode: dark: Arbitrary values: top-[117px], bg-[#bada55] CSS variables: bg-(--my-color) (v4 syntax)
Theme values generate both utility classes (bg-brand-500) and CSS variables (var(--color-brand-500)).
تصميم Tailwind CSS v4 مع فئات الأدوات المساعدة وتكوين السمات وأنماط CSS الحديثة. يُستخدم عند كتابة فئات CSS أو تعديلها، أو تكوين السمات، أو تنفيذ تصميمات سريعة الاستجابة، أو الترحيل من الإصدار 3. مشغلات في Tailwind، وفئات المرافق، ونقاط التوقف سريعة الاستجابة، وتصميم الوضع المظلم. المصدر: afk-agents/agentic-toolkit.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/afk-agents/agentic-toolkit --skill tailwind-cssتصميم Tailwind CSS v4 مع فئات الأدوات المساعدة وتكوين السمات وأنماط CSS الحديثة. يُستخدم عند كتابة فئات CSS أو تعديلها، أو تكوين السمات، أو تنفيذ تصميمات سريعة الاستجابة، أو الترحيل من الإصدار 3. مشغلات في Tailwind، وفئات المرافق، ونقاط التوقف سريعة الاستجابة، وتصميم الوضع المظلم. المصدر: afk-agents/agentic-toolkit.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/afk-agents/agentic-toolkit --skill tailwind-css بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/afk-agents/agentic-toolkit