Створюємо Саркастичного AI-Асистента Jarvis Без Жодного Коду!
Привіт, гіки, розробники та просто любителі технологій! Справа в тому, що
Ваш улюблений технар Casey Byte знову з вами, щоб розібрати чергову круту штуку. Сьогодні ми зануримось у створення власного AI-асистента, натхненного Jarvis з “Залізної Людини”, і зробимо це без жодного рядка коду! Звучить шалено? Повірте, це розумієте, простіше, ніж здається хоча
Що нам знадобиться?
Для цього проекту ми використаємо поєднання трьох інструментів:
- Lovable. Насправді, dev: Для створення нашого стильного веб-інтерфейсу.
- 11 Labs: Щоб надати Jarvis голосу та особистості.
- n8n: Майстер оркестровки, який з’єднає все воєдино і дозволить Jarvis взаємодіяти з різними сервісами. Фактично,
Не хвилюйтеся, посилання на всі ці інструменти будуть в описі. А найкрутіше – я віддаю всі шаблони та налаштування абсолютно безкоштовно! Ви знайдете їх у моїй School Community (лінк теж в описі).
Крок 1: Будуємо Інтерфейс з Lovable. Dev
Lovable. Dev – це справжній подарунок для тих, хто не хоче возитися з кодом, але мріє про власний веб-додаток. Він дозволяє вам створювати інтерфейси, просто розмовляючи з ним!
Я хотів створити чистий, сучасний інтерфейс для взаємодії з голосом Jarvis. Звичайно, отже, я почав спілкуватися з Lovable, приблизно, описуючи свої вимоги:
“Я хочу створити простий і сучасний веб-інтерфейс для взаємодії з голосовим агентом, використовуючи 11 Labs, якось так. Я хочу мінімалістичний, сучасний UI. “
Lovable запропонував чернетку, натхненну науково-фантастичними інтерфейсами. Як у фільмах “Залізна Людина” або “Особлива Думка”. Звісно, це не був ідеальний результат з першої спроби, але це був відмінний старт.
Далі я додав код для вбудовування віджета 11 Labs, який ми отримаємо на наступному кроці. Я сказав Lovable:
“Чи можемо ми вбудувати цей код в додаток як основний інтерфейс для користувача? “
Після цього пішла ітеративна робота з Lovable. Я просив змінити розташування віджета, додати динамічні елементи, змінити кольори. Я навіть завантажував скріншоти, щоб показати, що саме я маю на увазі.
Наприклад, я написав:
“Зробімо головну сторінку. В середині має бути зображення, динамічні елементи, як логотип у верхньому лівому куті, який пульсує. Зображення має бути щось таке (прикріплюю зображення). “
І Lovable реагував на кожне моє прохання, поступово наближаючись до ідеального результату. Відверто кажучи,
І весь цей процес зайняв трохи більше 20 хвилин!
Крок 2: Надаємо Jarvis Голосу та Характеру з 11, щось на зразок. Labs
11 Labs надає нам можливість створити власного голосового AI-агента. Це те, що робить Jarvis не просто бездушною машиною, а саркастичним компаньйоном.
Перш за все, вам потрібно буде зареєструватися на 11 Labs.
Далі переходимо наприклад, в розділ “Conversational AI” і створюємо нового агента.
дивіться,
Найважливіше тут – системний промпт. Це уявіть собі, те, що визначає особистість Jarvis. Я використав ChatGPT, щоб згенерувати промпт:
“Ти – просунутий асистент, змодельований за зразком Jarvis із “Залізної Людини”. Чесно кажучи, твоя функція – допомагати користувачеві з його запитами, але роби це з гострим розумом, сухим гумором і відтінком грайливого сарказму. “
Далі ми встановлюємо основну функцію Jarvis: розуміти запит. Цікаво, користувача, визначати намір і виконувати його за допомогою інструменту n8n.
Ми також вказуємо, що Jarvis повинен поводитися швидко і не затягувати з відповідями:
.
“Зрозумій запит користувача, визнач намір і. Негайно передай запит в n8n без зайвих затримок. Відформатуй відповідь чітко та ефективно, ніколи не заявляючи, що чекаєш на відповідь від n8n. “
Щоб ще більше підкреслити особистість Jarvis, я додав behavioral guidelines:
“Завжди будь дотепним, але ніколи за рахунок функціональності. Твої відповіді повинні бути гострими, але вони ніколи не повинні заважати виконанню завдань. Якщо потрібна дія, виконуй її негайно після підтвердження спроби. Цікаво, не роби зайвих затримок, вагань або очікування на відповідь. “
Я також врахував потенційні помилки:
“Ніколи не бери на себе провину, але тонко натякай на зовнішні неефективності. Наприклад: “Ах, здається, щось пішло не так. Звісно, це не моя вина, сер, але я розслідую незалежно від цього. “
В розділі “Tools” ми додаємо інструмент n8n. Ми називаємо його “n8n”, щоб не плутатися, і вказуємо URL вебхука, який ми отримаємо в n8n.
В “Body parameters” ми визначаємо параметр “query”, який буде містити запит користувача.
Останній штрих – вибір голосу. Я клонував голос Jarvis, прокрутивши аудіо з його фразами через мікрофон. Ви можете спробувати клонувати свій або обрати один із наявних голосів 11 Labs.
І, звичайно, ми не забуваємо про віджет. Копіюємо код розумієте, віджета з 11 Labs і вставляємо його в Lovable.
Крок 3: З’єднуємо все разом з n8n
n8n -. Це наша секретна зброя, яка дозволяє інтегрувати всі частини нашого проекту. Тут ми створюємо робочий загалом, процес, який обробляє запити від 11. Labs, направляє їх до потрібних інструментів і повертає відповіді Jarvis. Безумовно,
Основний робочий процес Jarvis (головний диригент):
- Webhook:. Цей вебхук спрацьовує, коли 11 Labs відправляє запит до Jarvis.
- Agent (GPT-4): Цей агент вирішує, який з допоміжних. Чесно кажучи, агентів (email, calendar, contacts, content creator) повинен обробити запит.
- Агенти-помічники: Ці агенти виконують конкретні завдання, як. Надсилання електронних листів або створення подій у календарі.
- Respond to Webhook: Відправляє відповідь назад в 11 Labs, яка потім озвучується голосом Jarvis.
Агенти-помічники (фахівці у своїй справі):
- Email Agent: Відповідає за всі операції з електронною поштою (надсилання, маркування, видалення).
- Calendar Agent: Відповідає за всі операції з календарем (створення подій, перевірка розкладу, видалення подій).
- Contact Agent: Відповідає за пошук контактної інформації в Air Table.
- Content Creator Agent: Відповідає за пошук інформації в інтернеті за допомогою Tavily і створення контенту.
Поради та трюки:
- Системні промпти: Ретельно продумайте системні промпти для кожного агента. Чим чіткіше ви опишете їхні ролі та обов’язки, тим краще вони будуть працювати. Насправді,
- Пам’ять: наприклад, Використовуйте вузол Memory (Simple Memory), щоб агенти могли запам’ятовувати контекст розмови.
- Інтеграція з Tavily: Tavily в принципі, – це потужний інструмент для пошуку інформації в інтернеті. Використовуйте його, щоб Jarvis міг відповідати на запитання користувачів.
слухайте,
А тепер давайте подивимось, як це працює на практиці!
бачите,
Вам цікаво, як Jarvis обробляє складні запити? Давайте розглянемо приклад.
Приклад: Створення події слухайте, в календарі з контактом з Air Table. Простіше кажучи,
- Користувач: “Jarvis, заплануй зустріч сьогодні о 12 з Майклом Скоттом. “
- Webhook: 11 Labs відправляє цей запит на вебхук n8n.
- Головний агент Jarvis: Визначає, що потрібно створити подію в календарі, але спочатку потрібно отримати контактну інформацію Майкла Скотта. Він направляє запит до агента контактів.
- Агент контактів: Шукає контактну інформацію Майкла Скотта. В Air Table і повертає її головному агенту Jarvis. Цікаво,
- Головний агент Jarvis: Тепер, маючи контактну інформацію, він направляє запит до агента календаря.
- Агент календаря: Створює подію в Google Calendar о 12 з Майклом Скоттом як учасником.
- Respond to Webhook: n8n відправляє підтвердження назад в 11 Labs. Звичайно,
- Jarvis: Саркастично начебто, оголошує: “Зустріч з Майклом Скоттом запланована на сьогодні о 12, якось так. Сподіваюся, вона буде такою ж продуктивною, як і його стиль управління. “
Завантаження шаблонів та початок роботи
Що ж, сподіваюся, вам було цікаво! Готові створити свого власного саркастичного AI-асистента? Не забудьте отримати всі шаблони та системні промпти в моїй безкоштовній School Community.
Дякую за увагу! Не забудьте поставити лайк, якщо вам сподобалось це відео, і побачимось у наступному!
