> For the complete documentation index, see [llms.txt](https://purecodedocs.gitbook.io/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://purecodedocs.gitbook.io/docs/features/video-tutorials.md).

# Video Tutorial's

This video guides you through various features, offering insights into how Pure Code AI can enhance your workflow and boost productivity. Begin by watching the video below to see Pure Code AI in action.

{% embed url="<https://youtu.be/SMjx6NDYF2k>" %}

This example shows how to quickly dive into a new codebase and create a new page, even if you don't have much familiarity with the existing frameworks or code layout. It highlights how easy it is to create, implement, and style a new page in Next.js by using automated tools and understanding the code context, which boosts productivity for newcomers to the environment.&#x20;

{% embed url="<https://youtu.be/81gLyYd1Oks?si=Rfm36FBi7758UqZd>" %}

***

### Planning Step

How we can utilize the planning steps

{% embed url="<https://youtu.be/R3SXpvAAcaU?si=VGeMMf9mB3TBqhCZ>" %}

***

### Generate API's with PureCode AI

{% embed url="<https://youtu.be/3VbCvHvEsjY?si=Ovj6qBvz9yCGU_kg>" %}

***

### Generate UI Components from Image with PureCode AI

Subtext explaining the flow.&#x20;

{% embed url="<https://youtu.be/6XIhwN10SLw?si=qen0lFecGom3tw-7>" %}

***

### Quickly Index your Documents with PureCode AI

Subtext explaining the flow.&#x20;

{% embed url="<https://youtu.be/TTV12bsyvtQ?si=QhSlSFdXueH--mnh>" %}

***

### Setting Model Instructions in PureCode AI

Subtext explaining the flow.&#x20;

{% embed url="<https://youtu.be/WD1dIVSICsI?si=BnyPHPsY_LkWr6eJ>" %}

***

### Refactor Complex code with PureCode AI

sub text

{% embed url="<https://youtu.be/vTy79I5umMA?si=UfYzIchj6zdGt3av>" %}

***

### Refactor Complex code with PureCode AI

sub text

{% embed url="<https://youtu.be/B7F9dvX0PQw?si=X886TjnP70XRjDI8>" %}