Создание трекера увольнений в сфере ИИ с помощью Claude Cowork: Практические детали реализации

Разработчик создал живой, интерактивный трекер увольнений, который собирает и отображает каждую компанию, ссылающуюся на ИИ как на причину сокращения рабочих мест в 2026 году. Трекер полностью поддерживает поиск, фильтрацию по отрасли и году, а также включает доску вакансий с активными ролями в сфере ИИ.

Как использовался Claude Cowork в разработке

Разработчик использовал Claude Cowork (совместное рабочее пространство) для нескольких конкретных задач разработки:

• Генерация начальной структуры таблицы: Вставил CSV-файл с данными об увольнениях и дал запрос: "Создайте HTML/CSS таблицу с сортируемыми столбцами, адаптивным дизайном и фильтрами по отрасли/году. Используйте Tailwind CSS." Claude сразу выдал весь интерфейс фильтров и таблицу.
• Отладка логики фильтров: Поделился фрагментом JavaScript, где фильтр "Все годы" не сбрасывался корректно. Claude определил проблему: "Ваша функция renderTable() не сбрасывает отфильтрованный массив, когда год равен 'all'. Добавьте условие." Исправление заняло 2 минуты.
• Создание модального окна для сравнения: Запросил всплывающее модальное окно для сравнения 3 ноутбуков бок о бок. Claude написал весь HTML модального окна, CSS позиционирование и обработчики событий JS по одному запросу.
• Оптимизация целей касания на мобильных устройствах: Спросил: "Сделайте выдвижной фильтр доступным на мобильных устройствах с целями касания 48px и фоном." Claude переписал CSS и добавил ARIA-атрибуты.
• Генерация тестовых данных: Предоставил Claude список из 5 компаний, и он расширил его до 12 с реалистичными названиями должностей, зарплатами и тегами удалённой/гибридной работы для доски вакансий.

Разработчик отметил, что не смог бы создать это без окна контекста в 200 тысяч токенов, которое позволило обрабатывать более крупные фрагменты кода и более сложные запросы за одно взаимодействие.