MCP HubMCP Hub
SKILL·BE6082

Tailwind CSS Design System

ThamJiaHe
Обновлено 1 month ago
8 просмотров
67
11
67
Посмотреть на GitHub
Метаaidesign

О программе

Этот навык помогает разработчикам создавать согласованные и доступные UI-компоненты с использованием Tailwind CSS, интеграцией shadcn/ui и пользовательских дизайн-токенов. Он предоставляет системные паттерны для композиции компонентов, адаптивных макетов, тёмного режима и оптимизации производительности CSS. Используйте его при стилизации компонентов, создании дизайн-систем или реализации адаптивного интерфейса.

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

Claude Code

Рекомендуется
Основной
npx skills add ThamJiaHe/claude-prompt-engineering-guide -a claude-code
Команда плагинаАльтернативный
/plugin add https://github.com/ThamJiaHe/claude-prompt-engineering-guide
Git клонированиеАльтернативный
git clone https://github.com/ThamJiaHe/claude-prompt-engineering-guide.git ~/.claude/skills/Tailwind CSS Design System

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

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

ThamJiaHe/claude-prompt-engineering-guide
Путь: skills/examples/tailwind-design-system-skill.md
0
aianthropic-claudeclaudeclaude-aiclaude-codeclaude-skills
FAQ

Frequently asked questions

What is the Tailwind CSS Design System skill?

Tailwind CSS Design System is a Claude Skill by ThamJiaHe. Skills package instructions and resources that Claude loads on demand, so Claude can perform Tailwind CSS Design System-related tasks without extra prompting.

How do I install Tailwind CSS Design System?

Use the install commands on this page: add Tailwind CSS Design System 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 CSS Design System belong to?

Tailwind CSS Design System is in the Meta category, tagged ai and design.

Is Tailwind CSS Design System free to use?

Yes. Tailwind CSS Design System is listed on AIMCP and free to install. It runs inside Claude, so no separate service account is required to use the skill itself.

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

content-collections
Мета

Этот навык предоставляет проверенную в продакшене настройку для Content Collections — TypeScript-ориентированного инструмента, который преобразует файлы Markdown/MDX в типобезопасные коллекции данных с валидацией Zod. Используйте его при создании блогов, сайтов документации или контентных приложений на Vite + React для обеспечения типобезопасности и автоматической проверки содержимого. Он охватывает всё: от настройки плагина Vite и компиляции MDX до оптимизации развертывания и валидации схем.

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

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

Просмотреть навык
creating-opencode-plugins
Мета

Этот навык помогает разработчикам создавать плагины OpenCode, которые подключаются к более чем 25 типам событий, таким как команды, файлы и операции LSP. Он предоставляет структуру плагина, спецификации API событий и шаблоны реализации для модулей на JavaScript/TypeScript. Используйте его, когда вам нужно перехватывать, отслеживать или расширять жизненный цикл ассистента OpenCode AI с помощью пользовательской событийно-ориентированной логики.

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

SGLang — это высокопроизводительный фреймворк для обслуживания больших языковых моделей (LLM), специализирующийся на быстрой структурированной генерации JSON, regex и рабочих процессов агентов с использованием кэширования префиксов RadixAttention. Он обеспечивает значительно более высокую скорость вывода, особенно для задач с повторяющимися префиксами, что делает его идеальным для сложных структурированных результатов и многократных диалогов. Выбирайте SGLang вместо альтернатив, таких как vLLM, когда вам требуется ограниченное декодирование или вы создаете приложения с интенсивным совместным использованием префиксов.

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