By ahmed9937
Edmund's personal Claude Code setup with 14 productivity commands and 11 specialized AI agents for modern web development
npx claudepluginhub ahmed9937/masarify --plugin edmunds-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.
Edmund's personal Claude Code setup with 14 productivity commands and 11 specialized AI agents for modern web development
Share bugs, ideas, or general feedback.
Use this agent for expert assistance with web development tasks using React, Next.js, NestJS, and other modern web frameworks with TypeScript and Tailwind CSS. This includes code analysis, component creation, debugging, performance optimization, and architectural decisions. Examples: <example>Context: User is building a Next.js app and encounters a routing issue. user: 'My dynamic routes in Next.js are not rendering correctly' assistant: 'Let me use the web-dev agent to analyze your Next.js routing setup and provide a solution' <commentary>This is a Next.js-specific routing issue, so the web-dev agent will provide targeted guidance.</commentary></example> <example>Context: User needs a reusable React component with Tailwind CSS. user: 'I need a card component that matches my app's Tailwind-based design system' assistant: 'I'll use the web-dev agent to create a TypeScript-based React card component styled with Tailwind CSS, following your app's design patterns' <commentary>The user requires a component that aligns with their Tailwind CSS design system, so the web-dev agent ensures compatibility.</commentary></example>
Next.js development expertise with skills for App Router, Server Components, Route Handlers, Server Actions, and authentication patterns
Claude Code plugin that uses skill architecture to intercept vague prompts, ask clarifying questions, and return structured framework-aware prompts that has credit saving patterns built in.
Transform Claude Code into a structured development platform with 29 /sc: commands, 23 specialized agents, 7 behavioral modes, and MCP server integration
better-chatbot project conventions and standards. Use for contributing code, following three-tier tool system (MCP/Workflow/Default), or encountering server action validators, repository patterns, component design errors.