Русский ИТ бизнес
Русский ИТ бизнес

Вышел Inspo — MCP-сервер, который помогает агентам создавать качественный дизайн

Вышел Inspo — MCP-сервер, который помогает агентам создавать качественный дизайн
Вышел Inspo — MCP-сервер, который помогает агентам создавать качественный дизайн.

Он ищет подходящие примеры среди более чем 800 красивых сайтов и передаёт их Claude Code, Codex или OpenCode как ориентир для будущего интерфейса.

Теперь агенту можно поручить найти примеры под конкретный экран, стиль или продукт, а затем на их основе собрать собственный дизайн.

Проект бесплатный и с открытым исходным кодом.

npx inspo-mcp install

А вообще эти сервера - безопасная история? И как его прикрутить в Cline? :)

tg / max

Комментарии (14)

  • Речной Шаман
    Речной Шаман
    1001й
    у клода есть плагин для браузера, с помощью которого он может ходить по сайту и чета делать. Например пиздить дизйн Ответить
  • Робкий Киллер
    Робкий Киллер
    прикрутить вот как. написать в чат Cline:

    Add the Inspo MCP server to my setup. It is a free, hosted, no-auth streamable-HTTP endpoint at https://inspomcp.dev/api/mcp, and it should be registered under the name "inspo" in whatever MCP config my client uses. If you cannot reach a remote server, use the local stdio form instead: command "npx", args ["-y", "inspo-mcp"]. When you are done, list the inspo tools back to me so I know it connected. Ответить
    раскрыть ветку (2)
    • Автор канала
      Автор канала
      стоит оно того или нет? Ответить
      раскрыть ветку (1)
      • Робкий Киллер
        Робкий Киллер
        Comment media
        Ещё как вариант, зайти в каталог

        https://inspomcp.dev/screens

        По фильтрам найти дизайны, потом зайти в дизайн и прямо из него скачать файл DESIGN md и отдать агенту

        Однозначно стоит того, чтобы просто погрузиться как все устроено и как вообще это работает Ответить
  • Робкий Киллер
    Робкий Киллер
    Comment media
    То, за что Mobbin берет деньги, здесь можно брать даром

    https://inspomcp.dev/screens?device=mobile&macro=bento-grid&mood=soft

    Вот, фильтр под Софт в стиле Бенто. Пока что 832 примера, но добавят еще

    На практике

    Можно выбрать пример, который подходит и посмотреть как этот стиль называется, к какой категории относится и вбить этот же запрос в Pinterest. Потом скинуть агенту скриншот из пинтерест + добавить файл DESIGN из Inspo и попросить переписать этот файл под картинки из пинтерест

    В итоге, у нас готовый файл по референсу лучших мировых дизайнов Ответить
    раскрыть ветку (9)
    • Робкий Киллер
      Робкий Киллер
      Comment media
      вот пример запроса: web design bento soft Ответить
      раскрыть ветку (8)
      • Длинный Огнетушитель
        Длинный Огнетушитель
        Как проблему бенто решили со стороны админки?) или админка драгэндропная? Ответить
        раскрыть ветку (7)
        • Робкий Киллер
          Робкий Киллер
          админки пока что с обычным макетом. бенто там не нужен, чтобы данные не подчинять условностям карточек. может быть только для главной, есть смысл рассмотреть действительно с драг дроп

          а это, просто в пример привел самый яркий дизайн, который резко отличается от других. для лендингов и промо отлично подойдёт. сам же "конструктор Макса" не зависит от стиля. если кому-то срочно нужен бенто для карточек категорий в админке сайта - без проблем Ответить
          раскрыть ветку (6)
          • Длинный Огнетушитель
            Длинный Огнетушитель
            Недавно просто много работ с этими долбанными бентогридами делали) сверстать то ноль проблем, а вот чтобы в админке это можно было сделать удобно - пришлось попотеть) благо, не я делал) Ответить
            раскрыть ветку (5)
            • Робкий Киллер
              Робкий Киллер
              потому что в админке придется отказаться от части данных только ради красоты... не оправдано как мне кажется Ответить
              раскрыть ветку (2)
              • Длинный Огнетушитель
                Длинный Огнетушитель
                Ни от чего не отказались. Любую компоновку с любым типом контента сделали) но выглядит костыльно и без документации не сделаешь. Ответить
                раскрыть ветку (1)
                • Робкий Киллер
                  Робкий Киллер
                  зато будет похоже на блокнотик или стикер пак. все записано: ёмко и лаконично. краткость - сестра таланта Ответить
            • Пряный Единорог
              Пряный Единорог
              Ну в целом бенто верстка это вариация классической задачи о рюкзаке. В принципе там делать нечего, тем более с ИИ, одну функцию написать всего надо. Ответить
              раскрыть ветку (1)
              • Длинный Огнетушитель
                Длинный Огнетушитель
                Я про админку говорю, когда там нет драгэнддропа Ответить