Notion Style AI Editor NextJS Template

Launch your product with this advanced prebuilt notion-like template and quickly release a full fledged editor experience for your business clients or SaaS users.

Features:

1 ) Custom Prompts Manager

The editor allows us to create, update, delete custom prompts we call Assistant Skills.

This allows you to create prompts for your client’s specific workflow in any niche (e.g legal, finance, marketing)

2) Run Multiple Skills Against Highlighted Text

Quickly select between different skills in the editor window.

Traditionally, if you’re using ChatGPT, you would have to switch between different chat windows and assistants, copying and pasting parts of the same conversation into each one.

Then we can highlight text and run 

a) the skill we selected

b) preset AI commands (Improve writing, Fix grammar, etc)

3) Context awareness

The context aware flag in the above navigation bar 

will include the entire document context, 

allowing the AI to create higher quality output.

For example, the screenshot above tells the AI:

For this selection in this document, create me Engaging Headlines

If we didn't include the context, it would create headlines that are out of place and don’t fit the content.

4) Dynamic promp variable replacement

All admin prompts have enabledContext and giventText embedded in them.

These variables get replaced dynamically 

depending on if the use enabled the context flag and if they made a selection:

Code and Structure

The code structure is broken down into a typical NextJS styled project

app/api/generate/route.ts is the backend API for all our AI commands.