Рабочий подход
Baoyu Design — универсальный навык-оркестратор для создания дизайн-артефактов HTML. Его точка входа направляет разные результаты, такие как вайрфреймы, экраны приложений, диаграммы, документы и слайды, к специализированным встроенным руководствам, а общая методология задаёт процесс проектирования.
Отличительная черта — явный контекст дизайна. Навык может направлять локальные файлы Figma, ссылки на репозитории и существующие HTML/CSS в процессы импорта или привязывать проект к скопированной дизайн-системе. Результаты остаются сгруппированными со своими ресурсами и метаданными проекта, а не превращаются в разрозненные файлы HTML. Область экспорта определена чётко: экспорт в PowerPoint применим к презентациям, созданным в поддерживаемой структуре слайдов, а не к произвольному HTML.
Ожидаемые результаты
- Автономные дизайн-артефакты HTML со скопированными ресурсами
- Проект с записанными привязками design-system и метаданными ресурсов
- Поддерживаемый экспорт презентаций или анимаций, когда применяются соответствующие рабочие процессы
От брифа до проверки
- 01Определите контекст
Перед выбором рецепта определите тип артефакта, степень детализации, брендовые референсы и существующую дизайн-систему.
- 02Выберите нужный путь
Следуйте подходящему встроенному руководству и справочнику по инструментам для среды агента, не предполагая, что во всех средах одинаковые инструменты предпросмотра.
- 03Привяжите дизайн-систему
Если используется существующая система, импортируйте локальную копию в проект и запишите привязку. Если систему создаёте вы, используйте процесс компиляции, проверки и предпросмотра.
- 04Соберите и просмотрите
Храните HTML и используемые ресурсы вместе, запустите результат локально и проверьте его в реальном предпросмотре, прежде чем считать работу сданной.