MCP-сервер для реверс-инжиниринга нативных бинарников, приложений JavaScript/Electron, сборок .NET, сайтов и других целей с подтверждающими данными для каждого вывода.
320,3 тыс.81,2 тыс.TypeScriptMITОбновлён 12 часов назад
amaancoderx/npxskillui
CLI извлекает дизайн-систему сайта, репозитория или локального проекта в файлы, которые Claude Code использует для создания UI в том же стиле.
- Звёзды
- 2,418
- Форки
- 250
- Открытые issues
- 6
- Последний коммит
- 5 месяцев назад
Что это?
SkillUI — это инструмент командной строки, который анализирует работающий сайт, git-репозиторий или локальную кодовую базу и извлекает из них дизайн-систему: цветовые токены, шкалу типографики, сетку отступов и компоненты. Результат сохраняется в папку с файлами SKILL.md и CLAUDE.md, чтобы Claude Code мог автоматически загружать контекст дизайна, когда вы просите его создать UI.
Инструмент работает в нескольких режимах. Режим по умолчанию анализирует HTML, CSS, шрифты и токены без браузера. Режим Ultra использует Playwright, чтобы делать скриншоты страниц при прокрутке, фиксировать различия состояний при наведении и фокусе, CSS keyframes, паттерны компоновки и отпечатки DOM-компонентов. Режим Dir сканирует файлы .css, .scss, .ts, .tsx, .js и .jsx в поисках конфигурации Tailwind, CSS-переменных и паттернов токенов, а режим Repo клонирует публичный репозиторий и запускает для него режим Dir.
Для работы инструмента требуется Node.js версии 18 или новее. Сервисы ИИ и API-ключи не нужны, поскольку весь анализ выполняется локально. Для режима Ultra дополнительно потребуется установить Playwright вместе с Chromium.
Ключевые возможности
- 01Извлекает цветовые токены, типографику и отступы из URL, git-репозитория или локального каталога.
- 02Создаёт файлы SKILL.md и CLAUDE.md, которые Claude Code загружает автоматически.
- 03В режиме Ultra с помощью Playwright делает скриншоты при прокрутке и фиксирует различия состояний при наведении и фокусе, а также CSS-анимации.
- 04Сохраняет токены в файлах JSON и в виде CSS-переменных, а также добавляет шрифты Google Fonts.
- 05Полностью работает локально — модель ИИ и API-ключ не требуются.
Сценарии использования
- Воссоздание визуального стиля существующего сайта как отправной точки для новой посадочной страницы.
- Передача Claude Code контекста дизайна внутреннего приложения перед добавлением новых экранов.
- Документирование токенов дизайна кодовой базы, в которой нет письменного руководства по стилю.
Темы
Частые вопросы
- Что такое npxskillui?
- CLI извлекает дизайн-систему сайта, репозитория или локального проекта в файлы, которые Claude Code использует для создания UI в том же стиле. SkillUI — это инструмент командной строки, который анализирует работающий сайт, git-репозиторий или локальную кодовую базу и извлекает из них дизайн-систему: цветовые токены, шкалу типографики, сетку отступов и компоненты. Результат сохраняется в папку с файлами SKILL.md и CLAUDE.md, чтобы Claude Code мог автоматически загружать контекст дизайна, когда вы просите его создать UI.
- npxskillui можно использовать бесплатно? Какая у него лицензия?
- У npxskillui не указана лицензия. Код открыт, но без лицензии нет явного разрешения на его использование — уточните у автора, прежде чем на него полагаться.
- npxskillui всё ещё поддерживается?
- Обновлялся за последние 6 месяцев. Последний коммит в npxskillui — 7 мая 2026 г..
- Для чего можно использовать npxskillui?
- Воссоздание визуального стиля существующего сайта как отправной точки для новой посадочной страницы. Передача Claude Code контекста дизайна внутреннего приложения перед добавлением новых экранов. Документирование токенов дизайна кодовой базы, в которой нет письменного руководства по стилю.
- Где скачать npxskillui?
- Исходный код и инструкции по установке — на GitHub: https://github.com/amaancoderx/npxskillui
Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.
Похожие проекты
Rust CLI-прокси сжимает вывод shell-команд до передачи AI-агенту для программирования и сокращает расход токенов LLM на типичных командах разработчика.
83,9 тыс.5,3 тыс.RustApache-2.0Обновлён 7 часов назад
Локальный граф знаний о коде, который предоставляет AI-инструментам для разработки точный контекст ревью через MCP и CLI.
32,2 тыс.3 тыс.PythonMITОбновлён 3 дня назад
Приложение для компьютера, мобильных устройств, веба и CLI, которое запускает и координирует несколько coding agents, например Claude Code, Codex и OpenCode, в отдельных worktree.
21,3 тыс.2,5 тыс.TypeScriptOtherОбновлён 14 часов назад
Бесплатная библиотека компонентов с открытым исходным кодом: готовые UI-компоненты доступны в виде классов поверх Tailwind CSS.
42,6 тыс.1,7 тыс.JavaScriptMITОбновлён позавчера
Слой оркестрации мультиагентной работы для Claude Code: координирует специализированных агентов, командные пайплайны и параллельное выполнение через CLI в терминале или навыки внутри сессии.
40 тыс.3,6 тыс.TypeScriptMITОбновлён 14 часов назад