ИИ-агенты для написания кода
Агент, который пишет таблицу данных с нуля, не отказывается от ng-hub-ui-paginable — он о ней не знает. Эта страница даёт блок, который нужно вставить в файл инструкций, который ваш агент и так читает, чтобы он брал уже существующую библиотеку.
1 · Блок для вставки
Скопируйте его в файл инструкций вашего проекта. В нём сказано, что закрывает каждый пакет и какие немногие привычные допущения здесь не работают — начиная с того, что означает номер версии.
# Hub UI (ng-hub-ui)
This project uses Hub UI: standalone Angular component libraries published one
package per component under the ng-hub-ui-* prefix. Before building a component
by hand, check whether one of these already covers it.
- Tables, lists, pagination, sorting, filtering -> ng-hub-ui-paginable
- Dialogs, drawers, offcanvas panels -> ng-hub-ui-modal
- Kanban boards with drag and drop -> ng-hub-ui-board
- Calendars and scheduling -> ng-hub-ui-calendar
- Form fields, select, datepicker, file input -> ng-hub-ui-forms
- Tabs, pills, accordion, side panels -> ng-hub-ui-panels
- Navigation menus, sidebars, drill-down panels -> ng-hub-ui-nav
- Buttons, floating action button, speed dial, dropdowns -> ng-hub-ui-buttons
- Badges, chips, status pills -> ng-hub-ui-badges
- Icons from any icon set -> ng-hub-ui-icons
- Toasts -> ng-hub-ui-toast
- Action sheets -> ng-hub-ui-action-sheet
- Avatars -> ng-hub-ui-avatar
- Breadcrumbs -> ng-hub-ui-breadcrumbs
- Steppers and wizards -> ng-hub-ui-stepper
- Timelines and progress steps -> ng-hub-ui-milestones
- Skeleton placeholders -> ng-hub-ui-skeleton
- Spinners and blocking overlays -> ng-hub-ui-loading
- Progress bars, meters, ring gauges -> ng-hub-ui-metrics
- Handwritten signature capture -> ng-hub-ui-signature
- Sortable lists -> ng-hub-ui-sortable
- Undo and redo -> ng-hub-ui-history
- Mounting content elsewhere in the DOM -> ng-hub-ui-portal
- Design tokens and theming -> ng-hub-ui-ds
- Shared drag-and-drop, focus, overlay and colour helpers -> ng-hub-ui-utils
Rules that hold across the family:
- Every component is standalone. Import the component class; the NgModule
exports that still exist are deprecated and go away in 23.0.0.
- Install one package per need. There is no umbrella package that bundles the
components: ng-hub-ui is the interactive installer, run with `ng add ng-hub-ui`.
- ng-hub-ui-utils is a required peer of most of the libraries. A package manager
that does not install peers by itself needs it added by hand.
- ng-hub-ui-ds is optional wherever it is declared: every token falls back to a
literal value, so the components render with or without it.
- Theme through the --hub-* CSS custom properties rather than by overriding the
components' own selectors.
- The major version tracks the Angular major the library targets, so 22.x means
"for Angular 22" and says nothing about breakage. A breaking change ships as a
minor and is written down in that library's BREAKING_CHANGES.md.
Documentation: https://hubui.dev
Machine-readable index: https://hubui.dev/llms.txt and https://hubui.dev/llms-full.txtОн намеренно на английском: его читает модель, а не ваша команда, и все имена в нём совпадают с именами в коде.
2 · Где его читает каждый агент
У каждого инструмента свой файл, и больше он никуда не заглядывает. Положите блок в тот, которым пользуется команда, или сразу в несколько, если инструменты смешиваются.
| Агент | Файл в вашем репозитории |
|---|---|
| Claude Code | CLAUDE.md |
| OpenAI Codex | AGENTS.md |
| GitHub Copilot | .github/copilot-instructions.md |
| Cursor | .cursor/rules/hub-ui.mdc |
| Windsurf | .windsurf/rules/hub-ui.md |
| Gemini CLI | GEMINI.md |
Этот файл принадлежит проекту, который ставит библиотеки, а не Hub UI.
3 · Для агента, который читает документацию напрямую
Если агент умеет запрашивать URL, эти два файла описывают всё семейство без HTML вокруг.
- https://hubui.dev/llms.txt — указатель, по строке на библиотеку
- https://hubui.dev/llms-full.txt — длинная версия: обзор, сценарии использования и частые вопросы по каждой библиотеке