BeClaude

edmunds-claude-code

New
1.5kCommunity RegistryGeneralby Edmund

Personal Claude Code configuration with 14 productivity commands and 11 specialized AI agents for modern web development

First seen 5/22/2026

Summary

Edmunds Claude Code is a personal configuration for Claude Code that provides 14 productivity commands and 11 specialized AI agents to accelerate modern web development.

  • js, TypeScript, React, and Supabase.

Overview

My personal Claude Code configuration for productive web development. This plugin provides 14 slash commands and 11 specialized AI agents to supercharge your development workflow.

Quick Install

bash
# Step 1: Add the marketplace
/plugin marketplace add edmund-io/edmunds-claude-code

# Step 2: Install the plugin
/plugin install edmunds-claude-code

What's Inside

📋 Development Commands (7)

  • /new-task - Analyze code for performance issues
  • /code-explain - Generate detailed explanations
  • /code-optimize - Performance optimization
  • /code-cleanup - Refactoring and cleanup
  • /feature-plan - Feature implementation planning
  • /lint - Linting and fixes
  • /docs-generate - Documentation generation

🔌 API Commands (3)

  • /api-new - Create new API endpoints
  • /api-test - Test API endpoints
  • /api-protect - Add protection & validation

🎨 UI Commands (2)

  • /component-new - Create React components
  • /page-new - Create Next.js pages

💾 Supabase Commands (2)

  • /types-gen - Generate TypeScript types
  • /edge-function-new - Create Edge Functions

🤖 Specialized AI Agents (11)

Architecture & Planning

  • tech-stack-researcher - Technology choice recommendations with trade-offs
  • system-architect - Scalable system architecture design
  • backend-architect - Backend systems with data integrity & security
  • frontend-architect - Performant, accessible UI architecture
  • requirements-analyst - Transform ideas into concrete specifications

Code Quality & Performance

  • refactoring-expert - Systematic refactoring and clean code
  • performance-engineer - Measurement-driven optimization
  • security-engineer - Vulnerability identification and security standards

Documentation & Research

  • technical-writer - Clear, comprehensive documentation
  • learning-guide - Teaching programming concepts progressively
  • deep-research-agent - Comprehensive research with adaptive strategies

Installation

From GitHub (Recommended)

bash
# Add marketplace
/plugin marketplace add edmund-io/edmunds-claude-code

# Install plugin
/plugin install edmunds-claude-code

From Local Clone (for development)

bash
git clone https://github.com/edmund-io/edmunds-claude-code.git
cd edmunds-claude-code

# Add as local marketplace
/plugin marketplace add /path/to/edmunds-claude-code

# Install plugin
/plugin install edmunds-claude-code

Best For

  • Next.js developers
  • TypeScript projects
  • Supabase users
  • React developers
  • Full-stack engineers

Usage Examples

Planning a Feature

bash
/feature-plan
# Then describe your feature idea

Creating an API

bash
/api-new
# Claude will scaffold a complete API route with types, validation, and error handling

Research Tech Choices

Just ask Claude questions like:

  • "Should I use WebSockets or SSE?"
  • "How should I structure this database?"
  • "What's the best library for X?"

The tech-stack-researcher agent automatically activates and provides detailed, researched answers.

Philosophy

This setup emphasizes:

  • Type Safety: Never uses any types
  • Best Practices: Follows modern Next.js/React patterns
  • Productivity: Reduces repetitive scaffolding
  • Research: AI-powered tech decisions with evidence

Requirements

  • Claude Code 2.0.13+
  • Works with any project (optimized for Next.js + Supabase)

Customization

After installation, you can customize any command by editing files in .claude/commands/ and .claude/agents/.

Contributing

Feel free to:

  • Fork and customize for your needs
  • Submit issues or suggestions
  • Share your improvements

License

MIT - Use freely in your projects

Author

Created by Edmund


Note: This is my personal setup that I've refined over time. Commands are optimized for Next.js + Supabase workflows but work great with any modern web stack.

Install & Usage

1
Create the agents directory
mkdir -p .claude/agents
2
Save the agent file

Add the configuration to .claude/agents/edmunds-claude-code.md

3
Invoke with @agent-name
@edmunds-claude-code

Use Cases

Quickly analyze code for performance issues and get optimization suggestions using /new-task.
Generate detailed explanations of complex code sections with /code-explain.
Plan and implement new features with structured guidance from /feature-plan.
Create new API endpoints with validation and error handling using /api-new.
Generate TypeScript types from your Supabase database schema with /types-gen.
Design scalable system architectures with the system-architect AI agent.

Usage Examples

1

/edmunds-claude-code /code-optimize src/components/UserList.tsx

2

/edmunds-claude-code /api-new users GET POST

3

/edmunds-claude-code /types-gen

View source on GitHub
agentproductivitynextjssupabasetypescriptreactdevelopment

Security Audits

LicenseUnknownSourceWarnRepositoryPass

Frequently Asked Questions

What is edmunds-claude-code?

Edmunds Claude Code is a personal configuration for Claude Code that provides 14 productivity commands and 11 specialized AI agents to accelerate modern web development. It streamlines tasks like code analysis, optimization, API creation, UI component generation, and Supabase integration, making it essential for developers working with Next.js, TypeScript, React, and Supabase.

How to install edmunds-claude-code?

To install edmunds-claude-code: create the agents directory (mkdir -p .claude/agents), then add the config to .claude/agents/edmunds-claude-code.md. Finally, @edmunds-claude-code in Claude Code.

What is edmunds-claude-code best for?

edmunds-claude-code is a agent categorized under General. It is designed for: agent, productivity, nextjs, supabase, typescript, react, development. Created by Edmund.

What can I use edmunds-claude-code for?

edmunds-claude-code is useful for: Quickly analyze code for performance issues and get optimization suggestions using /new-task.; Generate detailed explanations of complex code sections with /code-explain.; Plan and implement new features with structured guidance from /feature-plan.; Create new API endpoints with validation and error handling using /api-new.; Generate TypeScript types from your Supabase database schema with /types-gen.; Design scalable system architectures with the system-architect AI agent..