Фичреквесты и кастдев

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

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

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

Для сбора обратной связи, голосования и обсуждения фич в Github есть раздел Discussions. Чтобы включить его, перейдите в настройки репозитория и поставьте галочку в группе Features. Теперь перейдите на вкладку Discussions и настройте категории по своему усмотрению:

Но Discussions это публичная история, хорошо бы иметь еще и анонимный сбор обратной связи, вдруг есть те, кому есть что сказать, но они не хотят привлекать к себе внимание или токсично излагают свои мысли, но эти мысли могут быть полезны.

Для этого создайте произвольную форму в Яндекс Формах. Нам нужен код для iframe, чтобы вставить форму на сайт:

Теперь давайте напишем промт:

Создай плавающую круглую кнопку в правой нижней части экрана. Вместо названия у кнопки будет иконка 💬. Размести кнопку на всех страницах сайта.

По клику открывай модальное окно со следующим содержимым:

<script src="https://forms.yandex.ru/_static/embed.js"></script><iframe src="https://forms.yandex.ru/u/68aa0c9eeb61463daefb6094?iframe=1" frameborder="0" name="ya-form-68aa0c9eeb61463daefb6094" width="650"></iframe>

Теперь создайте задачу, переключитесь на новую ветку и отправьте промт в Cursor.

Задача будет решена через создание отдельного компонента с плавающей кнопкой:

Запустите проект и протестируйте реализацию:

Супер! Кнопка представлена на всех экранах. Попап открывается. Форма отправляется. Можете продолжить дорабатывать ее до нужной консистенции.