MCP HubMCP Hub
SKILL·F66EC7

tailwind-v4-shadcn

jezweb
Обновлено 2 months ago
263 просмотров
33
4
33
Посмотреть на GitHub
Тестированиеwordreactaitestingdesign

О программе

Этот навык предоставляет готовую к продакшену настройку для интеграции Tailwind CSS v4 с shadcn/ui в React/Vite проектах. Используйте его при инициализации новых проектов, внедрении тёмной темы, отладке CSS-переменных или миграции с Tailwind v3. Он охватывает ключевые подходы, такие как встроенная конфигурация @theme, архитектура CSS-переменных, настройка ThemeProvider и типичные подводные камни миграции на v4.

Быстрая установка

Claude Code

Рекомендуется
Основной
npx skills add jezweb/claude-skills -a claude-code
Команда плагинаАльтернативный
/plugin add https://github.com/jezweb/claude-skills
Git клонированиеАльтернативный
git clone https://github.com/jezweb/claude-skills.git ~/.claude/skills/tailwind-v4-shadcn

Скопируйте и вставьте эту команду в Claude Code для установки этого навыка

GitHub репозиторий

jezweb/claude-skills
Путь: skills/tailwind-v4-shadcn
0
aiautomationclaude-codeclaude-skillscloudflarereact
FAQ

Frequently asked questions

What is the tailwind-v4-shadcn skill?

tailwind-v4-shadcn is a Claude Skill by jezweb. Skills package instructions and resources that Claude loads on demand, so Claude can perform tailwind-v4-shadcn-related tasks without extra prompting.

How do I install tailwind-v4-shadcn?

Use the install commands on this page: add tailwind-v4-shadcn to Claude Code as a plugin, or clone its repository into your skills directory, then restart Claude so it picks up the skill.

What category does tailwind-v4-shadcn belong to?

tailwind-v4-shadcn is in the Testing category, tagged word, react, ai, testing and design.

Is tailwind-v4-shadcn free to use?

Yes. tailwind-v4-shadcn is listed on AIMCP and free to install. It runs inside Claude, so no separate service account is required to use the skill itself.

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

evaluating-llms-harness
Тестирование

Этот навык Claude запускает lm-evaluation-harness для тестирования LLM на более чем 60 стандартизированных академических задачах, таких как MMLU и GSM8K. Он предназначен для разработчиков, чтобы сравнивать качество моделей, отслеживать прогресс обучения или сообщать академические результаты. Инструмент поддерживает различные бэкенды, включая модели HuggingFace и vLLM.

Просмотреть навык
cloudflare-cron-triggers
Тестирование

Этот навык предоставляет обширные знания по реализации Cloudflare Cron Triggers для планирования запуска Workers с помощью cron-выражений. Он охватывает настройку периодических задач, заданий технического обслуживания и автоматизированных рабочих процессов, а также решение распространенных проблем, таких как неверные cron-выражения и ошибки часовых поясов. Разработчики могут использовать его для настройки планировщиков обработчиков, тестирования cron-триггеров и интеграции с Workflows и Green Compute.

Просмотреть навык
webapp-testing
Тестирование

Этот навык Claude предоставляет инструментарий на базе Playwright для тестирования локальных веб-приложений с помощью Python-скриптов. Он позволяет проводить проверку фронтенда, отладку интерфейса, создание скриншотов и просмотр логов, одновременно управляя жизненным циклом сервера. Используйте его для задач автоматизации браузера, но запускайте скрипты напрямую, вместо чтения их исходного кода, чтобы избежать загрязнения контекста.

Просмотреть навык
finishing-a-development-branch
Тестирование

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

Просмотреть навык