Як краще створювати код за допомогою LLM
29 subscribers
38 photos
171 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
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://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