Edmund's personal Claude Code setup with 14 productivity commands and 11 specialized AI agents for modern web development
npx claudepluginhub Hayashi-Takuto/edmonds-claude-code --plugin takuto-claude-codeMy personal Claude Code configuration for productive web development. This plugin provides 14 slash commands and 11 specialized AI agents to supercharge your development workflow.
# Step 1: Add the marketplace
/plugin marketplace add edmund-io/edmunds-claude-code
# Step 2: Install the plugin
/plugin install edmunds-claude-code
/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-new - Create new API endpoints/api-test - Test API endpoints/api-protect - Add protection & validation/component-new - Create React components/page-new - Create Next.js pages/types-gen - Generate TypeScript types/edge-function-new - Create Edge FunctionsArchitecture & Planning
Code Quality & Performance
Documentation & Research
# Add marketplace
/plugin marketplace add edmund-io/edmunds-claude-code
# Install plugin
/plugin install edmunds-claude-code
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
/feature-plan
# Then describe your feature idea
/api-new
# Claude will scaffold a complete API route with types, validation, and error handling
Just ask Claude questions like:
The tech-stack-researcher agent automatically activates and provides detailed, researched answers.
This setup emphasizes:
any typesAfter installation, you can customize any command by editing files in .claude/commands/ and .claude/agents/.
Feel free to:
MIT - Use freely in your projects
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.
Advanced frontend design plugin with interactive wizard, trend research, moodboard creation, color/typography selection, and browser-based inspiration analysis
Share bugs, ideas, or general feedback.
Use this agent when evaluating new development tools, frameworks, or services for the studio. This agent specializes in rapid tool assessment, comparative analysis, and making recommendations that align with the 6-day development cycle philosophy. Examples:\n\n<example>\nContext: Considering a new framework or library
Reliable automation, in-depth debugging, and performance analysis in Chrome using Chrome DevTools and Puppeteer
Comprehensive skill pack with 66 specialized skills for full-stack developers: 12 language experts (Python, TypeScript, Go, Rust, C++, Swift, Kotlin, C#, PHP, Java, SQL, JavaScript), 10 backend frameworks, 6 frontend/mobile, plus infrastructure, DevOps, security, and testing. Features progressive disclosure architecture for 50% faster loading.
Meta-prompting and spec-driven development system for Claude Code. Productivity framework for structured AI-assisted development.
Access thousands of AI prompts and skills directly in your AI coding assistant. Search prompts, discover skills, save your own, and improve prompts with AI.