UIZZE

Stop generic UI slop in Codex, Claude Code, and Cursor.

От сообществаРаботаетНужен API-ключГлобальныйБесплатноТолько чтение

Что умеет

  • Create Ui Design Contract: Create the required machine-readable design contract from the target repository, product intent, states, constraints, and UIZZE evidence before implementation.
  • Get Ui Reference Brief: Search UIZZE for deeper product evidence, screenshots, flows, states, components, and implementation guidance before creating or refining a design contract.
  • Validate Implementation Manifest: Validate changed files, components, states, control outcomes, design-system reuse, and screenshot evidence against a UIZZE design contract.

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

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

Нужен API-ключ из настроек сервиса

Stop generic UI slop in Codex, Claude Code, and Cursor. Search 800,000+ real web and iOS screens, build design contracts and reference packs, audit implementations, and critique rendered screenshots without leaving your coding agent.

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

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

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

https://uizze--smlbushi.run.tools

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

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

Авторизация

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

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

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

https://uizze--smlbushi.run.tools

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

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

Авторизация

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

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

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

https://uizze--smlbushi.run.tools

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

Вручную:

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

Авторизация

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

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

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

create_ui_design_contractCreate the required machine-readable design contract from the target repository, product intent, states, constraints, and UIZZE evidence before implementation.
get_ui_reference_briefSearch UIZZE for deeper product evidence, screenshots, flows, states, components, and implementation guidance before creating or refining a design contract.
validate_implementation_manifestValidate changed files, components, states, control outcomes, design-system reuse, and screenshot evidence against a UIZZE design contract.
search_design_patternsSearch structured UIZZE design analyses for surfaces, components, states, anti-patterns, and platform conventions.
get_screen_design_analysisFetch ontology-backed design evidence for one UIZZE screen.
critique_implemented_uiCritique a rendered UI screenshot against its design contract, implementation manifest, reference evidence, and deterministic anti-slop checks.
audit_implemented_uiRun deterministic anti-slop checks on a screenshot and optional HTML or CSS artifacts without persisting the screenshot.
search_ui_referencesSearch 800,000+ real web and iOS screens for specific product, workflow, state, or UI references.
compare_ui_referencesCompare how two to four named products handle the same screen or flow using grouped real references and source links.
search_ui_elementsSearch real controls and workflow elements such as forms, tables, dialogs, settings rows, empty states, and onboarding steps.
get_screen_referenceFetch one screen as an agent-ready reference pack with its screenshot, metadata, OCR excerpt, guidance, and source links.
get_app_reference_packFetch app-level context with selected flows, screens, navigation patterns, density, and repeated product structure.
get_flow_reference_packFetch an ordered multi-screen flow with implementation guidance and anti-generic checks.
get_collection_reference_packFetch a user-curated collection as a paginated UI reference pack.