·tailwind-patterns
</>

tailwind-patterns

✓
jezweb/claude-skillsGitHub: jezweb/claude-skillsИсточник: jezweb/claude-skills

Готовые к использованию CSS-шаблоны Tailwind для распространенных компонентов веб-сайта: адаптивные макеты, карточки, навигация, формы, кнопки и типографика. Включает шкалу интервалов, точки останова, шаблоны, ориентированные на мобильные устройства, и поддержку темного режима. Используйте при создании компонентов пользовательского интерфейса, создании целевых страниц, стилизации форм, реализации навигации или исправлении адаптивных макетов.

jezweb·tailwind·patterns
1.1KУстановки·0Тренд·@jezweb

Установка

GitHub: jezweb/claude-skills
$npx skills add https://github.com/jezweb/claude-skills --skill tailwind-patterns

Как установить tailwind-patterns

Быстро установите AI-навык tailwind-patterns в вашу среду разработки через командную строку

  1. Откройте терминал: Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.)
  2. Выполните команду установки: Скопируйте и выполните эту команду: npx skills add https://github.com/jezweb/claude-skills --skill tailwind-patterns
  3. Проверьте установку: После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Источник: jezweb/claude-skills.

SKILL.md

Показать raw

Status: Production Ready ✅ Last Updated: 2026-01-14 Tailwind Compatibility: v3.x and v4.x Source: Production projects, shadcn/ui patterns

| Tight spacing | gap-2 p-2 space-y-2 | 0.5rem (8px) | | Standard spacing | gap-4 p-4 space-y-4 | 1rem (16px) | | Comfortable | gap-6 p-6 space-y-6 | 1.5rem (24px) | | Loose | gap-8 p-8 space-y-8 | 2rem (32px) | | Section spacing | py-16 sm:py-24 | 4rem/6rem (64px/96px) |

Standard Pattern: Use increments of 4 (4, 6, 8, 12, 16, 24)

Готовые к использованию CSS-шаблоны Tailwind для распространенных компонентов веб-сайта: адаптивные макеты, карточки, навигация, формы, кнопки и типографика. Включает шкалу интервалов, точки останова, шаблоны, ориентированные на мобильные устройства, и поддержку темного режима. Используйте при создании компонентов пользовательского интерфейса, создании целевых страниц, стилизации форм, реализации навигации или исправлении адаптивных макетов. Источник: jezweb/claude-skills.

Факты (для цитирования)

Стабильные поля и команды для ссылок в AI/поиске.

Команда установки
npx skills add https://github.com/jezweb/claude-skills --skill tailwind-patterns
Источник
jezweb/claude-skills
Категория
</>Разработка
Проверено
✓
Впервые замечено
2026-02-01
Обновлено
2026-03-10
URL
https://www.learn-skills.dev/ru/skills/jezweb/claude-skills/tailwind-patterns

Browse more skills from jezweb/claude-skills

Короткие ответы

Что такое tailwind-patterns?

Готовые к использованию CSS-шаблоны Tailwind для распространенных компонентов веб-сайта: адаптивные макеты, карточки, навигация, формы, кнопки и типографика. Включает шкалу интервалов, точки останова, шаблоны, ориентированные на мобильные устройства, и поддержку темного режима. Используйте при создании компонентов пользовательского интерфейса, создании целевых страниц, стилизации форм, реализации навигации или исправлении адаптивных макетов. Источник: jezweb/claude-skills.

Как установить tailwind-patterns?

Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/jezweb/claude-skills --skill tailwind-patterns После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Где находится исходный репозиторий?

https://github.com/jezweb/claude-skills

Детали

Категория
</>Разработка
Источник
skills.sh
Впервые замечено
2026-02-01

Похожие навыки

tailwind-v4-shadcn
2.7K Установки
tanstack-query
2.5K Установки
fastapi
2.0K Установки
zustand-state-management
1.2K Установки
react-hook-form-zod
1.2K Установки
nextjs
1.0K Установки