ИИ-сотрудники · Дизайн · № 54

ИИ-разработчик мини-приложений

Только Claude Code Без ключей Нужен Node.js

Собирает интерактивные штуки одним файлом: калькулятор стоимости, квиз для прогрева, тест-опросник, мини-сервис. Внутри настоящее приложение, снаружи один HTML-файл, который открывается везде.

Скачать сотрудника

Архив скилла и та же инструкция в PDF, чтобы держать под рукой.

web-artifacts-builder.zipархив скилла, 30 КБ Инструкция168 КБ, 2 страницы

Под капотом: скилл web-artifacts-builder из официального репозитория Anthropic, 159 000+ звёзд. React и Tailwind упакованы в один файл.

Что умеет

Установка

  1. Скачай архив web-artifacts-builder.zip из этой папки и распакуй.
  2. Положи папку в ~/.claude/skills/.
  3. Проверь Node.js: команда node -v в терминале. Если нет: поставь с nodejs.org (LTS-версия).
  4. Перезапусти Claude Code. Готово.
В браузерном Claude не заработает. Этому сотруднику нужен доступ к твоему компьютеру, файлам или внешним сервисам. Чат работает в изолированной песочнице, такого доступа там нет. Ставь его в Claude Code, как описано в соседней вкладке.
Совет: Интерактивный калькулятор как лид-магнит работает сильнее PDF: человек играет с цифрами про свой бизнес и сам себя прогревает. Идею проси у сотрудника 13.

Как пользоваться

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

«Собери калькулятор окупаемости [продукт или услуга]»
«Сделай квиз «какой [что] тебе подходит» на 6 вопросов»
«Собери тест по материалам моего курса на 10 вопросов»
«Мини-приложение: генератор [чего-то] по шаблону»

Что получишь на выходе

Один HTML-файл с работающим приложением: логика, стили и интерактив внутри. Можно открыть с любого устройства, повесить на сайт или раздать ученикам.

Пример задачи целиком

Собери квиз-калькулятор «Сколько времени тебе сэкономят ИИ-сотрудники». 6 вопросов про рутину: контент, письма, документы, аналитика. На выходе: часы в месяц и деньги по ставке пользователя, кнопка «забрать 60 ИИ-сотрудников» с моей ссылкой. Стиль тёмный с мятным акцентом.

Забрать сразу всех

Один архив: 60 папок с архивами скиллов, PDF-инструкция к каждому и оглавление, с кого начинать.

Загрузить 60 сотрудников

Частые вопросы

Куда выкладывать готовый файл?

Куда угодно: свой сайт, Tilda, GitHub Pages, просто файлом в телеграм. Работает без сервера.

Соберёт данные с квиза?

Файл сам по себе данные не хранит. Попроси добавить отправку в форму или бот, сотрудник встроит.

Нужны API-ключи или оплата?

Нет. Нужен только бесплатный Node.js для сборки.

Источник: 159 000+ звёзд на GitHub. Поставил и проверил на своих задачах.

Похожие сотрудники

№ 51

ИИ-дизайнер-график

Создаёт статичную графику: постеры, обложки, визуалы для постов и гайдов. Работает от дизайн-философии: сначала продумывает идею и композицию, потом рисует в PNG или PDF.

 № 52

ИИ-бренд-дизайнер

Отвечает за единый стиль всех материалов: собирает фирменный стиль с нуля и применяет готовые профессиональные темы к презентациям, документам и страницам.

 № 53

ИИ-веб-дизайнер

Делает страницы, которые выглядят дизайнерски: осмысленная типографика, палитра, композиция. Вторая суперсила: вытаскивает дизайн-систему с любого сайта, который тебе нравится.