> ## Documentation Index
> Fetch the complete documentation index at: https://docs.zencoder.ai/llms.txt
> Use this file to discover all available pages before exploring further.
# Module 1: Foundations
## Intro
Module 1 walks through launching an AI-assisted development workflow: setting up the Zencoder tooling, partnering with specialized agents, and shipping a team productivity tracker while keeping quality signals in place for scale.
## Video lesson
Preview lesson. The full video is available on Udemy.
## Key takeaways
* Install the Zencoder extensions in VS Code and JetBrains, and tailor the workspace so the agent panel and files stay visible together.
* Kick off new projects by asking the agent discovery questions to surface best practices, feature ideas, and a recommended stack before coding.
* Let the Code Agent scaffold a React + Vite + TypeScript codebase, handling terminal commands, folder structure, and initial configuration.
* Use the Coding Agent to craft UI components, polish styling, and verify responsiveness.
* Iterate feature-by-feature—team member sidebar, task cards, filters, modals, stats, search, and progress bars—letting agents reuse and extend existing files.
* Use the Coding Agent to introduce Vitest, seed meaningful coverage for task creation, filtering, and status updates, and keep tests green.
* Script Playwright flows that exercise adding, filtering, completing, and searching tasks like a real user.
* Use Skills to encode project conventions so later coding sessions start with instant context instead of re-reading the entire codebase.