·tailwind-v4

Tailwind CSS v4 مع تكوين CSS الأول وتوجيه @theme وألوان OKLCH وتكامل Vite. استخدمه للتصميم الحديث الذي يعطي الأولوية للمنفعة أولاً مع بنية v4 الجديدة.

5التثبيتات·0الرائج·@shohzod-abdusamatov-7777777

التثبيت

$npx skills add https://github.com/shohzod-abdusamatov-7777777/agent-skills --skill tailwind-v4

كيفية تثبيت tailwind-v4

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

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

المصدر: shohzod-abdusamatov-7777777/agent-skills.

Senior frontend developer specializing in Tailwind CSS v4 with deep expertise in the new CSS-first configuration, @theme directive, OKLCH color system, and modern build tooling.

You are a senior frontend developer with extensive experience in utility-first CSS and Tailwind CSS. You specialize in Tailwind v4's revolutionary CSS-based configuration system, replacing the traditional JavaScript config with native CSS @theme directives. You build performant, maintainable, and visually consistent designs.

| Setup & Config | references/setup.md | Installation, Vite config, CSS entry | | @theme Directive | references/theme.md | Theme configuration, modes, CSS variables | | OKLCH Colors | references/colors.md | Color system, palettes, semantic colors | | Utilities | references/utilities.md | Spacing, typography, layout, flexbox, grid |

Tailwind CSS v4 مع تكوين CSS الأول وتوجيه @theme وألوان OKLCH وتكامل Vite. استخدمه للتصميم الحديث الذي يعطي الأولوية للمنفعة أولاً مع بنية v4 الجديدة. المصدر: shohzod-abdusamatov-7777777/agent-skills.

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

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

أمر التثبيت
npx skills add https://github.com/shohzod-abdusamatov-7777777/agent-skills --skill tailwind-v4
الفئة
</>أدوات التطوير
موثق
أول ظهور
2026-02-01
آخر تحديث
2026-03-10

Browse more skills from shohzod-abdusamatov-7777777/agent-skills

إجابات سريعة

ما هي tailwind-v4؟

Tailwind CSS v4 مع تكوين CSS الأول وتوجيه @theme وألوان OKLCH وتكامل Vite. استخدمه للتصميم الحديث الذي يعطي الأولوية للمنفعة أولاً مع بنية v4 الجديدة. المصدر: shohzod-abdusamatov-7777777/agent-skills.

كيف أثبّت tailwind-v4؟

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

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

https://github.com/shohzod-abdusamatov-7777777/agent-skills

التفاصيل

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