Stuffcheck

Π‘Π»ΠΎΠ³ ΠΎ практичСском ΠΏΡ€ΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠΈ AI-Π°Π³Π΅Π½Ρ‚ΠΎΠ² Π² ΠΊΠΎΠ΄ΠΎΠ²ΠΎΠΉ Π±Π°Π·Π΅, систСмном Π΄ΠΈΠ·Π°ΠΉΠ½Π΅, инструмСнтах Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ° ΠΈ создании быстрых минималистичных Π²Π΅Π±-ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ.

Β· 4 ΠΌΠΈΠ½ чтСния Β· JS Mastery

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ AGENTS.md

Руководство ΠΏΠΎ настройкС ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° для AI-Π°Π³Π΅Π½Ρ‚ΠΎΠ²

Π›ΡŽΠ±ΠΎΠΉ AI-ассистСнт Π² Π½ΠΎΠ²ΠΎΠΌ Ρ€Π΅ΠΏΠΎΠ·ΠΈΡ‚ΠΎΡ€ΠΈΠΈ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π²ΡΠ»Π΅ΠΏΡƒΡŽ: ΠΎΠ½ Π½Π΅ Π·Π½Π°Π΅Ρ‚ Π°Ρ€Ρ…ΠΈΡ‚Π΅ΠΊΡ‚ΡƒΡ€Ρ‹, нСгласных ΠΏΡ€Π°Π²ΠΈΠ» ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹ ΠΈ Π·Π°ΠΏΡ€Π΅Ρ‰Π΅Π½Π½Ρ‹Ρ… Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊ. Π‘Π΅Π· Ρ‡Π΅Ρ‚ΠΊΠΈΡ… Ρ€Π°ΠΌΠΎΠΊ модСль Π½Π°Ρ‡ΠΈΠ½Π°Π΅Ρ‚ ΠΈΠ·ΠΎΠ±Ρ€Π΅Ρ‚Π°Ρ‚ΡŒ вСлосипСды, Π»ΠΎΠΌΠ°Ρ‚ΡŒ стили ΠΈ Π·Π°Π±ΠΈΠ²Π°Ρ‚ΡŒ контСкст.

Π€Π°ΠΉΠ» AGENTS.md Π² ΠΊΠΎΡ€Π½Π΅ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° Ρ€Π΅ΡˆΠ°Π΅Ρ‚ эту ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡƒ. Π­Ρ‚ΠΎ ΠΎΠ½Π±ΠΎΡ€Π΄ΠΈΠ½Π³ ΠΈ опСрационная систСма для LLM, которая Π·Π°Π΄Π°Π΅Ρ‚ стСк, Π³Ρ€Π°Π½ΠΈΡ†Ρ‹ отвСтствСнности ΠΈ ΠΏΡ€Π°Π²ΠΈΠ»Π° сдачи ΠΊΠΎΠ΄Π°.


  1. Если ΠΊΡ€Π°Ρ‚ΠΊΠΎ
  2. Π’ Ρ‡Π΅ΠΌ Ρ€Π°Π·Π½ΠΈΡ†Π° с README.md
  3. Анатомия идСального AGENTS.md
  4. Π‘Π°Π·ΠΎΠ²Ρ‹ΠΉ шаблон
  5. Как Π²Π½Π΅Π΄Ρ€ΠΈΡ‚ΡŒ

Если ΠΊΡ€Π°Ρ‚ΠΊΠΎ

Π“Π»Π°Π²Π½Ρ‹ΠΉ ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏ Ρ€Π°Π±ΠΎΡ‚Ρ‹ с AI: Π²Ρ‹ β€” Π°Ρ€Ρ…ΠΈΡ‚Π΅ΠΊΡ‚ΠΎΡ€, Π°Π³Π΅Π½Ρ‚ β€” ΠΈΡΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒ.

АгСнт Π½Π΅ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°Ρ‚ΡŒ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ΠΎΠ²Ρ‹Π΅ ΠΈΠ»ΠΈ Π°Ρ€Ρ…ΠΈΡ‚Π΅ΠΊΡ‚ΡƒΡ€Π½Ρ‹Π΅ Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ. Π§Π΅ΠΌ свободнСС Ρ„ΠΎΡ€ΠΌΡƒΠ»ΠΈΡ€ΠΎΠ²ΠΊΠ° Π·Π°Π΄Π°Ρ‡ΠΈ, Ρ‚Π΅ΠΌ Π²Ρ‹ΡˆΠ΅ риск ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ сломанный ΠΏΡ€ΠΎΠ΅ΠΊΡ‚:

<!-- ❌ ΠŸΠ»ΠΎΡ…ΠΎΠΉ запрос: слишком Ρ€Π°Π·ΠΌΡ‹Ρ‚ΠΎ -->

Π‘Π΄Π΅Π»Π°ΠΉ страницу поиска с AI-Ρ„ΠΈΠ»ΡŒΡ‚Ρ€Π°Ρ†ΠΈΠ΅ΠΉ ΠΈ красивым UI.

<!-- βœ… БистСмный запрос: Ρ‡Π΅Ρ‚ΠΊΠΈΠ΅ Π³Ρ€Π°Π½ΠΈΡ†Ρ‹ -->

Π Π΅Π°Π»ΠΈΠ·ΡƒΠΉ страницу поиска ΠΏΠΎ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°ΠΌ:

- Π‘Π΅Ρ€Π²Π΅Ρ€Π½Ρ‹ΠΉ Ρ€ΠΎΡƒΡ‚ /api/search с Π²Π°Π»ΠΈΠ΄Π°Ρ†ΠΈΠ΅ΠΉ Ρ‡Π΅Ρ€Π΅Π· Zod.
- UI Π½Π° ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π°Ρ… ΠΈΠ· components/SearchCard.astro.
- ΠŸΠ΅Ρ€Π΅Π΄ написаниСм ΠΊΠΎΠ΄Π° ΠΏΠΎΠΊΠ°ΠΆΠΈ ΠΏΠ»Π°Π½ Ρ€Π΅Π°Π»ΠΈΠ·Π°Ρ†ΠΈΠΈ.

Π’ Ρ‡Π΅ΠΌ Ρ€Π°Π·Π½ΠΈΡ†Π° с README.md

README.md ΠΈ AGENTS.md Ρ€Π΅ΡˆΠ°ΡŽΡ‚ Ρ€Π°Π·Π½Ρ‹Π΅ Π·Π°Π΄Π°Ρ‡ΠΈ:

ΠšΡ€ΠΈΡ‚Π΅Ρ€ΠΈΠΉREADME.mdAGENTS.md
Π§ΠΈΡ‚Π°Ρ‚Π΅Π»ΡŒΠ§Π΅Π»ΠΎΠ²Π΅ΠΊAI-Π°Π³Π΅Π½Ρ‚
Π’ΠΎΠ½ΠžΠΏΠΈΡΠ°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ, Π΄Ρ€ΡƒΠΆΠ΅Π»ΡŽΠ±Π½Ρ‹ΠΉΠ˜ΠΌΠΏΠ΅Ρ€Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΉ, строгий
ЀокусУстановка, запуск, Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΠΈΠžΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½ΠΈΡ, Π°Π½Ρ‚ΠΈΠΏΠ°Ρ‚Ρ‚Π΅Ρ€Π½Ρ‹, ΠΏΡ€Π°Π²ΠΈΠ»Π° ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΎΠΊ
Π”Π΅Ρ‚Π°Π»ΠΈΠžΠ±Ρ‰ΠΈΠΉ ΠΎΠ±Π·ΠΎΡ€ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°Π’ΠΎΡ‡Π½Ρ‹Π΅ ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹, схСмы данных…

Анатомия идСального AGENTS.md

Π Π°Π±ΠΎΡ‡ΠΈΠΉ AGENTS.md состоит ΠΈΠ· 6 ΠΊΠΎΡ€ΠΎΡ‚ΠΊΠΈΡ… Ρ€Π°Π·Π΄Π΅Π»ΠΎΠ²:

1. ΠŸΡ€ΠΎΡ‚ΠΎΠΊΠΎΠ» Ρ€Π°Π±ΠΎΡ‚Ρ‹

ΠŸΠΎΡ€ΡΠ΄ΠΎΠΊ дСйствий Π°Π³Π΅Π½Ρ‚Π° Π΄ΠΎ ΠΏΠ΅Ρ€Π²ΠΎΠΉ строчки ΠΊΠΎΠ΄Π°:

  • Π˜Π·ΡƒΡ‡ΠΈΡ‚ΡŒ связанныС Ρ„Π°ΠΉΠ»Ρ‹ ΠΈ Ρ‚ΠΈΠΏΡ‹ Π΄Π°Π½Π½Ρ‹Ρ….
  • Π—Π°Π΄Π°Ρ‚ΡŒ ΠΎΠ΄ΠΈΠ½ ΡƒΡ‚ΠΎΡ‡Π½ΡΡŽΡ‰ΠΈΠΉ вопрос ΠΏΡ€ΠΈ нСоднозначности.
  • Π‘ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΊΡ€Π°Ρ‚ΠΊΠΈΠΉ ΠΏΠ»Π°Π½ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΉ.
  • ΠΠ°ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄ строго ΠΏΠΎ ΠΏΠ»Π°Π½Ρƒ.
  • Π—Π°ΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ Π»ΠΈΠ½Ρ‚Π΅Ρ€, Ρ‚Π°ΠΉΠΏΡ‡Π΅ΠΊ ΠΈ тСсты.
  • Π‘Π΄Π°Ρ‚ΡŒ ΠΊΡ€Π°Ρ‚ΠΊΠΈΠΉ ΠΎΡ‚Ρ‡Π΅Ρ‚ ΠΎ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π°Ρ….

2. Π‘Ρ‚Π΅ΠΊ ΠΈ Ρ‡Π΅Ρ€Π½Ρ‹ΠΉ список

Π―Π²Π½ΠΎ ΡƒΠΊΠ°ΠΆΠΈΡ‚Π΅ стСк ΠΈ Π·Π°ΠΏΡ€Π΅Ρ‰Π΅Π½Π½Ρ‹Π΅ Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ:

### Π‘Ρ‚Π΅ΠΊ

- Next.js 15 (App Router), TypeScript, Tailwind CSS v3, Zod.

### Π—Π°ΠΏΡ€Π΅Ρ‰Π΅Π½ΠΎ

- ❌ НС ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ сторонниС UI-Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ (MUI, Chakra).
- ❌ НС ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ any Π² TypeScript.
- ❌ НС ΠΏΠΈΡΠ°Ρ‚ΡŒ inline-стили ΠΈ CSS Modules.
- ❌ НС ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ микросСрвисы β€” всС API строго Π² App Router.

3. Π“Ρ€Π°Π½ΠΈΡ†Ρ‹ отвСтствСнности ΠΈ сСкрСты

Π—Π°Ρ‰ΠΈΡ‚ΠΈΡ‚Π΅ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ ΠΎΡ‚ ΡƒΡ‚Π΅Ρ‡ΠΊΠΈ Ρ‚ΠΎΠΊΠ΅Π½ΠΎΠ² Π½Π° ΠΊΠ»ΠΈΠ΅Π½Ρ‚:

### АрхитСктура

- **ΠšΠ»ΠΈΠ΅Π½Ρ‚**: Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ UI ΠΈ бСзопасныС Π²Ρ‹Π·ΠΎΠ²Ρ‹ API.
- **Π‘Π΅Ρ€Π²Π΅Ρ€**: Ρ€Π°Π±ΠΎΡ‚Π° с Π‘Π”, Π²Ρ‹Π·ΠΎΠ²Ρ‹ LLM ΠΈ сторонних API.

### ΠŸΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹Π΅ окруТСния

- 🟒 ΠŸΡƒΠ±Π»ΠΈΡ‡Π½Ρ‹Π΅ (ΠΊΠ»ΠΈΠ΅Π½Ρ‚): NEXT_PUBLIC_APP_URL
- πŸ”΄ ΠŸΡ€ΠΈΠ²Π°Ρ‚Π½Ρ‹Π΅ (Ρ‚ΠΎΠ»ΡŒΠΊΠΎ сСрвСр): OPENAI_API_KEY, DATABASE_URL

4. Π”ΠΈΠ·Π°ΠΉΠ½ ΠΈ UI

  • Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ истины: эталонныС ΡΠΊΡ€ΠΈΠ½ΡˆΠΎΡ‚Ρ‹ ΠΈΠ»ΠΈ ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ Figma воспроизводятся 1-Π²-1.
  • ΠŸΠ΅Ρ€Π΅ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Π½ΠΈΠ΅: ΠΏΡ€ΠΎΠ²Π΅Ρ€ΡΡ‚ΡŒ src/components/ ΠΏΠ΅Ρ€Π΅Π΄ созданиСм Π½ΠΎΠ²Ρ‹Ρ… элСмСнтов.
  • ΠΠ΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΡΡ‚ΡŒ: ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚Π½ΠΎΠ΅ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π½Π° ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… Π±Π΅Π· ΠΏΠΎΠ»ΠΎΠΌΠΊΠΈ дСсктопа.

5. ΠšΡ€ΠΈΡ‚Π΅Ρ€ΠΈΠΈ готовности

ΠšΠΎΠΌΠ°Π½Π΄Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π°Π³Π΅Π½Ρ‚ обязан Π²Ρ‹ΠΏΠΎΠ»Π½ΠΈΡ‚ΡŒ ΠΏΠ΅Ρ€Π΅Π΄ ΠΎΡ‚Ρ‡Π΅Ρ‚ΠΎΠΌ:

npm run type-check    # ΠŸΡ€ΠΎΠ²Π΅Ρ€ΠΊΠ° Ρ‚ΠΈΠΏΠΎΠ² TypeScript (tsc --noEmit)
npm run lint          # Π›ΠΈΠ½Ρ‚Π΅Ρ€ Π±Π΅Π· ошибок
npm run build         # УспСшная сборка ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°
npm run test          # Запуск unit-тСстов

6. Π€ΠΎΡ€ΠΌΠ°Ρ‚ ΠΎΡ‚Ρ‡Π΅Ρ‚Π°

ΠšΠΎΡ€ΠΎΡ‚ΠΊΠΎΠ΅ Ρ€Π΅Π·ΡŽΠΌΠ΅ Π±Π΅Π· лишнСго тСкста:

  • Π§Ρ‚ΠΎ сдСлано: 3–5 ΠΏΡƒΠ½ΠΊΡ‚ΠΎΠ².
  • ВСсты: статус сборки ΠΈ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΎΠΊ.
  • Π’Π½ΠΈΠΌΠ°Π½ΠΈΠ΅: нСявныС допущСния ΠΈΠ»ΠΈ вопросы ΠΊ Ρ€Π΅Π²ΡŒΡŽΠ΅Ρ€Ρƒ.

Π‘Π°Π·ΠΎΠ²Ρ‹ΠΉ шаблон

ΠŸΠΈΡˆΠΈΡ‚Π΅ ΠΏΡ€Π°Π²ΠΈΠ»Π° Π² AGENTS.md Π½Π° английском языкС.

  • Экономия Ρ‚ΠΎΠΊΠ΅Π½ΠΎΠ²: английский тСкст Π² 2–3 Ρ€Π°Π·Π° ΠΊΠΎΠΌΠΏΠ°ΠΊΡ‚Π½Π΅Π΅ ΠΊΠΈΡ€ΠΈΠ»Π»ΠΈΡ†Ρ‹ Π² контСкстном ΠΎΠΊΠ½Π΅ LLM.
  • Π’ΠΎΡ‡Π½ΠΎΡΡ‚ΡŒ: соврСмСнныС ΠΌΠΎΠ΄Π΅Π»ΠΈ (Claude, GPT-4o, Gemini) ΠΎΠ±ΡƒΡ‡Π΅Π½Ρ‹ Π½Π° англоязычном ΠΊΠΎΠ΄Π΅ ΠΈ Π»ΡƒΡ‡ΡˆΠ΅ ΡΠ»Π΅Π΄ΡƒΡŽΡ‚ систСмным инструкциям Π½Π° английском.

Starter kit для корня рСпозитория:

# AGENTS.md

## 1. Role & Principles

You are a senior software engineer. Write clean, maintainable code adhering to project architecture. Inspect existing patterns and types before coding.

## 2. Workflow

1. Outline a brief implementation plan.
2. Implement changes with minimal required code footprint.
3. Run verification: `npm run type-check` and `npm run lint`.
4. Provide a concise completion report.

## 3. Tech Stack & Boundaries

- **Stack**: TypeScript, Tailwind CSS, Astro / Next.js.
- **Security**: Strict client/server separation. Never expose private API keys to the browser.
- **UI**: Reuse existing design system components. Do not introduce arbitrary styles.

## 4. Definition of Done

- [ ] TypeScript compiles with zero errors (`tsc --noEmit`).
- [ ] Linter passes (`eslint .`).
- [ ] Production build succeeds (`npm run build`).
- [ ] Existing logic and comments are preserved.

## 5. Report Format

- **What was done**: 3–5 bullet points.
- **Verification**: Build and test statuses.
- **Needs attention**: Edge cases, assumptions, or questions.

Π€Π°ΠΉΠ» с ΠΏΡ€ΠΈΠΌΠ΅Ρ€ΠΎΠΌ ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚Π½ΠΎΠ³ΠΎ AGENTS.md

ΠŸΡ€Π°Π²ΠΈΠ»Π° Π² Ρ„Π°ΠΉΠ»Π΅ ΠΎΠΏΠΈΡΡ‹Π²Π°ΡŽΡ‚ большой ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ (Next.js + Sanity + AI-поиск + авторизация):

Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ AGENTS.md


Как Π²Π½Π΅Π΄Ρ€ΠΈΡ‚ΡŒ

  1. Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ AGENTS.md Π² ΠΊΠΎΡ€Π½Π΅ рСпозитория Π½Π° английском языкС.
  2. ЗафиксируйтС стСк ΠΈ Π³Π»Π°Π²Π½Ρ‹Π΅ Π·Π°ΠΏΡ€Π΅Ρ‚Ρ‹ (Π°Π½Ρ‚ΠΈΠΏΠ°Ρ‚Ρ‚Π΅Ρ€Π½Ρ‹).
  3. Π”ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠΈ (type-check, lint, build).
  4. ΠžΠΏΠΈΡˆΠΈΡ‚Π΅ ΠΏΡ€Π°Π²ΠΈΠ»Π° для ΠΏΡ€ΠΈΠ²Π°Ρ‚Π½Ρ‹Ρ… Ρ‚ΠΎΠΊΠ΅Π½ΠΎΠ² ΠΈ ΠΊΠ»ΡŽΡ‡Π΅ΠΉ API.
  5. ДополняйтС Ρ„Π°ΠΉΠ» ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ Ρ€Π°Π·, ΠΊΠΎΠ³Π΄Π° Π°Π³Π΅Π½Ρ‚ ΠΎΡˆΠΈΠ±Π°Π΅Ρ‚ΡΡ Π² Ρ‚ΠΈΠΏΠΈΡ‡Π½ΠΎΠΌ сцСнарии.

AGENTS.md β€” ΠΆΠΈΠ²ΠΎΠΉ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚. Π§Π΅Ρ€Π΅Π· 2–3 ΠΈΡ‚Π΅Ρ€Π°Ρ†ΠΈΠΈ AI-ассистСнт Π½Π°Ρ‡Π½Π΅Ρ‚ Π²Ρ‹Π΄Π°Π²Π°Ρ‚ΡŒ прСдсказуСмый ΠΈ чистый ΠΊΠΎΠ΄ с ΠΏΠ΅Ρ€Π²ΠΎΠ³ΠΎ ΠΏΡ€ΠΎΠΌΠΏΡ‚Π°.