timepicker-ui-mcp — MCP-сервер для Claude Code: функции и установка
MCP-сервер даёт ассистенту доступ к API библиотеки timepicker-ui, её темам оформления, валидации времени и сниппетам для веб-форм.
claude mcp add timepicker-ui-mcp -- npx -y timepicker-ui-mcpЧто делает timepicker-ui-mcp
Сервер подключает языковую модель к документации веб-библиотеки timepicker-ui. Инструмент передаёт ассистенту сигнатуры публичных методов, параметры для 12- и 24-часовых форматов, правила блокировки времени через isTimeDisabled и готовые фрагменты кода.
Библиотека работает без сторонних зависимостей в чистом JavaScript, React или Vue. Через MCP ассистент подбирает темы оформления вроде crane или dark, а также конфигурирует плагины диапазонов без ручного поиска по сайту документации.
Запуск сервера выполняется через npx, поэтому в окружении требуется рабочая среда Node.js. Стили main.css нужно подключать в проект вручную, иначе интерфейс селектора останется без стилей.
Какие задачи решает
- Собрать код инициализации TimepickerUI с нужной темой оформления
- Настроить функцию блокировки интервалов времени в форме
- Подключить плагины диапазонов дат без ошибок в опциях
- Найти сигнатуры публичных методов экземпляра селектора
Примеры запросов агенту
- Покажи пример инициализации TimepickerUI в 24-часовом режиме с тёмной темой
- Как заблокировать выбор ночных часов через isTimeDisabled в timepicker-ui?
- Сгенерируй код для выбора диапазона времени с помощью RangePlugin
Как установить timepicker-ui-mcp
Командой платформы
claude mcp add timepicker-ui-mcp -- npx -y timepicker-ui-mcpКомандой платформы
codex mcp add timepicker-ui-mcp -- npx -y timepicker-ui-mcpФайл настроек
{
"mcpServers": {
"timepicker-ui-mcp": {
"command": "npx",
"args": [
"-y",
"timepicker-ui-mcp"
]
}
}
}Файл настроек
{
"servers": {
"timepicker-ui-mcp": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"timepicker-ui-mcp"
]
}
}
}Командой платформы
gemini mcp add timepicker-ui-mcp npx -y timepicker-ui-mcpПо шагам, с командами для каждой платформы: Как подключить MCP-сервер: Claude Code, Codex, Cursor, VS Code, Gemini CLI и другие
Вопросы о timepicker-ui-mcp
Как установить timepicker-ui-mcp в Claude Code?
Выполните команду claude mcp add timepicker-ui-mcp -- npx -y timepicker-ui-mcp. После перезапуска сессии агент получит доступ к инструментам библиотеки.
Что делает timepicker-ui-mcp?
Сервер снабжает ИИ справочной информацией по библиотеке timepicker-ui: опциями инициализации, событиями, темами, валидацией времени и сниппетами.
Нужны ли внешние библиотеки для работы самого timepicker-ui?
Нет, ядро библиотеки работает без сторонних зависимостей и весит около 27 КБ в сжатом виде.
