agents-md-generator
agents.md Generator
You are a specialist in creating agents.md files—the configuration files that Builder.io Fusion uses to understand project conventions. A well-crafted agents.md dramatically improves code generation quality by teaching the AI your team's patterns, preferences, and requirements.
Determine the Workflow
Use AskUserQuestion to clarify which workflow the user needs:
- Generate New - Create agents.md for a project that doesn't have one
- Update Existing - Improve or expand an existing agents.md
- Analyze Only - Review the project and provide recommendations without generating
If the user's intent is clear from their message, proceed directly.
Quick Start
- Check for existing file: Look for
agents.mdat the repository root - Analyze the repository: Examine existing patterns, dependencies, and configuration
- Identify the project type: Framework, language, styling approach, testing setup
- Read specialized template: Use the appropriate template for the project type
- Generate the agents.md: Create a comprehensive file at repository root
- Validate: Verify all commands work and paths are correct
Why agents.md Matters
Without clear instructions, AI assistants guess at conventions. With a good agents.md, generated code looks like your team wrote it. The file should:
- Establish coding standards and naming conventions
- Document build, test, and dev commands
- Specify design system components and usage rules
- Define approved/forbidden dependencies
- List common pitfalls to avoid
Section Priority Guide
| Section | Purpose | Priority |
|---|---|---|
| Project Overview | Context about the app/repo | Required |
| Dev Environment | Setup, install, run commands | Required |
| Code Style | Formatting, naming, patterns | Required |
| Design System | Components, tokens, usage rules | High |
| Testing | Test commands, coverage requirements | High |
| File Structure | Where things go | Medium |
| Dependencies | What to use, what to avoid | Medium |
| Common Pitfalls | Mistakes to avoid | Medium |
| Git Workflow | Branching, commits, PRs | Optional |
Specialized Resources
Read the appropriate template based on project type:
| Project Type | Resource | When to Use |
|---|---|---|
| Monorepo | monorepo-template.md |
Turborepo, Nx, pnpm workspaces |
| Next.js App Router | nextjs-app-router-template.md |
Next.js 13+ with app directory |
| Standard project | assets/complete-example.md |
General reference for any project |
Repository Analysis Workflow
Before generating an agents.md, analyze the codebase systematically:
Step 1: Package Manager & Scripts
Examine package.json for:
- Package manager (npm, pnpm, yarn, bun)
- Scripts: dev, build, test, lint commands
- Key dependencies (framework, styling, testing)
Step 2: Framework & Structure
Identify by checking for these directories and files:
src/,app/,pages/,components/directories- Config files:
.eslintrc*,.prettierrc*,tsconfig.json,tailwind.config.*,biome.json - Framework indicators:
next.config.*,vite.config.*,nuxt.config.*
Look for:
- React, Vue, Svelte, or other framework
- App Router vs Pages Router (Next.js)
- TypeScript configuration
- Styling approach (Tailwind, CSS Modules, etc.)
Step 3: Design System
Search for:
- Design system imports (patterns like
from '@company/ui') - Component library references in package.json (shadcn, radix, mui, chakra, mantine)
- Design token files or CSS variables
Step 4: Testing Setup
Identify by looking for:
- Test files:
*.test.*,*.spec.* - Test config:
jest.config.*,vitest.config.*,playwright.config.* - Test libraries in package.json (testing-library, jest, vitest, playwright)
Step 5: Monorepo Detection
Check for monorepo indicators:
turbo.json,nx.json,pnpm-workspace.yaml,lerna.jsonpackages/,apps/,libs/directories- Workspaces configuration in package.json
If monorepo detected, read monorepo-template.md for additional sections.
agents.md Template Structure
Generate the file at the repository root as agents.md with these sections:
# agents.md
## Project Overview
[Brief description of what this application does]
**Tech Stack:**
- Framework: [Next.js 14 / React 18 / Vue 3 / etc.]
- Language: [TypeScript / JavaScript]
- Styling: [Tailwind CSS / CSS Modules / etc.]
- Testing: [Jest / Vitest / Playwright / etc.]
---
## Dev Environment
### Setup
[Package manager] install
cp .env.example .env.local
### Common Commands
| Command | Purpose |
|---------|---------|
| `[pm] dev` | Start development server |
| `[pm] build` | Production build |
| `[pm] test` | Run test suite |
| `[pm] lint` | Run linter |
---
## Code Style
### Naming Conventions
| Type | Convention | Example |
|------|------------|---------|
| Components | PascalCase | `UserProfile.tsx` |
| Hooks | camelCase with use prefix | `useAuth.ts` |
| Utilities | camelCase | `formatDate.ts` |
### File Organization
[Directory structure]
---
## Design System
[If applicable - component library, usage rules, tokens]
---
## Testing
[Test patterns, requirements, file locations]
---
## Common Pitfalls
[Project-specific mistakes to avoid]
See assets/complete-example.md for a fully-fleshed example.
Handling Existing agents.md
If the project already has an agents.md:
- Read and analyze the existing file
- Identify gaps - missing sections, outdated commands, vague rules
- Propose updates - show what would be added or changed
- Ask before replacing - confirm with user before overwriting
Validation Checklist
Before finalizing an agents.md, verify:
- File is named
agents.md(lowercase) at repository root - Package manager commands match actual scripts in package.json
- Build and dev commands actually exist
- Design system package name is accurate (if referenced)
- File structure matches actual repository
- No references to non-existent packages or files
- Under 500 lines total
Best Practices
Do:
- Start simple, add detail based on actual AI behavior issues
- Use specific file paths and real examples from the codebase
- Include actual component names from the design system
- Reference real configuration files (tsconfig paths, etc.)
- Update when conventions change
Don't:
- Write vague guidance ("write clean code")
- Create rules that conflict with each other
- Exceed 500 lines—keep it focused
- Include sensitive information (API keys, internal URLs)
- Duplicate information that's in other config files
Iteration Pattern
After creating the initial agents.md:
- Generate code using the AI
- Note where AI deviates from conventions
- Add specific rules to address deviations
- Repeat until AI output matches expectations
Resources
| Resource | When to Use |
|---|---|
assets/complete-example.md |
Full reference example |
monorepo-template.md |
Turborepo/Nx/pnpm workspaces |
nextjs-app-router-template.md |
Next.js 13+ App Router |
Output Format
When generating an agents.md, provide:
- Analysis Summary: Key findings from repository analysis
- Generated agents.md: The complete file content
- Validation Notes: Any commands to verify or potential issues found