James's personal Claude Code setup with 14 productivity commands and 11 specialized AI agents for modern web development
npx claudepluginhub jamesscalescode/james-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 jamesscalescode/james-claude-code
# Step 2: Install the plugin
/plugin install james-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 jamesscalescode/jamesscalescode
# Install plugin
/plugin install jamesscalescode
git clone https://github.com/jamesscalescode/jamesscalescode.git
cd jamesscalescode
# Add as local marketplace
/plugin marketplace add /path/to/jamesscalescode
# Install plugin
/plugin install jamesscalescode
/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 James
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.
Production-ready Claude Code configuration with role-based workflows (PM→Lead→Designer→Dev→QA), safety hooks, 44 commands, 19 skills, 8 agents, 43 rules, 30 hook scripts across 19 events, auto-learning pipeline, hook profiles, and multi-language coding standards
Share bugs, ideas, or general feedback.
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.
Browser automation and end-to-end testing MCP server by Microsoft. Enables Claude to interact with web pages, take screenshots, fill forms, click elements, and perform automated browser testing workflows.