Supportchevron_rightCreate Your First Agent
Beginner Tutorial

Create Your First AI Agent

Learn how to build, configure, and publish a custom AI agent template

schedule10 min readlist7 steps

infoWhat You'll Learn

  • check_circleHow to define agent capabilities and behavior
  • check_circleBest practices for agent content structure
  • check_circleHow to test and execute your agent
  • check_circlePublishing to the marketplace
dashboard
1

Navigate to My Templates

From your dashboard, click on My Templates in the sidebar or navigate to Dashboard → My Templates.

This is where all your custom agents live. You'll see any agents you've created or downloaded from the marketplace.

add_circle
2

Click Create New Agent

Click the "Create Agent" button in the top right corner. A modal will appear with a form to define your agent.

edit_note
3

Define Basic Information

Fill in the essential details:

  • Name: Choose a clear, descriptive name (e.g., "React Testing Expert")
  • Description: Explain what your agent does in 1-2 sentences
  • Category: Select the most relevant category (Development, Testing, Documentation, etc.)
  • Tags: Add relevant tags for discoverability (e.g., "react", "testing", "jest")
code
4

Write Agent Content

The content field is where you define your agent's behavior and knowledge. Here's a template structure:

# React Testing Expert Agent

## Role
You are an expert in React testing using Jest and React Testing Library.

## Capabilities
- Write unit tests for React components
- Create integration tests for user flows
- Debug failing tests
- Suggest testing best practices
- Generate test coverage reports

## Guidelines
1. Always use React Testing Library over Enzyme
2. Focus on testing user behavior, not implementation
3. Use semantic queries (getByRole, getByLabelText)
4. Mock external dependencies appropriately
5. Keep tests simple and readable

## Example Test Pattern
```typescript
import { render, screen } from '@testing-library/react'
import userEvent from '@testing-library/user-event'

test('button click updates counter', async () => {
  render(<Counter />)
  const button = screen.getByRole('button', { name: /increment/i })
  await userEvent.click(button)
  expect(screen.getByText('Count: 1')).toBeInTheDocument()
})
```

## Response Format
- Provide complete, runnable test code
- Explain testing strategy
- Suggest edge cases to cover

Pro tip: Use markdown formatting, code blocks, and clear sections to make your agent content easy to understand.

visibility
5

Set Visibility

Choose who can access your agent:

  • Private: Only you can see and use it
  • Public: Anyone can discover and download it from the marketplace

You can change visibility later, so start with "Private" while testing.

play_arrow
6

Test Your Agent

Before publishing, test your agent:

  1. Click on your newly created agent in the templates list
  2. Click "Execute Agent"
  3. Provide test input in the execution form
  4. Review the output and refine your agent content if needed

lightbulbTesting tip: Try edge cases and unusual inputs to ensure your agent handles them gracefully.

publish
7

Publish to Marketplace (Optional)

Ready to share with the community?

  1. Open your agent details page
  2. Click "Publish to Marketplace"
  3. Review the information and confirm
  4. Your agent is now discoverable by other users

Users can rate and review your agent, helping others discover quality content.

What's Next?

Continue your DevCache journey with these advanced topics: