Agentic coding with shadcn/ui (with Claude Code)

Практичний курс по побудові production-ready фіч за допомогою agentic AI workflow на прикладі Claude Code, внутрішнього стеку адміністративної панелі та компонентного підходу з shadcn/ui.

У курсі буде покроково показано повний цикл імплементації фічі — від збору вимог до фінального рев’ю агентом — з акцентом не лише на prompt engineering, а й на побудову системного AI-driven workflow для реальної командної розробки.

Що буде покрито

1. Збір вимог та контексту

Почнемо з підготовки повного контексту для AI-агента:

• аналіз API через Swagger/OpenAPI;
• робота з SRS-документацією;
• ознайомлення з Figma-дизайном;
• підключення дизайну через MCP;
• збір функціональних та UX-вимог;
• підготовка структурованого контексту для агента.

Окремо розглянемо:

• які дані критично важливі для якісної генерації;
• як формувати контекст, який масштабуватиметься на великі фічі;
• типові помилки при роботі з агентними AI.

2. Grilling-сесія та формування PRD

На цьому етапі фіча проходить через детальний “grilling”-процес — серію уточнюючих сесій, які допомагають агенту та розробнику синхронізувати бачення майбутньої реалізації.

У секції буде показано:

• як проводити AI-assisted feature discovery;
• як формувати повноцінний PRD;
• як декомпозувати задачу на implementation phases;
• як створювати plans/issues документи;
• як описувати acceptance criteria;
• як готувати фази для автономного виконання агентом.

Також буде розглянуто:

• структуру якісного PRD для agentic coding;
• підходи до phase-based execution;
• techniques для deterministic AI behavior;
• способи зменшення “галюцинацій” та неконсистентних рішень.

3. Agentic Implementation Workflow

Фінальний етап — безпосередня імплементація фічі агентом.

PRD, дизайн та implementation phase передаються агенту, після чого він:

• імплементує функціонал;
• дотримується дизайн-системи;
• використовує внутрішній стек шаблону;
• враховує архітектурні правила проекту;
• генерує готовий production-ready код.

У секції також буде показано:

• як проводити agent review;
• як оцінювати результат роботи AI;
• як будувати iterative feedback loop;
• як контролювати якість генерації;
• як інтегрувати AI workflow у реальний процес командної розробки.

Результат проходження курсу

Після проходження курсу ви зможете:

• будувати agentic workflow для імплементації будь-якої фічі;
• ефективно працювати з Claude Code;
• створювати якісні PRD для AI-агентів;
• масштабувати AI-assisted development у команді;
• імплементувати нові фічі на внутрішньому стеку адміністративної панелі значно швидше та більш консистентно;
• формувати стандарти роботи з AI всередині engineering-команди.