edmunds-claude-code
NewPersonal Claude Code configuration with 14 productivity commands and 11 specialized AI agents for modern web development
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
# Step 1: Add the marketplace
/plugin marketplace add edmund-io/edmunds-claude-code
# Step 2: Install the plugin
/plugin install edmunds-claude-codeWhat'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)
# Add marketplace
/plugin marketplace add edmund-io/edmunds-claude-code
# Install plugin
/plugin install edmunds-claude-codeFrom Local Clone (for development)
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-codeBest For
- •Next.js developers
- •TypeScript projects
- •Supabase users
- •React developers
- •Full-stack engineers
Usage Examples
Planning a Feature
/feature-plan
# Then describe your feature ideaCreating an API
/api-new
# Claude will scaffold a complete API route with types, validation, and error handlingResearch 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
anytypes - •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
mkdir -p .claude/agentsAdd the configuration to .claude/agents/edmunds-claude-code.md
@edmunds-claude-codeUse Cases
Usage Examples
/edmunds-claude-code /code-optimize src/components/UserList.tsx
/edmunds-claude-code /api-new users GET POST
/edmunds-claude-code /types-gen
Security Audits
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..