AI-аасаа текст уншигч төхөөрөмж шиг хүлээхээ боль: Дэд агент, ур чадвар, командуудыг бүтээ

Prompt-оос хамаарахаас ухаалаг агент системд шилжих нь

Ихэнх хүн AI-г одоо ч телепромптер шиг ашигласаар байна.

Тэд prompt бичнэ. Хүлээнэ. Хариу авна. Хаа нэгтээ хуулж буулгана. Дараа нь дахин хийнэ. Дахин, дахин. Яриа болгон тэгээс эхэлнэ. Өмнөх яриа бүр мартагдана.

Энэ бол хамтын ажиллагаа биш. Нэмэлт алхамтай диктант юм.

2026 онд хэрвээ та AI үйлчилгээ үзүүлэгчдээ телепромптер шиг ашигласаар байвал яг хөл дороо өрнөж буй бүхэл бүтэн өөрчлөлтийг алгасаж байна гэсэн үг.

Телепромптерийн асуудал

AI-г телепромптер шиг ашиглахдаа өөрөө ажиллах чадвартай системийг нэг удаагийн текст үүсгэгч болгон ашиглаж байна. Энэ нь иймэрхүү загвартай:

1. Та нарийвчилсан prompt бичнэ
2. Хариуг хүлээнэ
3. Гаргасан үр дүнг гараар үнэлнэ
4. Сайжруулж, дахин prompt өгнө
5. Чатаа хаахад бүх контекстоо алдана

Энэ загвар гурван үхлийн ноцтой согогтой:

Тогтвортой мэдлэг байхгүй. Яриа болгон цагаан хуудаснаас эхэлнэ. Та нэг контекстийг дахин дахин тайлбарлана. Таны AI кодын сан, сонголт, хязгаарлалт, түүхийг тань мэдэхгүй.

Даалгаж хуваарилах зүйл байхгүй. Та үргэлж саад болсон хэвээр үлдэнэ. Шийдвэр бүр, баталгаажуулалт бүр, дараагийн алхам бүр таны оролцоог шаардана. AI таныг дараа нь юу хийхийг хэлэхийг хүлээж зогсоно.

Мэргэшил байхгүй. Код, баримтжуулалт, дизайн, тестлэлт, байршуулалт бүгдэд нэг ерөнхий интерфейс хэрэглэнэ. Нэг prompt-ын хэв маяг. Нэг контекстийн цонх. Нэг яриа олон хүний ажлыг хийнэ.

Телепромптерийн загвар AI-г багаж гэж үздэг. Харин багаж бие даасан байдлыг томруулдаггүй. Агентууд томруулдаг.

Агентаар сэтгэхэд юу өөрчлөгдөх вэ

Claude Code-д агентын архитектур гурван үндсэн бүрэлдэхүүнээс тогтоно:

• Дэд агентууд: тусгаарлагдсан контекстийн цонхтой, мэргэшсэн Claude хувилбарууд (~/.claude/agents/)
• Ур чадварууд: SKILL.md файлтай, автоматаар идэвхжих мэдлэгийн модулиуд (~/.claude/skills/)
• Командууд: тодорхой үйлдэлд зориулсан, хэрэглэгчийн идэвхжүүлдэг /slash командууд (~/.claude/commands/)

Уламжлалт prompt-оос гол ялгаа нь:

• Ур чадварыг Claude контекстээс нь хамаарч автоматаар идэвхжүүлнэ
• Командыг та /command гэж тодорхой бичиж дуудна
• Дэд агент өөрийн хэрэгслүүдтэйгээ тусдаа контекстэд ажиллана

Ялгааг нь харцгаая:

Телепромптерийн арга:

"Надад зурагтай, гарчигтай, үндсэн тексттэй, үндсэн товчтой card компонент бичиж өг, манай дизайн системийн хэв загвар болон хүртээмжийн стандартыг баримтална..."

Claude Code-ын арга:

/generate card --variant=default --with-image=true --with-button=true

Эхнийх нь хүсэлт. Хоёр дахь нь card гэж юу болохыг, таны дизайн систем юуг шаарддагийг, ямар хүртээмжийн стандарт үйлчилдгийг, өөрийн гаргасан үр дүнг хэрхэн шалгахыг аль хэдийн мэддэг ур чадварыг дууддаг.

Архитектур: Дэд агент, ур чадвар & командууд

Телепромптерийн загварыг орлох бүтэц нь иймэрхүү:

1-р түвшин: Дэд агентууд

Дэд агентууд бол ~/.claude/agents/ дотор байх, ажлыг зэрэгцүүлэн гүйцэтгэдэг бие даасан markdown файлууд юм. Тэд өөрийн контекстийн цонхтой бөгөөд ур чадваруудыг дуудаж чадна.

~/.claude/agents/
├── header-builder.md
├── footer-builder.md
└── dashboard-builder.md

Дэд агент бүрийн файл YAML frontmatter-тэй байна:

• name: Ойлгомжтой нэр
• description: Юу хийдэг, хэзээ дуудах вэ
• tools: Зөвшөөрөгдсөн боломжууд (Read, Write, Bash, Grep, Glob)

Дэд агентын жишээ (header-builder.md):

---
name: header-builder
description: Build complete header components with navigation
tools: Read, Write, Bash, Glob, Grep
---  You are a header component specialist...

2-р түвшин: Ур чадварууд

Ур чадвар бол автоматаар идэвхжих мэдлэгийн модуль юм. Та Claude-аас ур чадвартай нь таарах зүйл асуухад Claude үүнийг автоматаар хэрэглэнэ.

~/.claude/skills/
├── card/
│   ├── SKILL.md
│   ├── workflows/
│   │   ├── generate.md
│   │   ├── validate.md
│   │   └── improve.md
│   ├── references/
│   │   └── schema.yml
│   └── scripts/
│       └── validate.py

Энэ нь Atomic Design аргачлалыг дагана: атом, молекул, организм. Ур чадвар бүр яг нэг зүйлийн мэргэжилтэн. Танд card хэрэгтэй үед card ур чадвар автоматаар идэвхжинэ.

Ур чадвар бүр дараахыг мэднэ:

• Компонентын схем (props, slots, variants)
• Таны дизайн системийн конвенцууд
• Фреймворкийн онцлог хэв загварууд
• WCAG хүртээмжийн шаардлагууд
• Лавлаж болох холбоотой ур чадварууд

3-р түвшин: Командууд

Командууд бол хэрэглэгчийн идэвхжүүлдэг товчлолууд юм. Та /command гэж бичиж дуудна. Тэд ур чадварын workflow-д эсвэл глобал түвшинд байрлана:

~/.claude/skills/card/workflows/
├── generate.md    # /generate card
├── validate.md    # /validate card
├── improve.md     # /improve card
├── document.md    # /document card
├── test.md        # /test card
└── a11y.md        # /a11y card

Командууд төлөвлөлтөд дэд агентуудыг дуудаж болох ба дараа нь үндсэн Claude гүйцэтгэлийг хийнэ. Ингэснээр бүх хэрэгслийн хандалттай бүтэцлэгдсэн workflow-той болно.

Бүрэн жишээ: Card ур чадвар

Бодит ур чадвар дээр энэ хэрхэн ажилладгийг яг харуулъя:

Ур чадварын бүтэц

~/.claude/skills/card/
├── SKILL.md           # Core prompt and instructions
├── workflows/         # Slash commands
│   ├── generate.md
│   ├── validate.md
│   ├── improve.md
│   ├── document.md
│   ├── test.md
│   └── a11y.md
├── references/        # Documentation loaded into context
│   └── schema.yml
└── scripts/           # Executable Python/Bash scripts
    └── validate.py

SKILL.md файл

---
name: card
description: Generate and validate card components 
  for any design system with accessibility checks
---  # Card Skill  When user requests card components, this skill 
auto-triggers based on context.
 ## Schema  props:
  title: string
  body: string
  image: { src, alt, width }
  variant: default | horizontal | overlay
 slots:
  header: Custom header content
  footer: Buttons, links
 ## Related Skills  This skill can reference:
- image
- heading
- button
- link
- text

Slash командуудыг ашиглах нь

Шинэ card үүсгэх:

/generate card \   --variant="default" \   --title="Welcome" \   --with-image=true \   --with-button=true

Одоо байгаа card-ыг шалгах:

/validate card \   --file="components/card.jsx"

Хүртээмжийн нийцлийг шалгах:

/a11y card --level="AA"

Тодорхой нөхцөлд зориулж UX-ийг сайжруулах:

/improve card \   --context="e-commerce product listing" \   --focus="conversion"

Гадарга доор юу болдог вэ

Та /generate card-ыг дуудахад Claude:

1. Card ур чадварыг идэвхжүүлнэ: SKILL.md контекстэд ачаалагдана
2. Схемийг уншина:  Таны параметрүүдийг зөвшөөрөгдсөн props-той тулган шалгана
3. Бусад ур чадварыг лавлана:  image, heading, button ур чадварууд өөрсдийн мэдлэгийг нийлүүлнэ
4. Workflow-г ажиллуулна: workflows/generate.md гүйцэтгэгдэнэ
5. Өөрийгөө шалгана: Өөрийн гаргасан үр дүн дээр validate workflow-г ажиллуулна
6. Үр дүнг буцаана:  Компонентыг аливаа сануулгын хамт өгнө

Card ур чадвар зүгээр л markup үүсгэдэггүй. Тэр бүр өөрийн салбарын мэдлэгийг оруулдаг мэргэжилтнүүдийн системийг зохион байгуулдаг.

Яагаад чухал вэ: Бүтээгчээс системээр сэтгэгч болох нь

Телепромптерийн загвар таныг операторын байранд үлдээдэг. Ур чадварын загвар таныг архитектор болгодог.

Би prompt бичихээс ур чадвар зохиох руу шилжихэд хэд хэдэн зүйл өөрчлөгдсөн:

Би контекстоо давтахаа больсон. Ур чадвар бүр өөрийн салбарыг аль хэдийн мэддэг. Card хэрэгтэй болгондоо card гэж юу болохыг тайлбарладаггүй болсон.

Би найрлалаар сэтгэж эхэлсэн. Хуудас бол нэг prompt биш, молекулуудын зохицуулалтаас бүтсэн организмуудын, молекулууд нь атомуудын зохицуулалт юм. Давхарга бүр өөрийн ур чадвартай.

Би баталгаажуулалтыг даатгасан. Үр дүн бүрийг гараар хянахын оронд /validate команд бүтцийг, /a11y команд WCAG нийцлийг шалгаж, /test команд автомат шалгалтуудыг ажиллуулна. Би бүх үр дүнг биш, зөвхөн онцгой тохиолдлуудыг хянадаг.

Би байгууллагын мэдлэгийг бүтээсэн. Ур чадварын SKILL.md-ийг сайжруулахад тэр сайжруулалт хадгалагдан үлдэнэ. Систем нэг ярианд бус цаг хугацааны явцад ухаалаг болдог.

AI-г хэрэглэх ба AI-тай хамт бүтээх хоёрын ялгаа энэ юм.

Дизайн бол код юм

Дизайн системтэй ажиллах явцдаа би нэг зарчимд хүрсэн: Дизайн бол код.

Дизайн токенууд, компонентын схемүүд, агентын тохиргоонууд нэг зүйлд нийцэхэд дизайнерын заасан зүйл болон хөгжүүлэгчийн бүтээсэн зүйлийн хооронд орчуулгын давхарга үлддэггүй. Спецификаци нь өөрөө хэрэгжилт болно.

Агентууд үүнийг хэрхэн бодит болгодог вэ:

# The schema IS the source of truth schema:   props:     variant:       type: string
      enum: [primary, secondary, success, danger, warning, info]       default: primary
    size:       type: string
      enum: [sm, md, lg]       default: md
 tokens:   colors:     - --btn-bg
    - --btn-color
    - --btn-border-color

Энэ схем зүгээр л баримт бичиг биш. Энэ бол үнэний эх сурвалж. Агент компонентуудыг үүнээс үүсгэнэ. Шалгагч үүнтэй тулган шалгана. Дизайн токенууд үүнийг лавлана. Нэг файл, олон хэрэглээ.

Дизайнер Figma дахь токений утгыг шинэчлэхэд агентын тохиргоо шинэчлэгдэнэ. Агентын тохиргоо шинэчлэгдэхэд үүсгэгдсэн компонентууд шинэчлэгдэнэ. Дизайн бол код, учир нь хоёулаа нэг схемээс гаралтай.

Claude Code-оор бүтээж эхлэх нь

Хэрэв та телепромптерийн загвараас цааш гарахад бэлэн бол практик зам энэ:

1-р алхам: Өөрийн салбаруудыг тодорхойл

Таны ажлын аль хэсэг нь давтагддаг, дүрэмд тулгуурладаг, контекстээс хамаардаг вэ? Эдгээр нь ур чадвар болох нэр дэвшигчид:

• Код үүсгэх
• Баримтжуулалт
• Тестлэлт
• Хяналт ба баталгаажуулалт
• Дизайн системийн удирдлага
• Байршуулалт ба DevOps

2-р алхам: Анхны ур чадвараа үүсгэ

Энгийн SKILL.md-ээр эхэл:

---
name: my-component
description: Generate and validate my-component
---  # My Component Skill  When user asks about my-component, apply these rules...

3-р алхам: Workflow (команд) нэм

workflows/ дотор зургаан үндсэн командыг үүсгэ:

Команд бүр заавар бүхий markdown файл юм.

4-р алхам: Ур чадварын лавлагаануудыг тогтоо

Ур чадварууд бусад ур чадварыг лавлаж болно:

## Related Skills  This skill uses:
- image (for card images)
- button (for CTAs)
- heading (for titles)

Эдгээр хамаарлыг зур. Шатлал нь таны салбарын байгалийн бүтэцтэй таарах ёстой.

5-р алхам: Нарийн төвөгтэй ажилд дэд агент үүсгэ

Тусгаарлагдсан контекст эсвэл зэрэгцээ гүйцэтгэл хэрэгтэй үед ~/.claude/agents/ дотор дэд агентын файл үүсгэ:

---
name: header-builder
description: Build complete header components with navigation, logo, and search
tools: Read, Write, Bash, Glob, Grep
---  You are a header component specialist. When building headers:
1. Check existing header patterns in the codebase
2. Use the nav, button, logo skills for sub-components
3. Ensure responsive design and accessibility

Ур чадварын санг бүтээх нь

Ур чадваруудаа Atomic Design-ыг дагуулан бүтэцлэ:

Ур чадвар бүр:

• Өөрийн SKILL.md тохиргоотой
• Slash командуудтай workflows/-той
• Баримт бичигтэй references/-тэй
• Автоматжуулалтад зориулсан scripts/-тэй
• Өөрийн лавладаг бусад ур чадварыг мэднэ

Ингэснээр Claude контекстээс хамаарч зөв ур чадварыг автоматаар идэвхжүүлдэг, тогтвортой, өргөжүүлэх боломжтой систем бий болно.

Ирээдүй бол агентлаг

Atomic Design-ыг зохиогч Brad Frost энэ өөрчлөлтийн талаар ярьж байна: дизайн системүүд машинд уншигдахуйц дэд бүтэц болох ёстой, учир нь AI агентууд одоо хүний багуудын хэрэглэдэг ижил компонентуудаар UI угсарч байна.

Энэ бол 2030 оны тухай таамаглал биш. Энэ яг одоо болж байна.

Хэрэв таны дизайн системийг агент задлан ойлгож чадахгүй бол энэ нь хуучирч байна. Хэрэв таны хөгжүүлэлтийн workflow алхам бүрт хүний prompt шаарддаг бол энэ нь томрохгүй. Хэрэв таны AI-тай харилцаа бүр тэгээс эхэлдэг бол хуримтлагдсан мэдлэгээ үрэн таран хийж байна.

AI шинэлэг зүйл байхад телепромптерийн загвар зүгээр байсан. AI дэд бүтэц болсон үед зүгээр биш.

Prompt бичихээ боль. Дизайн хийж эхэл.

Агентуудыг бүтээ. Тэдэнд ур чадвар өг. Тэднийг зохицуулалтыг нь хийг.

Ирээдүй нь скрипт бичигчдийнх биш, системийн архитектор болсон хүмүүсийнх.

Вэб хөгжүүлэлтийн ирээдүйд зориулсан агентлаг дизайн системүүдийг бүтээж байна.

Цааш унших

• Дизайн бол код  Дизайн системд эсийн автомат загварчлалаар сэтгэх тухай миний судалгаа
• Brad Frost-ийн Atomic Design  Компонентын шатлалын цаад аргачлал
• Өөрсдийгөө бүтээдэг системийг зохион бүтээх нь  Бүтээгчээс системээр сэтгэгч болох нь