Zeff Claude Setup
My personal collection of specialized agents and configurations for Claude Code, optimized for full-stack development with a focus on mobile (React Native) and backend architecture.
Overview
This setup includes custom agents that provide expert guidance across different domains of software engineering, from mobile app development to backend systems, security, and performance optimization.
Agents Included
Engineering Agents
🎨 frontend-architect
Create accessible, performant user interfaces with focus on user experience and modern frameworks.
- Accessibility (WCAG 2.1 AA compliance)
- Performance optimization (Core Web Vitals)
- Responsive design patterns
- Component architecture
- React, Vue, Angular best practices
📱 mobile-architect (NEW)
Build native mobile experiences with React Native, focusing on performance and platform-specific best practices.
- React Native development with Expo
- iOS (HIG) and Android (Material Design) compliance
- Native module integration
- Offline-first architecture
- 60 FPS performance optimization
- Platform-specific implementations
⚙️ backend-architect
Design reliable backend systems with focus on data integrity, security, and fault tolerance.
- RESTful APIs and GraphQL
- Database architecture and optimization
- Security implementation
- System reliability patterns
- Caching and scaling strategies
🏗️ system-architect
Design scalable system architecture with focus on maintainability and long-term technical decisions.
- Component boundaries and interfaces
- Scalability strategies
- Dependency management
- Architectural patterns (microservices, CQRS, event sourcing)
- Technology selection guidance
Quality Agents
🔒 security-engineer
Identify security vulnerabilities and ensure compliance with security standards and best practices.
- Vulnerability assessment (OWASP Top 10)
- Threat modeling
- Compliance verification
- Authentication & authorization
- Data protection and encryption
⚡ performance-engineer
Optimize system performance through measurement-driven analysis and bottleneck elimination.
- Frontend performance (Core Web Vitals)
- Backend optimization (query, caching)
- Resource optimization
- Benchmarking and profiling
- Critical path analysis
🔧 refactoring-expert
Improve code quality and reduce technical debt through systematic refactoring and clean code principles.
- Code smell identification
- Refactoring strategies
- Clean code patterns
- Technical debt reduction
Specialized Agents
🔍 deep-research-agent
Specialist for comprehensive research with adaptive strategies and intelligent exploration.
- Codebase exploration
- Technology research
- Pattern discovery
📋 requirements-analyst
Transform ambiguous project ideas into concrete specifications through systematic requirements discovery.
- Requirements gathering
- User story creation
- Specification documentation
- Stakeholder alignment
🎓 learning-guide
Teach programming concepts and explain code with focus on understanding through progressive learning.
- Concept explanation
- Code walkthroughs
- Best practices education
- Progressive learning paths
📚 technical-writer
Create clear, comprehensive technical documentation tailored to specific audiences.
- API documentation
- Architecture diagrams
- User guides
- Code documentation
🔬 tech-stack-researcher
Guide technology choices, architecture decisions, and implementation approaches during planning phases.
- Technology comparisons
- Stack recommendations
- Architectural guidance
- Trade-off analysis
Installation
Method 1: Direct Plugin Installation (Recommended)
Install the plugin directly from GitHub:
/plugin install Zeff01/zeff-claude-setup
Method 2: Via Marketplace
Add the marketplace first, then install:
# Add the marketplace
/plugin marketplace add Zeff01/zeff-claude-setup
# List available plugins
/plugin list
# Install the plugin
/plugin install zeff-claude-setup
Method 3: Manual Clone
# Clone the repository to your Claude plugins directory
git clone https://github.com/Zeff01/zeff-claude-setup.git ~/.claude/plugins/zeff-claude-setup
Verify Installation
After installation, verify the plugin is installed:
/plugin list
The agents will be automatically available in Claude Code and activate based on your task context.
Usage Examples
Mobile Development
User: "I need to build a React Native app with offline-first architecture"
→ mobile-architect agent activates
→ Provides guidance on React Native, local storage, sync strategies
Backend API Design
User: "Design a REST API for user authentication with rate limiting"
→ backend-architect agent activates
→ Provides API specs, security patterns, rate limiting implementation
