Repolode
Предложить
bergside

bergside/typeui

Библиотека дизайн-навыков и UI-промптов с CLI и подключением к MCP, которая помогает AI-инструментам для программирования создавать интерфейсы по дизайн-системам и рекомендациям по компоновке.

Открыть на GitHubСайт
Звёзды
2,204
Форки
152
Открытые issues
1
Последний коммит
15 дней назад

Что это?

TypeUI — это коллекция дизайн-навыков, UI-промптов и спецификаций дизайн-систем, которыми AI-ассистенты для программирования могут пользоваться при создании сайтов и приложений. Ресурсы представлены в виде Markdown-файлов форматов DESIGN.md и SKILL.md, поэтому их можно использовать с любым AI-провайдером, который поддерживает Markdown или обычные промпты.

В проект входит CLI, запускаемый через npx typeui.sh, с командами для создания, обновления, рандомизации, просмотра списка и загрузки дизайн-спецификаций. Также доступны инструкции по настройке размещённого MCP-сервера для таких инструментов, как Codex, Claude, Cursor, VS Code, Windsurf, Zed и других. Навык по основам UI/UX охватывает отступы, типографику и контрастность цветов, помогая создавать интерфейсы, соответствующие базовым принципам дизайна.

В репозитории собран каталог стилей дизайн-навыков, например Minimal, Brutalism и Glassmorphism, а также шаблоны промптов для маркетинговых страниц и разделов приложений — например, главных блоков, страниц с ценами, FAQ и страниц входа.

Ключевые возможности

  • 01Создаёт спецификации дизайна в формате SKILL.md или DESIGN.md с помощью интерактивных промптов CLI.
  • 02Подключает AI-инструменты для программирования к TypeUI через размещённый MCP-сервер.
  • 03Предоставляет навык по основам UI/UX, охватывающий отступы, типографику и контрастность.
  • 04Предлагает каталог стилей дизайна и шаблонов компоновки для маркетинговых страниц и страниц приложений.

Сценарии использования

  • Помогает AI-ассистенту для программирования создавать согласованные лендинги или дашборды.
  • Позволяет заложить основу дизайн-системы для нового веб-проекта или приложения.
  • Даёт AI-агенту примеры типовых разделов страниц, например блока с ценами или FAQ.

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

  1. 1

    Откройте руководство TypeUI для вашего инструмента программирования с ИИ

  2. 2

    Подключите инструмент ИИ к MCP-серверу TypeUI, следуя инструкциям руководства

Что важно знать

  • Лицензия не указана однозначно (NOASSERTION), поэтому перед повторным использованием проверьте её условия.
  • Подключение MCP зависит от сервиса TypeUI, размещённого на typeui.sh.

В подборках

Навыки дизайна интерфейсов для ИИ-агентовMCP-серверыБиблиотеки навыков для ИИ-агентовCLI и инструменты для терминала

Темы

#design-system#ui#prompts#ai-tools#cli#mcp#design#agent-skills#ai#claude-design

Частые вопросы

Что такое typeui?
Библиотека дизайн-навыков и UI-промптов с CLI и подключением к MCP, которая помогает AI-инструментам для программирования создавать интерфейсы по дизайн-системам и рекомендациям по компоновке. TypeUI — это коллекция дизайн-навыков, UI-промптов и спецификаций дизайн-систем, которыми AI-ассистенты для программирования могут пользоваться при создании сайтов и приложений. Ресурсы представлены в виде Markdown-файлов форматов DESIGN.md и SKILL.md, поэтому их можно использовать с любым AI-провайдером, который поддерживает Markdown или обычные промпты.
typeui можно использовать бесплатно? Какая у него лицензия?
typeui распространяется с открытым исходным кодом под лицензией Other. Перед использованием в коммерческих продуктах проверьте условия лицензии.
typeui всё ещё поддерживается?
Активно поддерживается. Последний коммит в typeui — 22 окт. 2026 г..
Для чего можно использовать typeui?
Помогает AI-ассистенту для программирования создавать согласованные лендинги или дашборды. Позволяет заложить основу дизайн-системы для нового веб-проекта или приложения. Даёт AI-агенту примеры типовых разделов страниц, например блока с ценами или FAQ.
Как установить typeui?
Откройте руководство TypeUI для вашего инструмента программирования с ИИ Подключите инструмент ИИ к MCP-серверу TypeUI, следуя инструкциям руководства
Где скачать typeui?
Исходный код и инструкции по установке — на GitHub: https://github.com/bergside/typeui

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты

ibelick / ui-skills

Реестр готовых для AI-агентов навыков в области UI и дизайн-инжиниринга, доступный через CLI и MCP-сервер.

Фронтенд и UI#ui#design-engineering#agent-skills
10,7 тыс.+319 за неделю508TypeScriptMITОбновлён 21 час назад

Owl-Listener / designer-skills

Набор из 273 готовых к использованию ИИ-агентами дизайн-навыков и 76 slash-команд для Claude Code и Gemini CLI: исследования, дизайн-системы, UI, взаимодействие и передача в разработку.

ИИ и машинное обучение#agentic-ai#claude-code#design-system
3,3 тыс.+96 за неделю433MarkdownMITОбновлён 2 месяца назад