analytics-metrics
Build data visualization and analytics dashboards. Use when creating charts, KPI displays, metrics dashboards, or data visualization components. Triggers on…
Configure GitHub Copilot with custom instructions. Use when setting up .github/copilot-instructions.md, customizing Copilot behavior, or creating repository-specific AI guidance. Triggers on Copilot instructions, copilot-instructions.md, GitHub Copilot config.
$ npx -y skills add hoodini/ai-agents-skills --skill copilot-docs --agent claude-codeHow it fires
How this skill gets triggered: by you, by Claude, or both.
/copilot-docsContext preview
The summary Claude sees to decide when to auto-load this skill.
Configure GitHub Copilot with custom instructions. Use when setting up .github/copilot-instructions.md, customizing Copilot behavior, or creating repository-specific AI guidance. Triggers on Copilot instructions, copilot-instructions.md, GitHub Copilot config.
name: copilot-docs description: Configure GitHub Copilot with custom instructions. Use when setting up .github/copilot-instructions.md, customizing Copilot behavior, or creating repository-specific AI guidance. Triggers on Copilot instructions, copilot-instructions.md, GitHub Copilot config.
Configure repository-specific instructions for GitHub Copilot.
Create `.github/copilot-instructions.md` in your repository:
# Copilot Instructions ## Code Style - Use TypeScript with strict mode - Prefer functional components with hooks - Use Tailwind CSS for styling ## Project Context This is a Next.js 14 app using the App Router. API routes are in `app/api/`.
# Project Context ## Tech Stack - Next.js 14 with App Router - TypeScript 5.3+ - Tailwind CSS 3.4 - Prisma ORM with PostgreSQL ## Architecture - `app/` - Next.js App Router pages and API routes - `components/` - React components - `lib/` - Utility functions and shared code - `prisma/` - Database schema and migrations
# Code Standards ## TypeScript - Enable strict mode - Prefer `interface` over `type` for object shapes - Use explicit return types on functions ## React - Use functional components exclusively - Prefer named exports - Extract hooks to `hooks/` directory ## Error Handling - Use Result pattern for fallible operations - Always handle async errors with try/catch - Log errors with structured format
# Naming Conventions ## Files - Components: PascalCase (Button.tsx) - Utilities: camelCase (formatDate.ts) - Constants: SCREAMING_SNAKE_CASE ## Code - Boolean variables: is*, has*, should* prefix - Event handlers: handle* prefix (handleClick) - Async functions: *Async suffix
# Testing Guidelines
## Unit Tests
- Use Vitest for unit testing
- Place tests next to source files (*.test.ts)
- Mock external dependencies
## Test Patterns
```typescript
describe('Component', () => {
it('should render correctly', () => {
// Arrange, Act, Assert pattern
});
});
### API Patterns
```markdown
# API Patterns
## Route Handlers
```typescript
// Standard response format
return NextResponse.json({
data: result,
error: null,
meta: { timestamp: Date.now() }
});
// Error response
return NextResponse.json(
{ data: null, error: { code: 'NOT_FOUND', message: '...' } },
{ status: 404 }
);### Do's and Don'ts ```markdown # Guidelines ## Do - Write self-documenting code - Add JSDoc comments for public APIs - Use meaningful variable names ## Don't - Use `any` type - Leave console.log in production code - Commit sensitive data
The file must be at `.github/copilot-instructions.md` (not in root).
🧠 AI Agent Skills Repository - A curated collection of specialized skills for AI coding agents (Claude Code, GitHub Copilot, Cursor, Windsurf). Created by Yuval Avidani using GitHub Copilot via VS Code Insiders.
Repo: hoodini/ai-agents-skills
Build data visualization and analytics dashboards. Use when creating charts, KPI displays, metrics dashboards, or data visualization components. Triggers on…
Manage AWS accounts, organizations, IAM, and billing. Use when setting up AWS Organizations, managing IAM policies, controlling costs, or implementing…
Build a new AI agent on AWS and deploy it easily, OR wrap and deploy an agent you already have, using the Amazon Bedrock AgentCore harness. Explains what an…
Build AI agents with the Strands Agents SDK - the open-source framework (the agent "brain") for writing agent logic, tools, and multi-agent systems in Python.…
Build fast applications with Bun JavaScript runtime. Use when creating Bun projects, using Bun APIs, bundling, testing, or optimizing Node.js alternatives.…
Build a premium cinematic landing page with mouse-scrub video hero and brand-driven narrative-arc sections. Use whenever the user provides a hero video plus a…