timepicker-ui MCP
Справочник библиотеки timepicker-ui для агента: опции, события, темы, готовые сниппеты и проверка времени без чтения документации
- 102 ★ репозитория
- Последний коммит
- MIT
Минимальный доступ
Почему такой уровень
- Все инструменты только читают справочные данные и помечены `readOnlyHint`, файлов проекта сервер не касается
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add mcp/timepicker-ui-mcpОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемМинимальный доступИнструмент ничего не запускает и не ходит в сеть.
- Все инструменты только читают справочные данные и помечены `readOnlyHint`, файлов проекта сервер не касается
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
MCP-сервер к библиотеке timepicker-ui, выбору времени для веб-форм на чистом JavaScript. Агент находит в нем опции, события, переменные CSS, классы и темы, а не угадывает их названия по памяти. Данные генерируются из исходников библиотеки и сайта документации, поэтому устаревшие опции помечены и по умолчанию скрыты из списков. Сервер отдает 17 инструментов: поиск по справочнику, разбор одной опции (`explain_option`), список методов, режимов и плагинов, рецепты для React, Next.js, Vue, Angular и Svelte, руководства по миграции между версиями. `generate_snippet` собирает код подключения с нужной темой и режимом, `generate_custom_theme` выдает CSS своей темы, а `validate_time` и `validate_disabled_time` проверяют значения и конфиг запрещенных интервалов. Все инструменты только читают справочные данные.
Для кого. Фронтендерам, которые ставят timepicker-ui в форму и хотят, чтобы агент подбирал опции и переносил код со старых версий без ошибок в названиях.
Подходит, если
- Выбор времени подключают в Next.js, и агенту нужен готовый сниппет с учетом рендера на сервере
- Код на версии 3 или 4.x надо перевести на сгруппированные опции, а агент путает переименованные поля
- Окно времени должно блокировать часы по расписанию, и конфиг `disabledTime` хочется проверить до запуска
- Компоненту нужна своя тема, и CSS-переменные `--tp-` проще получить заготовкой, чем выписывать вручную
Не подходит, если
- В проекте другая библиотека выбора времени: сервер знает только timepicker-ui
- Нужно поправить сам код библиотеки: сервер читает справочник и в исходники не пишет
- Достаточно одной страницы документации: проще открыть сайт timepicker-ui.vercel.app
Пример запроса к агенту
Подключи timepicker-ui в Next.js с темой Dark в режиме колеса и запретом времени с 12:00 до 14:00, затем проверь конфиг запретаMCP
- Транспорт
- stdio
- Авторизация
- не нужна
Ограничения
Сервер запускается по stdio и требует Node.js 20 или новее. Справочник описывает одну библиотеку и ее версии, остальное агенту придется искать отдельно. Часть данных, то есть темы, режимы, плагины, список методов и рецепты для фреймворков, написана вручную и может отстать от выхода новой версии библиотеки. Руководство перехода на версию 5 помечено как черновик. На Windows без WSL `npx` запускают через обертку `cmd /c`. Ключи API и переменные окружения не нужны.
Как отключить. Выполните `claude mcp remove timepicker-ui` или удалите запись `timepicker-ui` из `claude_desktop_config.json`, затем перезапустите клиент.
Частые вопросы
Как поставить timepicker-ui MCP в Claude Code?
Командой `claude mcp add --scope user timepicker-ui -- npx -y timepicker-ui-mcp`. Без `--scope user` сервер появится только в текущем проекте. После установки `claude mcp list` покажет статус Connected.
Нужны ли ключи API?
Нет, сервер работает без ключей и переменных окружения и только читает справочные данные библиотеки.
Какие фреймворки покрывают рецепты?
Vanilla JS, React, обертка timepicker-ui-react, Next.js, Vue, Angular и Svelte, с заметками по рендеру на сервере.
Как подключить к Claude Desktop?
В `claude_desktop_config.json` добавьте запись в `mcpServers` с командой `node` и путем к собранному `build/index.js`, затем перезапустите Claude Desktop.
Что проверяет `validate_time`?
Строки вида `HH:MM`, `HH:MM:SS`, `h:MM AM/PM` и `h:MM:SS AM/PM` для 12-часовых и 24-часовых часов.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
MCP-серверыMCP-сервер библиотеки React-компонентов для интерфейсов агентов: агент находит компонент и добавляет его в проект
MCP-сервер и плагин для сборки интерфейса с агентом: курируемые дизайн-системы, промпты для UI и варианты верстки
MCP-сервер Chakra UI: справочник по компонентам, свойствам и токенам темы плюс разбор кода при переходе с версии 2 на 3
MCP-сервер @microcharts/mcp: агент подбирает тип из 106 мини-графиков React, берет готовые props и получает SVG с описанием
MCP-сервер и плагин 21st.dev: поиск готовых React/Tailwind компонентов, логотипов и генерация интерфейса прямо из агента
MCP-сервер и расширение Chrome: выбираете элемент DOM в браузере по Option+клику, агент видит его текст, стили и селектор
Коротко о README
Описание инструментов с таблицами, список ресурсов и подсказок, затем сборка и тесты, происхождение данных и настройка для Claude Code и Claude Desktop.