getdesign

Что такое getdesign?

getdesign извлекает дизайн-систему из публичного сайта. Он открывает сайт в реальном браузере, читает CSS сайта и захватывает отрисованную страницу, после чего записывает цвета, типографику, отступы и компоненты в файл design.md, основанный на реальном CSS сайта. Результат можно читать как руководство по стилю или передать агенту по программированию как контекст при создании интерфейса.

Инструмент доступен в пяти интерфейсах, которые используют одно ядро агента, плюс Skill, работающий внутри агента по программированию. Сейчас он находится в бета-версии, а запуски на хостинге полагаются на собственные ключи провайдеров, а не на API-ключ getdesign.

Как использовать getdesign?

Веб-панель

Войдите в панель, сохраните ключи Daytona и OpenAI в разделе «Аккаунт», затем вставьте URL публичного сайта в Agent, чтобы создать design.md. Также можно просматривать кэшированные примеры без запуска провайдеров.

API

GET /v1/design по адресу api.getdesign.app возвращает Markdown или JSON. Требуются bearer-аутентификация WorkOS и ключи провайдеров.

CLI

Запустите bunx @getdesign/cli на Bun с вашими ключами Daytona и OpenAI. Он записывает design.md в локальный файл.

SDK

Установите @getdesign/sdk командой bun add @getdesign/sdk, чтобы запускать агент в процессе на Bun с типизированными результатами и событиями прогресса, используя ваши ключи провайдеров.

Skill

Добавьте портативный SKILL.md командой skills add MohtashamMurshid/getdesign. Он работает внутри Claude Code, Codex или Cursor, используя собственные инструменты агента.

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

Извлечение дизайн-системы

getdesign читает CSS-токены публичного сайта, захватывает страницу в браузере и создаёт документ дизайна, охватывающий цвета, типографику, отступы и компоненты.

Вывод design.md

Результаты предоставляются в виде Markdown-документа, описывающего дизайн-систему сайта. Визуальные запуски также включают захваченные скриншоты.

Несколько интерфейсов доступа

Веб, API, CLI и TypeScript SDK обращаются к одному ядру агента; Skill работает внутри вашего собственного агента по программированию. CLI и SDK работают локально на Bun, а HTTP API поддерживает запуски на хостинге.

Приватные запуски с возможностью публикации

Запуски в панели остаются приватными, пока вы их не опубликуете. Публикация создаёт ссылку, по которой любой может просмотреть и скачать документ дизайна и скриншоты; вы можете снова сделать запуск приватным, чтобы закрыть будущий доступ, хотя уже скачанные копии остаются у их получателей.

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

Создание руководства по стилю с живого сайта

Создайте читаемый документ дизайна с публичного сайта, описывающий его цвета, типографику, отступы и компоненты.

Предоставление дизайн-контекста агенту по программированию

Передайте созданный design.md и его скриншоты агенту по программированию или установите Skill, чтобы агент извлекал дизайн-контекст собственными инструментами.

Запуск извлечения в локальном или хостинговом рабочем процессе

Используйте CLI или TypeScript SDK для локальных запусков на Bun либо HTTP API для запусков на хостинге с возвратом Markdown или JSON.

Обмен документом дизайна

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

Часто задаваемые вопросы о getdesign

Что такое файл design.md?

design.md — это Markdown-документ, описывающий дизайн-систему сайта. Вы можете читать его как руководство по стилю или передать агенту по программированию как контекст при создании интерфейса. Визуальные запуски также включают захваченные скриншоты.

Как извлечь цвета и шрифты сайта?

Сохраните ключи Daytona и OpenAI в разделе «Аккаунт», затем вставьте URL публичного сайта в Agent. getdesign читает CSS-токены, захватывает страницу в браузере и создаёт документ дизайна, который можно скачать. Также можно просматривать кэшированные примеры без запуска провайдеров.

Можно ли использовать getdesign с агентом по программированию?

Да. Передайте вашему агенту по программированию созданный design.md и его скриншоты или установите getdesign Skill, чтобы извлекать дизайн-контекст с помощью собственных инструментов агента. CLI и TypeScript SDK также работают локально на Bun, а HTTP API поддерживает запуски на хостинге.

Есть ли аутентификация или платный тариф?

Панель использует вход через WorkOS. Запуски на хостинге требуют ваших собственных ключей Daytona и OpenAI; в V1 нет API-ключа getdesign. В V1 нет биллинга запусков getdesign. Вы платите Daytona за захват в браузере и OpenAI за использование модели.

Мои запуски дизайна публичны?

Ваши запуски в панели приватны, пока вы их не опубликуете. Публикация создаёт ссылку, по которой любой может просмотреть и скачать документ дизайна и скриншоты. Вы можете снова сделать запуск приватным, чтобы закрыть будущий доступ; уже скачанные копии остаются у их получателей.