dotnet-react-claude-config

Everything Claude Code - .NET 8 + React/Next.js Edition

Configuraciones de produccion para Claude Code optimizadas para desarrollo con .NET 8 (backend) y React/Next.js (frontend).

Caracteristicas

• 8 Agents especializados para .NET y React
• 10 Skills con patrones para ASP.NET Core, EF Core, React, Next.js
• 6 Commands para workflows TDD, code review, arquitectura
• Hooks para automatizacion de builds, tests, formatting
• 5 Rules con guias obligatorias para C# y TypeScript/React
• MCP Configs para Azure, SQL Server, y servicios cloud

---

Quick Start

Opcion 1: Clonar e Instalar como Plugin

# Clonar el repositorio
git clone https://github.com/tu-usuario/claude-csharp.git

# Instalar como plugin de Claude Code
cd claude-csharp
claude /plugin install .

Opcion 2: Copiar a ~/.claude/

# Clonar el repositorio
git clone https://github.com/tu-usuario/claude-csharp.git
cd claude-csharp

# Copiar todo a tu configuracion de Claude
cp -r agents/* ~/.claude/agents/
cp -r commands/* ~/.claude/commands/
cp -r skills/* ~/.claude/skills/
cp -r rules/* ~/.claude/rules/
cp hooks/hooks.json ~/.claude/hooks.json

Opcion 3: Por Componente (Selectivo)

# Solo agents
cp agents/*.md ~/.claude/agents/

# Solo commands
cp commands/*.md ~/.claude/commands/

# Solo rules (RECOMENDADO como minimo)
cp rules/*.md ~/.claude/rules/

---

Herramientas de Claude Code (Tools)

Claude Code tiene acceso a herramientas poderosas que puedes usar en tus conversaciones:

Herramientas de Archivos

Tool	Uso	Ejemplo
Read	Leer archivos	"Lee el archivo Program.cs"
Write	Crear archivos nuevos	"Crea un nuevo archivo UserService.cs"
Edit	Editar archivos existentes	"Cambia el nombre de la clase"
Glob	Buscar archivos por patron	"Encuentra todos los *.cs"
Grep	Buscar contenido en archivos	"Busca usos de IUserService"

Herramientas de Ejecucion

Tool	Uso	Ejemplo
Bash	Ejecutar comandos terminal	"Ejecuta dotnet build"
Task	Lanzar agentes especializados	"Usa el agente de arquitectura"

Herramientas de Web

Tool	Uso	Ejemplo
WebFetch	Obtener contenido de URL	"Lee la documentacion de esta URL"
WebSearch	Buscar en internet	"Busca como usar FluentValidation"

Herramientas de Planificacion

Tool	Uso	Ejemplo
EnterPlanMode	Planificar antes de implementar	"Planifica esta feature"
TaskCreate/TaskUpdate	Gestionar lista de tareas	"Crea tareas para este proyecto"
AskUserQuestion	Preguntar al usuario	Cuando Claude necesita clarificacion

Ejemplos de Uso de Tools

# Buscar todos los controladores
"Encuentra todos los archivos que terminen en Controller.cs"

# Ejecutar tests
"Ejecuta dotnet test y muestrame los resultados"

# Buscar implementaciones
"Busca donde se usa la interfaz IRepository"

# Crear estructura
"Crea la estructura de carpetas para Clean Architecture"

# Planificar feature
"Entra en modo plan para disenar el sistema de autenticacion"

---

Comandos Slash Disponibles

Los comandos se invocan con /nombre-comando:

Comando	Descripcion	Cuando Usar
/dotnet-plan	Planificar feature backend	Antes de implementar nueva funcionalidad .NET
/dotnet-tdd	Implementar con TDD	Desarrollo guiado por tests en C#
/dotnet-review	Code review C#	Revisar calidad, seguridad, performance
/react-tdd	Implementar con TDD React	Desarrollo guiado por tests en React
/react-review	Code review React/Next.js	Revisar componentes, hooks, SSR
/fullstack-plan	Planificar feature completa	Features que tocan backend Y frontend

Uso de Comandos

# Planificar nueva feature
/fullstack-plan "Sistema de notificaciones push"

# Desarrollar con TDD
/dotnet-tdd "Crear endpoint POST /api/users"

# Revisar codigo
/dotnet-review src/Services/UserService.cs

---

Agents Especializados

Los agents son subprocesos especializados que Claude puede invocar:

Agent	Especialidad	Herramientas
dotnet-architect	Arquitectura .NET, Clean Architecture, CQRS	Read, Grep, Glob
csharp-reviewer	Code review C#, seguridad, performance	Read, Grep
aspnet-tdd-guide	TDD para ASP.NET Core, xUnit, Moq	Read, Write, Bash
efcore-reviewer	Entity Framework, queries, migrations	Read, Grep
react-architect	Arquitectura React, estado, componentes	Read, Grep, Glob
react-tdd-guide	TDD para React, Testing Library, Vitest	Read, Write, Bash
nextjs-reviewer	Next.js, SSR, App Router, caching	Read, Grep
fullstack-planner	Planificacion completa backend+frontend	Read, Glob, Grep