Скачать навык создания дизайна

Bee Adapt Design помогает автору дизайна сохранить исходный код интерактивного макета, обозначить экраны и состояния и передать их агенту разработки с компактным манифестом. Скачайте переносимый навык, включите его в среде создания дизайна и выберите при отправке запроса.

Скачать

Скачать Bee Adapt Design 1.0.1 (ZIP, 16 089 байт) · Файл контрольной суммы SHA-256

6d82cf356e8ce6ec3a07219bb95ab003f828d79b6f101b8d864466c9edf7156b

Это предварительная версия инструкций для создания дизайна с независимой нумерацией. Пакет содержит инструкции и примеры; он не устанавливает Bee CLI, плагин, MCP-сервер, средство экспорта или визуального сравнения. Собственные инструменты дизайна в CLI/плагине Bee вышли в 1.0.0 — bee design, bee design mcp, bee visual и встроенный в плагин Bee навык adapt; этот файл остаётся отдельной, не зависящей от CLI предварительной версией для среды дизайна, где Bee CLI или плагин не установлены.

Общедоступный ZIP также содержит исходные файлы: одну папку bee-adapt-design/ с шестью файлами — SKILL.md, отдельные инструкции по дизайну, два справочных документа и два синтетических примера. Прочитайте файлы перед включением навыка. Для проверки скачанного ZIP и файла контрольной суммы в macOS или Linux выполните в папке загрузки:

shasum -a 256 -c bee-adapt-design-1.0.1.zip.sha256

Затем просмотрите файлы локально, например командами unzip -l bee-adapt-design-1.0.1.zip и unzip -p bee-adapt-design-1.0.1.zip bee-adapt-design/SKILL.md.

Ожидаемый результат: bee-adapt-design-1.0.1.zip: OK.

Установить и выбрать в Claude Design

Следующий путь загрузки в аккаунт и выбора в Design наблюдался 26 сентября 2026 года. Названия элементов могут отличаться; руководство Claude по навыкам описывает актуальные требования аккаунта и элементы загрузки.

Скачайте ZIP выше. Для загрузки в Claude оставьте архив запакованным.
В Claude откройте Customize → Skills → Yours → Add → Upload skill и выберите ZIP. В некоторых интерфейсах показано + → Create skill → Upload a skill.
Убедитесь, что bee-adapt-design появился в списке навыков аккаунта и включён.
Откройте Design. В поле запроса выберите + → Skills → Your skills → bee-adapt-design. Перед отправкой убедитесь, что навык выбран.
Опишите дизайн, нужные взаимодействия и состояния. Запросите работающий макет вместе с его исходными файлами для передачи.

Например, с выбранным навыком:

Создай интерактивный макет списка задач на основе предоставленного бренда и дизайн-системы.
Сохрани единый холст для просмотра. Добавь заполненное и пустое состояния,
загрузку, ошибку и диалог добавления задачи. Примени bee-adapt-design и верни
реальный экспорт, постоянные маркеры экранов/состояний/компонентов/экземпляров
и компактный манифест. Перечисли недоступные зависимости и невыполненные проверки.

Если элементов загрузки нет, проверьте разрешения навыков аккаунта/организации и настройку выполнения кода по руководству Claude. Если навык включён, но отсутствует в списке Design, не считайте его активным. Можно приложить или вставить CLAUDE-DESIGN-INSTRUCTIONS.md из ZIP как явные инструкции проекта; это ручная передача инструкций, а не подтверждение активации навыка аккаунта.

Статус проверки: версия 1.0.0 была загружена, выбрана в отдельном разделе Design и использована для создания макета. В том запуске вспомогательные файлы были недоступны. Версия 1.0.1 помещает основные инструкции прямо в SKILL.md, делая справочные файлы необязательными. Проверки пакета пройдены; новый запуск Claude Design с версией 1.0.1 пока не подтверждён.

Установить в проект Codex

Сохраните существующую конфигурацию Codex, выбранную модель и аутентификацию. Эта установка добавляет в проект только переносимый навык.

Скачайте и проверьте ZIP, затем распакуйте его. Убедитесь, что он содержит одну папку bee-adapt-design/ с SKILL.md и пятью вспомогательными файлами.
Скопируйте всю папку в каталог .agents/skills/ вашего проекта. Основной файл должен находиться по пути .agents/skills/bee-adapt-design/SKILL.md, а папки справочных материалов и примеров — рядом с ним. Между skills/ и bee-adapt-design/ не должно быть дополнительной папки с именем ZIP.
Начните новый сеанс Codex в этом проекте. Откройте список навыков и убедитесь, что bee-adapt-design доступен, прежде чем считать установку завершённой.
Выберите навык или явно вызовите $bee-adapt-design в запросе на дизайн или адаптацию. Попросите Codex прочитать локальный основной файл и справочные материалы, относящиеся к задаче.

Например:

$bee-adapt-design Создай интерактивный макет списка задач по инструкциям дизайна проекта.
Сохрани единый холст просмотра и предоставь реальные исходники, постоянные маркеры
и компактный манифест передачи. Проверь нужные взаимодействия доступными локальными
инструментами и точно укажи, что было выполнено и что осталось непроверенным.

Если навыка нет в списке, проверьте структуру папок и откройте новый сеанс. Передача пути к SKILL.md как обычной инструкции задачи полезна как запасной вариант, но не доказывает нативное обнаружение навыка. Локально созданный предпросмотр отличается от холста Claude Design.

Что запросить в экспорте

Реальные исходники и ресурсы: сохраните работающий холст просмотра, HTML/CSS/SVG, шрифты, скрипты и заявленные зависимости. Одного скриншота недостаточно для повторного использования кода.
Постоянные маркеры: data-bee-screen, data-bee-state, data-bee-component и уникальные data-bee-instance на существующих семантических корневых элементах, без дополнительных обёрток для компоновки.
Компактная передача: ревизия дизайна, входной файл, зависимости, селекторы, нужные состояния, детерминированные тестовые данные и подготовка → действие → видимый результат. Используйте отдельный манифест или неисполняемый JSON bee-design-handoff в холсте, если это поддерживается.
Явные пробелы: разделяйте одобрение дизайна, готовность к реализации и реальное поведение API. Указывайте выполненные проверки и недостающий охват; принимающие инструменты вычислят хеши из экспортированных байтов.

Проверьте, что экспорт открывается и нужные взаимодействия работают в целевой среде. Облачная среда дизайна может не иметь доступа к вспомогательным файлам; основной файл навыка самодостаточен, и автор должен сообщить, что действительно смог прочитать. Переносимый манифест — соглашение о передаче, а не обещание совместимости с установленной командой Bee. Интеграция фреймворка/API и локальные визуальные проверки остаются отдельной работой. Автоматичное совпадение пикселей и измеренный процент экономии токенов не заявляются.