Awesome-omni-skill agents-md-generator
Generate comprehensive agents.md files for Builder.io Fusion projects. Creates project-specific AI instruction files that establish conventions, build commands, testing procedures, design system rules, and coding standards. Use when setting up a new project, onboarding a repository to AI-assisted development, or improving AI code generation quality.
git clone https://github.com/diegosouzapw/awesome-omni-skill
T=$(mktemp -d) && git clone --depth=1 https://github.com/diegosouzapw/awesome-omni-skill "$T" && mkdir -p ~/.claude/skills && cp -r "$T/skills/tools/agents-md-generator-jthoms1" ~/.claude/skills/diegosouzapw-awesome-omni-skill-agents-md-generator-0ecb68 && rm -rf "$T"
skills/tools/agents-md-generator-jthoms1/SKILL.mdagents.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
at the repository rootagents.md - 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 | | Turborepo, Nx, pnpm workspaces |
| Next.js App Router | | Next.js 13+ with app directory |
| Standard project | | 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/
directoriescomponents/- 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.yamllerna.json
,packages/
,apps/
directorieslibs/- 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
(lowercase) at repository rootagents.md - 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 |
|---|---|
| Full reference example |
| Turborepo/Nx/pnpm workspaces |
| 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