zeff-claude-setup

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