Skip to content
Draft
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions learn/getting-started/create-your-first-application.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -371,5 +371,6 @@ harper deploy \

## Additional Resources

- [Using AI Agents](./using-agents) - Build Harper applications faster with AI.
- [Table Schema](../../docs/developers/applications/defining-schemas) reference
- [REST](../../docs/developers/rest) reference
68 changes: 68 additions & 0 deletions learn/getting-started/using-agents.mdx
Original file line number Diff line number Diff line change
@@ -0,0 +1,68 @@
---
title: Using AI Agents
---

AI-powered development tools can significantly accelerate your workflow when building Harper applications. Whether you want a dedicated assistant or prefer using your favorite LLM, Harper provides the tools and context needed to make AI an effective part of your development process.

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Add a ## What You Will Learn section after the intro para and before your main content that includes a bulleted list of learning outcomes for this guide.

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Add a ## Prerequisites section after the ## What You Will Learn section that includes a bulleted list of prerequisite tools or knowledge. You can omit things like "code editor" "terminal" or "node.js", but you may want to include things like "AI Agent key/secret of choice" or whatever for the setup process. You can use this section to link out to the harper-agent supported AI Agents for how to get credentials.

## Harper Agent

The `harper-agent` is a purpose-built AI assistant designed specifically for Harper development. It understands the Harper ecosystem and can help you with tasks ranging from project setup to debugging.

https://github.com/HarperFast/harper-agent
Comment on lines +9 to +11
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
The `harper-agent` is a purpose-built AI assistant designed specifically for Harper development. It understands the Harper ecosystem and can help you with tasks ranging from project setup to debugging.
https://github.com/HarperFast/harper-agent
The `harper-agent` is an open source, purpose-built AI assistant designed specifically for Harper development. It understands the Harper ecosystem and can help you with tasks ranging from project setup to debugging. See its source code in the [`HarperFast/harper-agent`](https://github.com/HarperFast/harper-agent) repository.


### Features

- **Application Creation**: Scaffold full Harper applications from natural language descriptions.
- **Code Generation**: Write schema definitions, custom functions, and integration code.
- **Diagnosis and Running**: Run your application and let the agent diagnose and fix errors.
- **Browser Control**: The agent can even interact with a browser to help you test and manage your applications.

### Installation

Install the Harper Agent globally using npm:

```bash
npm install -g @harperfast/agent
```

### Usage

To start the agent, simply run:

```bash
harper-agent
```
Comment on lines +22 to +34
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Do we really recommend global installation? Or should we recommend users to npx @harperfast/agent@latest or something like that?


On first run, it will help you configure your preferred AI model (Gemini, Claude, ChatGPT, or Ollama). Once configured, you can interact with it directly from your terminal.

---
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
---


## Skills: Empowering General-Purpose Agents

If you prefer using general-purpose AI tools like **Claude**, **ChatGPT**, **GitHub Copilot**, or **Cursor**, you can provide them with Harper-specific "Skills" to improve their accuracy and performance.

### What are Skills?

Skills are a collection of Harper-specific context, documentation, and best practices. When an AI agent has access to these skills, it is much more likely to generate high-quality, idiomatic Harper code and follow current best practices.

### Getting Skills

The easiest way to get Harper skills is by using the `create-harper` bootstrapper. When you create a new Harper project, a `skills/` directory is automatically included.

```bash
npm create harper@latest
```

You can also browse our ever evolving library of skills here:

https://github.com/HarperFast/create-harper/tree/main/templates-shared/all/skills
Comment on lines +56 to +58
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I don't love raw links in documentation. I don't have a strong reason for why, but I find it better to link descriptive text instead.

Maybe:

Suggested change
You can also browse our ever evolving library of skills here:
https://github.com/HarperFast/create-harper/tree/main/templates-shared/all/skills
You can also browse our ever evolving library of skills in the [`HarperFast/create-harper`](https://github.com/HarperFast/create-harper/tree/main/templates-shared/all/skills) repository.


### How to use Skills

Once you have a `skills/` directory in your project, you can use it with your favorite AI tools:

- **Chat-based AI (Claude/ChatGPT)**: Upload the markdown files from the `skills/` directory to your conversation to provide the AI with immediate context.
- **IDE Extensions (Cursor/Copilot)**: Ensure these tools are indexing your project. They will automatically pick up the context from the `skills/` directory to provide better completions and chat responses.
- **Custom Agents**: If you are building your own AI-powered workflows, you can point your agent to these skills to give it specialized knowledge of Harper.

By leveraging these AI tools, you can move from idea to a running Harper application faster than ever before.
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This last line is a good succinct conclusion.

Add a ## Additional Resources section below this with a bulleted list of links. This could include things previously mentioned like guides for getting Claude/ChatGPT/etc. keys, links to Harper Agent or Harper Create repos/npm modules, or any other docs content.

5 changes: 5 additions & 0 deletions sidebarsLearn.ts
Original file line number Diff line number Diff line change
Expand Up @@ -23,6 +23,11 @@ const sidebarsLearn: SidebarsConfig = {
id: 'getting-started/create-your-first-application',
label: 'Create your First Application',
},
{
type: 'doc',
id: 'getting-started/using-agents',
label: 'Using AI Agents',
},
],
},
{
Expand Down