Tele UX-UI-Motion Skill MCP

MCP-сервис на основе Model Context Protocol, предоставляющий AI-агентам возможности просмотра, поиска и чтения библиотеки навыков UI/UX/анимации.

Включает 198 навыков дизайна в 17 областях, дистиллированных из 10 open-source дизайн-проектов.

Проекты-источники:

Быстрый старт · Категории библиотеки навыков · Рабочий процесс · Благодарности

Введение

При создании фронтенд-интерфейсов AI-агентам часто не хватает систематических дизайн-знаний: они не знают, что такое глассморфизм, не разбираются в требованиях WCAG к контрастности, не умеют писать анимации на GSAP. Идея проекта — превратить качественные open-source дизайн-знания в структурированные файлы навыков и предоставить к ним доступ агенту через MCP-протокол, чтобы он мог обращаться к ним по мере необходимости, как к словарю.

Агенту не нужно постоянно переключаться между дизайн-знаниями и кодом проекта. Благодаря пошаговому рабочему процессу он постепенно ищет, читает и применяет навыки и в итоге создаёт интерфейсы, соответствующие профессиональным стандартам дизайна.

Основные возможности

• Просмотр — детализация по 17 основным категориям для изучения структуры библиотеки навыков

• Поиск — глобальный или в пределах категории поиск по ключевым словам для быстрого нахождения нужного навыка

• Чтение — получение полного руководства по навыку: принципы, паттерны, примеры кода

• Запрос ключевых слов — просмотр всех ключевых слов навыка для точного поиска

• Пошаговое руководство — рабочий процесс агента из 5 шагов: от обнаружения до готового результата

Related MCP server: AceternityUI_MCP_Server

Быстрый старт

Использование через npx (рекомендуется)

Установка не требуется — просто настройте в MCP-клиенте:

{
  "mcpServers": {
    "tele-ux-ui-motion-skill-mcp": {
      "command": "npx",
      "args": ["-y", "tele-ux-ui-motion-skill-mcp"]
    }
  }
}

Если вы разрабатываете из исходников, сначала установите локальный пакет глобально: npm install -g .; после этого конфигурация npx будет полностью такой же, как после публикации.

Локальная разработка

git clone <repo-url>
cd tele-ux-ui-motion-skill-mcp
npm install
npm run build
npm start

Переменные окружения

Категории библиотеки навыков

Рабочий процесс

При использовании сервиса агент следует пошаговому рабочему процессу из 5 шагов; на каждом шаге подробные инструкции для соответствующего этапа можно получить через help(step=N):

Step 1  发现与探索    → 列出所有类别，建立全局认知
Step 2  需求分析      → 分析用户需求，用专业词汇描述方案，与用户确认
Step 3  技能检索      → 提取关键词，全局 + 迭代检索，建立技能清单
Step 4  开发执行      → 制定计划表，按序读取技能并开发
Step 5  测试与交付    → 检查测试工具，验证产出，交付结果

Технологический стек

• Язык: TypeScript

• Среда выполнения: Node.js >= 18

• MCP SDK: @modelcontextprotocol/sdk

• Транспорт: stdio

Разработка

npm run build    # 编译 TypeScript 并拷贝静态文件到 dist/
npm run dev      # 监听模式编译
npm start        # 启动服务

Благодарности

Навыки этого проекта дистиллированы из следующих 10 open-source проектов. Благодарим авторов за бескорыстный вклад!

Открытая лицензия

Проект распространяется под лицензией MIT. Содержимое навыков подчиняется лицензиям соответствующих исходных проектов (MIT / CC0 1.0).