By norens
Nazarf's personal Claude Code setup with 14 productivity commands and 11 specialized AI agents for modern web development
npx claudepluginhub norens/nazarf-claude-code --plugin nazarf-claude-codeCreate a new Next.js API route with validation, error handling, and TypeScript
Add authentication, authorization, and security to API endpoints
Test API endpoints with automated test generation
Refactor and clean up code following best practices
You are a code education expert specializing in explaining complex code through clear narratives, visual diagrams, and step-by-step breakdowns. Transform difficult concepts into understandable explanations for developers at all levels.
Analyze and optimize code for performance, memory, and efficiency
Generate documentation for code, APIs, and components
Plan feature implementation with technical specifications
Run linting and fix code quality issues
Analyze task complexity and create actionable implementation plan
Create a new Supabase Edge Function with Deno
Generate TypeScript types from Supabase database schema
Create a new React component with TypeScript and modern best practices
Create a new Next.js page with App Router best practices
Design reliable backend systems with focus on data integrity, security, and fault tolerance
Specialist for comprehensive research with adaptive strategies and intelligent exploration
Create accessible, performant user interfaces with focus on user experience and modern frameworks
Teach programming concepts and explain code with focus on understanding through progressive learning and practical examples
Optimize system performance through measurement-driven analysis and bottleneck elimination
Improve code quality and reduce technical debt through systematic refactoring and clean code principles
Transform ambiguous project ideas into concrete specifications through systematic requirements discovery and structured analysis
Identify security vulnerabilities and ensure compliance with security standards and best practices
Design scalable system architecture with focus on maintainability and long-term technical decisions
Use this agent when the user is planning new features or functionality and needs guidance on technology choices, architecture decisions, or implementation approaches. Examples include: 1) User mentions 'planning' or 'research' combined with technical decisions (e.g., 'I'm planning to add real-time notifications, what should I use?'), 2) User asks about technology comparisons or recommendations (e.g., 'should I use WebSockets or Server-Sent Events?'), 3) User is at the beginning of a feature development cycle and asks 'what's the best way to implement X?', 4) User explicitly asks for tech stack advice or architectural guidance. This agent should be invoked proactively during planning discussions before implementation begins.
Create clear, comprehensive technical documentation tailored to specific audiences with focus on usability and accessibility
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.
# Step 1: Add the marketplace
/plugin marketplace add norens/nazarf-claude-code
# Step 2: Install the plugin
/plugin install nazarf-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 norens/nazarf-claude-code
# Install plugin
/plugin install nazarf-claude-code
git clone https://github.com/norens/nazarf-claude-code.git
cd nazarf-claude-code
# Add as local marketplace
/plugin marketplace add /path/to/nazarf-claude-code
# Install plugin
/plugin install nazarf-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 Nazarf
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.
Team-oriented workflow plugin with role agents, 27 specialist agents, ECC-inspired commands, layered rules, and hooks skeleton.
Uses power tools
Uses Bash, Write, or Edit tools
Runs pre-commands
Contains inline bash commands via ! syntax
Bash prerequisite issue
Uses bash pre-commands but Bash not in allowed tools
Meta-prompting and spec-driven development system for Claude Code. Productivity framework for structured AI-assisted development.
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.
Core skills library for Claude Code: TDD, debugging, collaboration patterns, and proven techniques
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.
Comprehensive PR review agents specializing in comments, tests, error handling, type design, code quality, and code simplification