🚀 КАК ИЗ НАБРОСКА ИИ ПОЛУЧИЛСЯ РАБОЧИЙ ИНСТРУМЕНТ⚙️🪛

Всем привет 👋 продолжаю шлифовать свой проект🦾

В процессе кодревью и когда фиксил баги UX-UI в сервисе я посмотрел в самое начало проекта🕵️

Когда только начал реализовывать, показываю честно, что именно сгенерировал ИИ на первом запросе - и что получилось после проведенного кодревью и UX-аудита. Между ними не магия, а измеримая работа. Ниже - цифры, а не впечатления.

🧩 ДО | «Идея, которая уже работала»

Один HTML-файл на 256 КБ. Внутри было всё сразу: настройки, ключ провайдера ИИ, выбор модели ИИ, загрузка документов (PDF, DOCX, XLSX, PPTX), запрос к модели и таблица результата.

И это была рабочая идея - 138 функций, настоящий вызов LLM, реальный разбор документов. Но: • одна тёмная тема на весь продукт; • 37 провалов контраста из 120 проверенных текстовых узлов; • 55 целей нажатия меньше 40 пикселей; • 18 фрагментов текста мельче 12 пикселей; • внешние скрипты с CDN без проверки целостности; • ни одного автотеста.

На тот момент выглядело красиво, думал я🙂 и хрупко в работе.

🛠 ПОСЛЕ | «Инструмент, которому я уже доверяю»

4,3 МБ вместо 256 КБ - это не «раздулось», а выросло по возможностям: 984 функции вместо 138.

Что появилось по итогам аудита:

🎯 Три направления проверки. OSINT-аналитик, аналитик экономической безопасности, аналитик юридических рисков.

У каждого своё направление проверки и инструменты, свои источники и четыре режима анализа.

🗂 OSINT - парсер + 1158 OSINT - инструментов и ссылок в 13 разделах: поиск, избранное, история, экспорт.

⚖️ Панель «Аналитик юридических рисков» - 6 вкладок: дело, анализ, договор, заключение, правила. Изолирована в shadow DOM, чтобы стили приложения и панели не воевали между собой.

🔌 Четыре провайдера моделей ИИ вместо одной.

🔐 Безопасность отдельным слоем: CSP, DOMPurify, отсечение ZIP-бомб, отклонение файлов с поддельным расширением, экранирование при экспорте, SRI-хеш у оставшегося внешнего скрипта.

🔬 РЕЗУЛЬТАТ В ЦИФРАХ

Размер файла: 256 КБ → 4,3 МБ Функций в коде: 138 → 984 Цветовых схем: 1 → 8 + генератор цветовых схем Провалов контраста: 37 из 120 → 0 Текст мельче 12px: 18 → 0 Цели нажатия меньше 24px: 55 → 0 Автотесты: 0 → 354 проверки в 17 стендах

💡 ГЛАВНАЯ МЫСЛЬ

ИИ написал первую версию сервиса - и это уже было круто. Но между «работает у автора» и «работает у специалиста» лежит длительный кропотливый творческий процесс с опорой на реальную практику: идея → пераый набросок ИИ → +100500 вариантов реализации и переделок → кодревью → UX-аудит в реальном браузере → правки → регрессия → повторы до чистого результата.

Именно этот путь и циклы дали итоговый результат.

ИИ - не замена специалиста. ИИ - усилитель специалиста: он берёт на себя рутину и скорость, а экспертиза задаёт планку качества.

🔥 Работа над пректом продолжается.

Стартовал с идеи вместе с ИИ - пришли вместе с ИИ к рабочему инструменту.

Продолжение следует. #проверкаконтрагентов #СЭБ #legaltech #договорнаяработа #compliance #OSINT #ИБ #AI #иибезмагии #Автоматизация #УправлениеРисками #БизнесПроцессы #HumanInTheLoop #Комплаенс #экономическаябезопасность #должнаяосмотрительность #ИИ

🚀 КАК ИЗ НАБРОСКА ИИ ПОЛУЧИЛСЯ РАБОЧИЙ ИНСТРУМЕНТ⚙️🪛 | Сетка — социальная сеть от hh.ru 🚀 КАК ИЗ НАБРОСКА ИИ ПОЛУЧИЛСЯ РАБОЧИЙ ИНСТРУМЕНТ⚙️🪛 | Сетка — социальная сеть от hh.ru
🚀 КАК ИЗ НАБРОСКА ИИ ПОЛУЧИЛСЯ РАБОЧИЙ ИНСТРУМЕНТ⚙️🪛 | Сетка — социальная сеть от hh.ru 🚀 КАК ИЗ НАБРОСКА ИИ ПОЛУЧИЛСЯ РАБОЧИЙ ИНСТРУМЕНТ⚙️🪛 | Сетка — социальная сеть от hh.ru 🚀 КАК ИЗ НАБРОСКА ИИ ПОЛУЧИЛСЯ РАБОЧИЙ ИНСТРУМЕНТ⚙️🪛 | Сетка — социальная сеть от hh.ru 🚀 КАК ИЗ НАБРОСКА ИИ ПОЛУЧИЛСЯ РАБОЧИЙ ИНСТРУМЕНТ⚙️🪛 | Сетка — социальная сеть от hh.ru 🚀 КАК ИЗ НАБРОСКА ИИ ПОЛУЧИЛСЯ РАБОЧИЙ ИНСТРУМЕНТ⚙️🪛 | Сетка — социальная сеть от hh.ru 🚀 КАК ИЗ НАБРОСКА ИИ ПОЛУЧИЛСЯ РАБОЧИЙ ИНСТРУМЕНТ⚙️🪛 | Сетка — социальная сеть от hh.ru 🚀 КАК ИЗ НАБРОСКА ИИ ПОЛУЧИЛСЯ РАБОЧИЙ ИНСТРУМЕНТ⚙️🪛 | Сетка — социальная сеть от hh.ru 🚀 КАК ИЗ НАБРОСКА ИИ ПОЛУЧИЛСЯ РАБОЧИЙ ИНСТРУМЕНТ⚙️🪛 | Сетка — социальная сеть от hh.ru