Vibe Coding
Tools 2026

---
description: "Next.js & TypeScript Project Rules"
globs: ["**/*.ts", "**/*.tsx"]
alwaysApply: true
---

# Project Context
- Framework: Next.js 15 with App Router
- Language: TypeScript (strict mode)
- Styling: Tailwind CSS

# Code Style
- Use functional components with React.FC typing
- Prefer named exports over default exports
- Use "use client" directive only when needed

# File Structure
- Components in /components
- Pages in /app
- Utilities in /lib

# Best Practices
- Keep functions under 20 lines
- Use early returns for guard clauses
- Prefer composition over inheritance

---
name: "PR Review"
description: "Reviews pull requests using team standards"
triggers:
  - "review PR"
  - "check this PR"
hooks:
  PreToolUse:
    - command: "echo 'Starting PR review...'"
      once: true
---

# PR Review Skill

When reviewing a PR, follow these steps:

1. **Check the diff** for:
   - Breaking changes
   - Security vulnerabilities
   - Missing tests

2. **Validate code style**:
   - TypeScript strict mode compliance
   - Consistent naming conventions

3. **Provide feedback** in this format:
   - Summary of changes
   - Issues found (if any)
   - Suggestions for improvement

{
  "mcpServers": {
    "github": {
      "type": "http",
      "url": "https://api.githubcopilot.com/mcp/"
    },
    "sentry": {
      "type": "http",
      "url": "https://mcp.sentry.dev/mcp"
    },
    "company-db": {
      "type": "stdio",
      "command": "npx",
      "args": ["-y", "@bytebase/dbhub", "--dsn", "${DB_URL}"],
      "env": {
        "DB_URL": "${DATABASE_URL}"
      }
    }
  }
}