Preline UI — скилл
Скиллы Preline UI для агентов: сборка интерфейсов из компонентов Tailwind CSS и генерация тем по токенам
- 6 524 ★ репозитория
- Последний коммит
Расширенный доступ
Почему такой уровень
- Скилл theme-generator запускает Node.js-скрипты, которые генерируют файл темы в проекте
- Скилл preline-mcp рассчитан на отдельный MCP-сервер Preline с каталогом компонентов
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add skills/preline-uiОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемРасширенный доступИнструмент запускает код или ходит в сеть, а внешние данные только читает.
- Скилл theme-generator запускает Node.js-скрипты, которые генерируют файл темы в проекте
- Скилл preline-mcp рассчитан на отдельный MCP-сервер Preline с каталогом компонентов
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Preline UI это открытая библиотека компонентов на Tailwind CSS: блоки, шаблоны и headless-плагины для интерфейсов. Для агентных инструментов вроде Claude Code, Cursor и Gemini CLI в репозитории есть Agent Skills. Скилл preline-mcp дает агенту карту каталога компонентов, справочник инструментов и подсказки по составным макетам, чтобы собирать разметку из готовых блоков Preline. Скилл theme-generator ведет генерацию темы: работа с палитрой, токенами, проверочным списком и скриптами вывода стилей. Скиллы ставятся одной командой, а сама библиотека подключается через npm.
Для кого. Для дизайнеров и фронтенд-разработчиков, которые собирают интерфейсы на Tailwind CSS и хотят, чтобы агент делал это по компонентам Preline.
Подходит, если
- Нужно, чтобы агент собрал страницу из готовых блоков Preline
- Нужна генерация темы Preline по палитре и токенам
- Нужны единообразные интерфейсные паттерны на Tailwind CSS
Не подходит, если
- Проект не на Tailwind CSS
- Нужна готовая библиотека компонентов для React или Vue, а не разметка и плагины
Пример запроса к агенту
Собери из блоков Preline страницу с ценами и сгенерируй тему в фирменных цветахОграничения
Скиллы рассчитаны на проект с Tailwind CSS: сама библиотека Preline подключается отдельно через npm. Компоненты Preline это разметка и headless-плагины, а не готовые React или Vue компоненты. Скиллы помогают собирать и оформлять интерфейс, но не заменяют проверку доступности и верстки.
Как отключить. Удалите папки скиллов preline-mcp и theme-generator из каталога скиллов агента.
Частые вопросы
Скилл preline-mcp это MCP-сервер?
Нет. Это Agent Skill с картой каталога и справочником, а не запускаемый MCP-сервер.
Нужна ли отдельно библиотека?
Да. Скиллы помогают собирать интерфейс, но саму Preline нужно подключить в проект через npm.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
СкиллыСкилл Nuxt UI v4: агент строит интерфейсы на Vue и Nuxt, подбирает компоненты, настраивает тему и верстает формы и дашборды
Официальный скилл и плагин daisyUI: агент верстает интерфейсы на Tailwind CSS готовыми классами компонентов, цветов и тем
Скилл правит интерфейс в живом коде без лишних зависимостей: компоненты, секции, страницы и RTL с арабским под ваш стек
Скиллы Material UI
Material UI agent skills
Четыре официальных скилла Material UI: стилизация, темы, интеграция с Next.js и совместная работа с Tailwind CSS
Скилл учит агента собирать чат ИИ-агента на 26 компонентах Agent Elements: карточки инструментов, ввод, стриминг
Скилл и CLI для агентов: интерфейс без шаблонного вида, 25 команд, проверка шаблонности правилами и оценка качества от 0 до 100
Коротко о README
README описывает Preline UI как открытую библиотеку компонентов на Tailwind CSS: блоки, шаблоны, headless-плагины, дизайн-система в Figma и темы. Показана установка через npm и подключение вариантов, стилей и скрипта в проект. Отдельный раздел про Agent Skills для Cursor, Claude Code и Gemini CLI, которые ставятся командой npx skills add и помогают автоматизировать генерацию тем и работу с интерфейсом. Перечислены компоненты и плагины по категориям, отмечена встроенная доступность. Лицензия MIT.