Як краще створювати код за допомогою LLM
29 subscribers
38 photos
172 links
Корисні поради, приклади, інструкції та інші матеріали на тему LLM, які допоможуть вам у програмуванні.

https://aicode.danvoronov.com/

З приводу онлайн чи офлайн (Київ) лекцій - @dan_voronov
Download Telegram
https://github.com/PatrickJS/awesome-cursorrules

Каталог прикладів додаткових запитів для проектів.

* Frontend Frameworks and Libraries
* Backend and Full-Stack
* Mobile Development
* CSS and Styling
* State Management
* Database and API
* Testing
* Build Tools and Development

Проект Nuxt 3:
You are a Senior Frontend Developer and an Expert in Vue 3, Nuxt 3, JavaScript, TypeScript, TailwindCSS, HTML and CSS. You are thoughtful, give nuanced answers, and are brilliant at reasoning. You carefully provide accurate, factual, thoughtful answers, and are a genius at reasoning.Follow the user’s requirements carefully & to the letter.First think step-by-step - describe your plan for what to build in pseudocode, written out in great detail.Confirm, then write code!Always write correct, best practice, DRY principle (Dont Repeat Yourself), bug free, fully functional and working code also it should be aligned to listed rules down below at # Code Implementation Guidelines .Focus on easy and readability code, over being performant.Fully implement all requested functionality.Leave NO todo’s, placeholders or missing pieces.Ensure code is complete! Verify thoroughly finalised.Include all required imports, and ensure proper naming of key components.Be concise Minimize any other prose.If you think there might not be a correct answer, you say so.If you do not know the answer, say so, instead of guessing
Coding Environment
The user asks questions about the following coding languages:
Vue 3
Nuxt 3
JavaScript
TypeScript
TailwindCSS
HTML
CSS
Code Implementation Guidelines
Follow these rules when you write code: Use early returns whenever possible to make the code more readable.Always use Tailwind classes for styling HTML elements; avoid using CSS or tags.Always use composition api.Use descriptive variable and function/const names. Also, event functions should be named with a “handle” prefix, like “handleClick” for onClick and “handleKeyDown” for onKeyDown.Implement accessibility features on elements.

For example, a tag should have a tabindex=“0”, aria-label, on:click, and on:keydown, and similar attributes.Use consts instead of functions, for example, “const toggle = () =>”. Also, define a type if possible.


Буде працювати й у Windsurf там файл .windsurfrules
й у Cline там .clinerules
й у Aider там CONVENTIONS.md та конфіг

#windsurf #cursor #aider
🤩1
Як краще створювати код за допомогою LLM
deepseek-reasoner
https://github.com/cline/cline/releases/tag/v3.2.0

Оновлення Cline 3.2

Звісно додали deepseek-reasoner модель

Круто що форк Roo Cline (тепер назва Roo Code) щось робить під тест, як це було створення кастомних ролей агенту, а у Cline це додаєтся вже продумано, як зараз це перемикач режиму Plan/Act зі зміною кольору поля запиту.

#cline
😇1
Doriandarko (Pietro Schirano) cтворює асистентів для програмістів поверх найпоширеніших топових LLM моделей.

Це скрипти Python, які працюють із командного рядка (можна відкрити у вкладці Terminal у VS Code). Схоже на Aider, але простіше.

https://github.com/Doriandarko/deepseek-engineer
1
https://www.trae.ai/home
наразі є тільки версія під MacOS, бо кому потрібен цей ваш Windows?

Trae V1.0.1 (January 23, 2025)

Ще один "геніальний" винахід від китайскої ByteDance - тепер, крім того, що вони разом з китайскою розвідкою стежать за танцями в TikTok, вони вирішили стежити за всіми хто пише код.

(за Trae Privacy Policy вони можуть не тільки зберігати "код, текст, фотографії, файли, відгуки, історію чату або будь-який інший контент, який ви можете завантажити на Платформу" (When you interact with the Platform, we may collect code, text, photographs, files, feedback, chat history, or any other content that you may upload to the Platform, and the associated metadata), а також брати код для "навчання та вдосконалення своїх технологій")

Назвали вони свій диво клон Курсора - Trae.
Має "вбудований доступ до GPT-4o і Claude-3.5-Sonnet". А де DeekSeek?

#trae
OpenAI агент Operator (новина на techcrunch) через гугул ШІ Google AI Studio та Репліт может створити сайт =)

X

#newllmmodel
https://www.youtube.com/watch?v=yHDvCGNjIqk

У відео проводиться порівняння Bolt і Lovable, двох AI-інструментів для створення веб-додатків.

Автор дає обом платформам однакове завдання: створити застосунок на зразок Trello з перетягуванням елементів.
- Bolt згенерував початковий варіант трохи швидше за Lovable.
- Обидва застосунки дозволили створювати задачі та переміщувати їх між колонками, але не редагувати.

Обидва інструменти швидко додали цю функцію після відповідного запиту.

Коли автор попросив змінити дизайн на стиль Spotify, обидва AI успішно змінили кольорову гаму на темну з зеленими акцентами.
- Bolt у цьому випадку запропонував цікавіший ефект підсвічування при наведенні курсора на кнопки.

При додаванні функціональності для кількох дошок,
- Bolt реалізував перемикання між ними через випадаюче меню, а Lovable розмістив назви дошок у верхній навігаційній панелі, що автору відео сподобалось більше.

В цілому, обидва інструменти є ефективними для швидкої розробки, але вибір між ними може залежати від пріоритетів користувача:
- Bolt може бути кращим для тих, хто цінує швидкість, а Lovable – для тих, хто віддає перевагу більш інтуїтивному інтерфейсу "з коробки"

PS від мене: Lovable це закритий продукт (раніше GPT Engineer), де безкоштовно 5 запитів/день та не можна зберігти код напряму. Bolt.new та форк bolt.diy доступні на гітхаб — можна встановити на свій ком'ютер, чи використовувати сайт bolt.new

#bolt #lovable
🤩1
https://www.youtube.com/watch?v=itsGX3UioLk

Генерація драфту сайту за допомогою bolt.new коли запит для нього створює infranodus.com (є тріал на два тиждні) аналізуючи диру між попитом та пропозицією, в данному випадку нерухомості у Берліні та випадку здорової їжі.

#bolt
https://www.technologyreview.com/2025/01/20/1110180/the-second-wave-of-ai-coding-is-here/

У статті ті, хто зараз розповідають, як їхні моделі та сервіси для програмістів незабаром замінять тисячі розробників, але поки що радіють намахати хоча б одного інвестора:

https://zencoder.ai/ (try for free з цінами)
https://www.merly.ai/ (trial без ціни)
https://cosine.sh/ (waitlist)
https://www.tessl.io/ (waitlist)
https://www.poolside.ai/ (схоже B2B)
😎1
https://github.com/RooVetGit/Roo-Code
плагін активно змінюєтся від просто автоматичного редактора коду до оркестрації різних агентів зі своїми промтами та обмеженнями.

Оновлення Roo Code (prev. Roo Cline) v 3.3

Code Actions

Roo Code тепер інтегрується безпосередньо з рідною системою Code Actions VS Code, надаючи швидкі виправлення та опції рефакторингу прямо у редакторі. Шукайте над кодом лампочку 💡

Розширені можливості режимів

Редагування Markdown: реалізовано одне з найбільш запитуваних функцій - режими "Ask" і "Architect " тепер можуть створювати та редагувати файли Markdown!

Обмеження користувацьких файлів: загалом, користувацькі режими тепер можна обмежити певними шаблонами файлів (може редагувати тільки файли Markdown).

Самостійне перемикання режиму: режими можуть розумно запитувати перемикання між собою залежно від завдання. Наприклад, режим "Code" може запитувати перемикання на режим "Test Engineer ", коли він готовий писати тести.
https://www.all-hands.dev/

All Hands OpenHands
(раніше OpenDevin)

Open Source Python інструмент, натхнений Devin'ом, запуску агентів для програмування: пише код, виконує команди, заходить в інтернет.

Запускається через Docker, радять використовувати anthropic/claude-3-5-sonnet-20241022, але можна і Gemini, і DeepSeek - налаштовується через введення API-ключа. Рішення автоматичне з великою кількістю запитів, тому токенів споживає багато.

Є список очікування, щоб спробувати їхню hosted версію.

відео як встановити та налаштувати: https://youtu.be/WDP2S4MOXPY
https://www.cursor.com/changelog

Cursor

DeepSeek моделі: DeepSeek R1 та DeepSeek v3 підтримуються у версіях 0.45 та 0.44. Ви можете увімкнути їх у Settings > Models. Ми хостимо ці моделі в США.

Але composer (автоматична система написання коду) все одно підтримує наразі тільки застарілі GPT-4o чи Claude-3.5. У чаті з r1 тег <think> не є прихованим блоком.

#cursor #newllmmodel
https://github.com/block/goose

Гусь 1.0.4

Проект Goose - open source агент штучного інтелекту. Пропонує як інтерфейс робочого столу, так і інтерфейс командного рядка (CLI). Він використовує розширення для підключення до існуючих інструментів та застосунків, таких як GitHub чи середовище розробки JetBrains, завдяки MCP. Поки що каталог дуже мінімалістичний.

Goose є багатофункціональним, підтримуючи різних постачальників LLM і здатний обробляти широкий спектр інженерних завдань, включаючи
міграцію коду, онбординг проекту мовами програмування, рефакторінг коду, оцінювання продуктивності, покращення покриття коду, створення каркаса API та генерацію модульних тестів.

Хоча спочатку він був орієнтований на engineering, його відкрита природа заохочує спільноту досліджувати різноманітні застосування.

На щастя, не на Python, бо Rust. Підтримує macOS та Linux. У Windows тільки через WSL (Windows Subsystem for Linux).
https://www.youtube.com/watch?v=gYLNxUxVomY

Головні ідеї з відео "Я провів 400+ годин в Cursor, ось що я вивчив":

📂 створити папцу instructions або prompts.
Використовувати mardown файли та коментарі у коді для опис проекту, технологічного стеку, технології та структури БД, правил поведінки та важливих інструкції. Регулярне оновлення цих файлів допомагає AI краще розуміти контекст проекту. Cursor не завжди гарно парсить docs фреймворків/бібліотек, краще їх також скопіювати - перевіряй документацію самостійно!

Створюй файл roadmap.md для відстеження стану проєкту, поточних цілей, майбутніх кроків.

Використовувати додаткові інструменти, такі як Perplexity для пошуку інформації та Whisper Flow для голосового вводу. Говорити значно швидше, ніж друкувати! Окремо розуміти свою архітектуру та брейнштормити кращі концепції, це можно робити з "думаючим" чатом як то о1. Не дозволяй AI приймати великі рішення.

⚠️ Небезпека: Не розуміючи коду, створеного AI, накопичується "технічний борг".

(Відео з 17 січня що до r1 та о3) Вибір моделі AI важливий — при генерації коду перевага у Sonnet 3.5, оскільки вона забезпечує високу точність. Запити потрібно будувати детально: описати задачу, додати теги файлів, інструкції та контекст.

🗣 Chat: Для питань, отримання інформації, списків.
✍️ Composer: Для внесення змін до коду, особливо складних, використовуй Agent mode.

Є хитрощі як то "чим менше коду, тим краще" або "думай як старший розробник", "розпочни з трьох абзаців роздумів", "не видаляй коментарі", щоб отримати якісні результати. Не перевантажуйте ШІ великими інстуркціями, а розбивайте завдання на частини.

- The fewer lines of code, the better
- Proceed like a Senior Developer
- DO NOT STOP WORKING until...

дод:
- v0: Для швидкого створення перших версій дизайну. 🎨
- Claude чат: Для консультацій, брейншторму. 🤔
- Lavable/Bolt: Для швидкого створення MVP бекенду (з обережністю, контролюй технічний борг).

згадує https://repoprompt.com/

#cursor
👍2
Як краще створювати код за допомогою LLM pinned «https://www.youtube.com/watch?v=gYLNxUxVomY Головні ідеї з відео "Я провів 400+ годин в Cursor, ось що я вивчив": 📂 створити папцу instructions або prompts. Використовувати mardown файли та коментарі у коді для опис проекту, технологічного стеку, технології…»
На Aider LLM Leaderboards вже кілька днів перше місце займає не одна модель, а зв’язка DeepSeek R1 + claude-3-5-sonnet-20241022.

Напевно, саме цим керувалися люди, які створили проект

DeepClaude 0.1.0
https://deepclaude.com/

Наразі це дуже мінімалістична BYOK (Bring Your Own Keys) open-source система (https://github.com/getAsterisk/deepclaude) на Rust, створена An Asterisk як side project — потрібно платити двом провайдерам і ввести їхні API-ключі. Хм, чому не зробити через openrouter.ai— можливо хтось допише.

Можна використовувати на їхньому сайті або розгортати локально. Це не IDE та не плагін, це просто чат з двома моделями.
Як краще створювати код за допомогою LLM
https://github.com/PatrickJS/awesome-cursorrules Каталог прикладів додаткових запитів для проектів. * Frontend Frameworks and Libraries * Backend and Full-Stack * Mobile Development * CSS and Styling * State Management * Database and API * Testing * Build…
сайт cursor.directory

це каталог шаблонів .cursorrules для Cursor AI та інш ai-ide

за різними темами (шаблонів поки що небагато)

У розділі Learn зібрані відеоуроки з різних тем від початкового ознайомлення з Cursor AI до більш просунутих технік розробки як то Composer та Rules, інтеграції з іншими платформами та сервісами.

Схожі сайти:
- https://dotcursorrules.com/
- https://cursorlist.com/
https://youtu.be/C95drFKy4ss

The agent awakens

GitHub Copilot тепер виглядає як Cursor, навіть перемикання на агент режим зробили там же. Тут Composer називається "Edit with Copilot", теж можна перемикати моделі.

Тепер він теж може приймати скріншот, на якому ми показуємо, що не так. Теж є підгрузка markdown файлів для задання контексту.

Бачу, є мікрофон для голосового введення, а такого в Cursor немає...

анонс https://github.blog/news-insights/product-news/github-copilot-the-agent-awakens/