vibe-agents
Generate AGENTS.md and AI configuration files for your project. Use when the user wants to create agent instructions, set up AI configs, or says "create AGENTS.md", "configure my AI assistant", or "generate agent files".
Install
mkdir -p .claude/skills/vibe-agents && curl -L -o skill.zip "https://mcp.directory/api/skills/download/2350" && unzip -o skill.zip -d .claude/skills/vibe-agents && rm skill.zipInstalls to .claude/skills/vibe-agents
About this skill
Vibe-Coding Agent Configuration Generator
You are helping the user create AGENTS.md and tool-specific configuration files. This is Step 4 of the vibe-coding workflow.
Your Role
Generate the instruction files that guide AI coding assistants to build the MVP. Use progressive disclosure - master plan in AGENTS.md, details in agent_docs/.
Session Continuity
- Keep Step 4 outputs aligned with prior PRD and Tech Design context.
- If prior chat context is missing, require a compact handoff summary before generating files.
- Add continuity hints in generated instructions so users avoid empty-chat resets during Step 5.
Naming Policy
Use model family names in examples and recommendations unless the user explicitly requests pinned versions.
Prerequisites
- Look for
docs/PRD-*.md- REQUIRED - Look for
docs/TechDesign-*.md- REQUIRED - If either is missing, suggest running the appropriate skill first
Step 1: Load Context
Extract from documents:
From PRD:
- Product name and description
- Primary user story
- All must-have features
- Nice-to-have and excluded features
- Success metrics
- UI/UX requirements
- Timeline and constraints
From Tech Design:
- Complete tech stack
- Project structure
- Database schema
- Implementation approach
- Deployment platform
- AI tool recommendations
Step 2: Ask Configuration Questions
Ask the user:
Which AI tools will you use? (Select all that apply)
- Claude Code (terminal-based)
- Gemini CLI (free terminal agent)
- Google Antigravity / equivalent (agent-first IDE)
- Cursor (AI-powered IDE)
- VS Code + GitHub Copilot
- Lovable / v0 (no-code)
Then ask:
What's your technical level?
- A) Vibe-coder
- B) Developer
- C) In-between
Step 3: Generate Files
Create the following structure:
project/
├── AGENTS.md # Master plan
├── agent_docs/
│ ├── tech_stack.md # Tech details
│ ├── code_patterns.md # Code style
│ ├── project_brief.md # Persistent rules
│ ├── product_requirements.md # PRD summary
│ └── testing.md # Test strategy
├── CLAUDE.md # If Claude Code selected
├── GEMINI.md # If Gemini/agent-first IDE selected
├── .cursor/rules/ # If Cursor selected (preferred)
├── .cursorrules # Cursor legacy fallback
└── .github/copilot-instructions.md # If Copilot selected
AGENTS.md Template
# AGENTS.md - Master Plan for [App Name]
## Project Overview
**App:** [Name]
**Goal:** [One-liner]
**Stack:** [Tech stack]
**Current Phase:** Phase 1 - Foundation
## How I Should Think
1. **Understand Intent First**: Identify what the user actually needs
2. **Ask If Unsure**: If critical info is missing, ask before proceeding
3. **Plan Before Coding**: Propose a plan, get approval, then implement
4. **Verify After Changes**: Run tests/checks after each change
5. **Explain Trade-offs**: When recommending, mention alternatives
## Plan -> Execute -> Verify
1. **Plan:** Outline approach, ask for approval
2. **Execute:** One feature at a time
3. **Verify:** Run tests/checks, fix before moving on
## Context Files
Load only when needed:
- `agent_docs/tech_stack.md` - Tech details
- `agent_docs/code_patterns.md` - Code style
- `agent_docs/project_brief.md` - Project rules
- `agent_docs/product_requirements.md` - Requirements
- `agent_docs/testing.md` - Test strategy
## Current State
**Last Updated:** [Date]
**Working On:** [Task]
**Recently Completed:** None yet
**Blocked By:** None
## Roadmap
### Phase 1: Foundation
- [ ] Initialize project
- [ ] Setup database
- [ ] Configure auth
### Phase 2: Core Features
- [ ] [Feature 1 from PRD]
- [ ] [Feature 2 from PRD]
- [ ] [Feature 3 from PRD]
### Phase 3: Polish
- [ ] Error handling
- [ ] Mobile responsiveness
- [ ] Performance optimization
### Phase 4: Launch
- [ ] Deploy to production
- [ ] Setup monitoring
- [ ] Launch checklist
## What NOT To Do
- Do NOT delete files without confirmation
- Do NOT modify database schemas without backup plan
- Do NOT add features not in current phase
- Do NOT skip tests for "simple" changes
- Do NOT use deprecated libraries
Tool Config Templates
CLAUDE.md (Claude Code)
# CLAUDE.md - Claude Code Configuration
## Project Context
**App:** [Name]
**Stack:** [Stack]
**Stage:** MVP Development
## Directives
1. **Master Plan:** Read `AGENTS.md` first for current phase and tasks
2. **Documentation:** Refer to `agent_docs/` for details
3. **Plan-First:** Propose plan, wait for approval
4. **Incremental:** One feature at a time, test frequently
5. **Concise:** Be brief, ask clarifying questions when needed
## Commands
- `npm run dev` - Start server
- `npm test` - Run tests
- `npm run lint` - Check code style
Cursor Rules (Cursor)
Prefer .cursor/rules/ for modern Cursor setups. Use .cursorrules only as a fallback.
# Cursor Rules for [App Name]
## Project Context
**App:** [Name]
**Stack:** [Stack]
**Stage:** MVP Development
## Directives
1. Read `AGENTS.md` first
2. Refer to `agent_docs/` for details
3. Plan before coding
4. Build incrementally
5. Test frequently
## Commands
- `npm run dev` - Start server
- `npm test` - Run tests
GEMINI.md (Gemini CLI / Agent-First IDE)
# GEMINI.md - Gemini Configuration
## Project Context
**App:** [Name]
**Stack:** [Stack]
## Directives
1. Read `AGENTS.md` first
2. Use `agent_docs/` for details
3. Plan, then execute
4. Build incrementally
agent_docs/ Files
Generate each file with content from PRD and Tech Design:
- tech_stack.md: List every library, version, setup commands, code examples
- code_patterns.md: Naming conventions, file structure, error handling patterns
- project_brief.md: Product vision, coding conventions, quality gates, key commands
- product_requirements.md: Core requirements, user stories, success metrics
- testing.md: Test strategy, tools, verification loop, pre-commit hooks
After Completion
Write all files to the project, then tell the user:
Files Created:
AGENTS.md- Master planagent_docs/- Detailed documentation- [Tool-specific configs based on selection]
Project Structure:
your-app/ ├── docs/ │ ├── research-[App].txt │ ├── PRD-[App]-MVP.md │ └── TechDesign-[App]-MVP.md ├── AGENTS.md ├── agent_docs/ │ ├── tech_stack.md │ ├── code_patterns.md │ ├── project_brief.md │ ├── product_requirements.md │ └── testing.md └── [tool configs]Next Step: Run
/vibe-buildto start building your MVP, or say "Build my MVP following AGENTS.md"
More by KhazP
View all skills by KhazP →You might also like
flutter-development
aj-geddes
Build beautiful cross-platform mobile apps with Flutter and Dart. Covers widgets, state management with Provider/BLoC, navigation, API integration, and material design.
drawio-diagrams-enhanced
jgtolentino
Create professional draw.io (diagrams.net) diagrams in XML format (.drawio files) with integrated PMP/PMBOK methodologies, extensive visual asset libraries, and industry-standard professional templates. Use this skill when users ask to create flowcharts, swimlane diagrams, cross-functional flowcharts, org charts, network diagrams, UML diagrams, BPMN, project management diagrams (WBS, Gantt, PERT, RACI), risk matrices, stakeholder maps, or any other visual diagram in draw.io format. This skill includes access to custom shape libraries for icons, clipart, and professional symbols.
ui-ux-pro-max
nextlevelbuilder
"UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient."
godot
bfollington
This skill should be used when working on Godot Engine projects. It provides specialized knowledge of Godot's file formats (.gd, .tscn, .tres), architecture patterns (component-based, signal-driven, resource-based), common pitfalls, validation tools, code templates, and CLI workflows. The `godot` command is available for running the game, validating scripts, importing resources, and exporting builds. Use this skill for tasks involving Godot game development, debugging scene/resource files, implementing game systems, or creating new Godot components.
nano-banana-pro
garg-aayush
Generate and edit images using Google's Nano Banana Pro (Gemini 3 Pro Image) API. Use when the user asks to generate, create, edit, modify, change, alter, or update images. Also use when user references an existing image file and asks to modify it in any way (e.g., "modify this image", "change the background", "replace X with Y"). Supports both text-to-image generation and image-to-image editing with configurable resolution (1K default, 2K, or 4K for high resolution). DO NOT read the image file first - use this skill directly with the --input-image parameter.
fastapi-templates
wshobson
Create production-ready FastAPI projects with async patterns, dependency injection, and comprehensive error handling. Use when building new FastAPI applications or setting up backend API projects.
Related MCP Servers
Browse all serversGenerate ECharts visualizations as PNG images from JavaScript configs, perfect for data visualization and report generat
APIWeaver converts any REST API into MCP tools at runtime, supporting multiple auth methods and auto-generating MCP-comp
any-script-mcp: Run shell scripts and execute CLI tools defined in YAML, with custom shells (bash, Python, Node.js, Deno
Easily generate infrastructure as code with Stakpak. Integrate with Pulumi and Terraform for fast infra as a code across
Data Extractor converts JavaScript and TypeScript code into JSON configuration files using JSON stringify for better mai
Easily convert Figma designs to code. Extract components from Figma files, generate hierarchies & metadata for smooth Fi
Stay ahead of the MCP ecosystem
Get weekly updates on new skills and servers.