OpaGPT Зачем ИИ frontend-разработчику в банке
Банковский фронтенд — это безопасность, надёжность и доступность. ИИ ускоряет рутину, но результат зависит от качества промпта.
Структура эффективного промпта
Промпт должен включать пять элементов:
- Роль — «senior frontend в банке»;
- Задача — «создай компонент»;
- Контекст — «React, TypeScript, дизайн-система»;
- Ограничения — «без библиотек, PCI DSS»;
- Формат — «код + тесты».
Таблица настройки:
| Параметр | Пример |
|---|---|
| Стек | React, TS, SCSS |
| Стандарты | WCAG 2.1 AA |
Шаблоны промптов
Компонент ввода
«Ты frontend-разработчик банка. Создай CurrencyInput на React. Учти маску ввода, доступность и запрет букв. Выдай код и тест».
Ревью безопасности
«Проверь форму авторизации на утечки данных. Предложи autocomplete='off' и маскирование. Дай исправленный код».
Адаптивность
«Адаптируй таблицу операций под мобильный банк. Используй CSS Grid, скрывай второстепенное. Учти touch. Выдай HTML и SCSS».
Как настраивать промпты
- Указывайте требования — «соответствие 152-ФЗ».
- Ограничивайте дизайн-систему — «только существующие компоненты».
- Задайте критерии — «eslint, jest, coverage >80%».
- Просите объяснить риски.
Принцип: промпт — это контракт. Чем точнее запрос, тем меньше итераций.