UIForge - Tailwind, Shadcn & Icon Engine MCP

Name: UIForge - Tailwind, Shadcn & Icon Engine MCP
Author: tofan96you

Production-ready Shadcn/ui components, 1,500+ Lucide SVG icons, Tailwind color scales, and SEO Schema generators for Cursor, Claude & Windsurf.

От сообществаРаботаетБез входаГлобальныйБесплатноТолько чтение

Что умеет

Autonomous Full Page Ui Architect: Autonomous 1-Shot UI Component & Page Architect: Generates production-ready Tailwind CSS & shadcn/ui React components with full dark mode tokens, Lucide icons, and W
Get Shadcn Ui Component: Generates clean, responsive, production-ready React / Tailwind CSS components (Pricing Table, Navbar, Hero Section, Feature Card, Dialogs, etc.) with dark mode support.
Search Lucide Icons: Searches 1,500+ Lucide icon library and returns exact PascalCase React imports and clean SVG markup for buttons, cards, and navbars.

Какие данные видит

Нужен ли аккаунт

Не нужен: сервер работает без входа

Production-ready Shadcn/ui components, 1,500+ Lucide SVG icons, Tailwind color scales, and SEO Schema generators for Cursor, Claude & Windsurf.

Как подключить

Как подключить UIForge - Tailwind, Shadcn & Icon Engine MCP к Claude

Адрес сервера, который нужно вставить в настройках Claude:

https://uiforge-mcp--tofan96you.run.tools

Откройте Claude (сайт claude.ai или приложение для компьютера).
Перейдите в Настройки → Коннекторы (в английском интерфейсе: Settings → Connectors).
Нажмите Добавить пользовательский коннектор (Add custom connector).
Вставьте адрес сервера, скопированный ниже, в поле URL удалённого MCP-сервера и нажмите Добавить.
В чате нажмите + → Коннекторы и включите новый коннектор.

Пользовательские коннекторы доступны на тарифах Free, Pro, Max, Team и Enterprise. На Free можно добавить только один. В Team и Enterprise коннектор сначала добавляет владелец организации в Настройки организации → Коннекторы.

Авторизация

После нажатия Добавить откроется окно входа в сервис. Войдите под своим аккаунтом и подтвердите доступ. Пароль Claude не видит.

Как подключить UIForge - Tailwind, Shadcn & Icon Engine MCP к ChatGPT

Адрес сервера, который нужно вставить в настройках ChatGPT:

https://uiforge-mcp--tofan96you.run.tools

Откройте ChatGPT в браузере (chatgpt.com). Нужен тариф Plus, Pro, Business, Enterprise или Edu.
Один раз включите режим разработчика: Настройки → Приложения → Дополнительные настройки → Режим разработчика (Settings → Apps → Advanced settings → Developer mode).
Откройте Настройки → Коннекторы и нажмите Создать (Create).
Заполните форму: Название (любое), Описание (одна фраза, что делает сервис), URL MCP-сервера (скопируйте ниже).
В поле Аутентификация выберите OAuth, если сервис требует вход, иначе Нет. Нажмите Создать.
В новом чате откройте + → Приложения/Коннекторы и включите коннектор.

Название раздела у OpenAI менялось (Connectors → Apps/Plugins). Если пункт называется иначе, ищите «режим разработчика» в настройках. В рабочих пространствах Business/Enterprise администратор должен разрешить пользовательские коннекторы.

Авторизация

При первом использовании ChatGPT откроет окно входа в сервис. Войдите и подтвердите доступ.

Как подключить UIForge - Tailwind, Shadcn & Icon Engine MCP к Cursor

Адрес сервера, который нужно вставить в настройках Cursor:

https://uiforge-mcp--tofan96you.run.tools

Быстрый способ: нажмите кнопку Открыть в Cursor ниже, Cursor сам предложит добавить сервер.

Вручную:

В Cursor откройте Settings → Cursor Settings → MCP и нажмите Add new global MCP server.
Вставьте JSON, скопированный ниже, в открывшийся файл ~/.cursor/mcp.json (для одного проекта: .cursor/mcp.json в корне проекта).
Сохраните файл. Сервер появится в списке MCP; при необходимости пройдите авторизацию по кнопке рядом с ним.

Авторизация

Если сервис требует вход, рядом с сервером в списке MCP появится кнопка авторизации.

Список инструментов сервера (5)

Технические названия из tools/list. Нужны только разработчикам.

autonomous_full_page_ui_architect	Autonomous 1-Shot UI Component & Page Architect: Generates production-ready Tailwind CSS & shadcn/ui React components with full dark mode tokens, Lucide icons, and WCAG accessibility in a single call.
get_shadcn_ui_component	Generates clean, responsive, production-ready React / Tailwind CSS components (Pricing Table, Navbar, Hero Section, Feature Card, Dialogs, etc.) with dark mode support.
search_lucide_icons	Searches 1,500+ Lucide icon library and returns exact PascalCase React imports and clean SVG markup for buttons, cards, and navbars.
generate_tailwind_palette	Generates accessible Tailwind CSS 50-950 color scales, CSS variables, and tailwind.config.js theme objects from any base hex color.
generate_html_seo_schema	Generates Google-compliant JSON-LD structured data schema (Organization, Product, Article, FAQPage) for Next.js and HTML apps.