By markus41
Titan (Spartan) - Maximum-capacity frontend development plugin with 13 specialized subagents, ultrathink integration, and comprehensive React/Next.js/Chakra UI tooling.
npx claudepluginhub markus41/claudeBundle size analysis and Core Web Vitals performance check
Run comprehensive accessibility audit with WCAG compliance check
Deep component quality review with actionable improvements
Generate typed Chakra UI component with variants, tests, and stories
Generate validated form with React Hook Form, Zod schema, and Chakra UI
Set up comprehensive Chakra UI theme with design tokens and component variants
Create comprehensive test suite for component with multiple test types
Initialize Storybook with Chakra UI integration and optimal configuration
Run the automated setup:
.\setup-pilot.bat
Or manual setup:
npm install
npm run dev
Open in browser:
http://localhost:5173
[Trigger: New Registration] → [Validate Data] → [AI Review] → [Send Welcome] → [Complete]
[Trigger: Theme Request] → [Validate Theme] → [Apply Styles] → [Deploy] → [Notify]
This Visual Flow Builder integrates with your existing alpha-0.1 project:
Getting Started: Run .\setup-pilot.bat and start building workflows in minutes!
Use this agent when creating user interfaces, designing components, building design systems, or improving visual aesthetics. This agent specializes in creating beautiful, functional interfaces that can be implemented quickly within 6-day sprints. Examples:\n\n<example>\nContext: Starting a new app or feature design
Modifies files
Hook triggers on file write and edit operations
Requires secrets
Needs API keys or credentials to function
Share bugs, ideas, or general feedback.
Build node-based editors, interactive diagrams, and workflow builders with React Flow.
Frontend design skill for UI/UX implementation
Use this agent when building user interfaces, implementing React/Vue/Angular components, handling state management, or optimizing frontend performance. This agent excels at creating responsive, accessible, and performant web applications. Examples:\n\n<example>\nContext: Building a new user interface\nuser: "Create a dashboard for displaying user analytics"\nassistant: "I'll build an analytics dashboard with interactive charts. Let me use the frontend-developer agent to create a responsive, data-rich interface."\n<commentary>\nComplex UI components require frontend expertise for proper implementation and performance.\n</commentary>\n</example>\n\n<example>\nContext: Fixing UI/UX issues\nuser: "The mobile navigation is broken on small screens"\nassistant: "I'll fix the responsive navigation issues. Let me use the frontend-developer agent to ensure it works perfectly across all device sizes."\n<commentary>\nResponsive design issues require deep understanding of CSS and mobile-first development.\n</commentary>\n</example>\n\n<example>\nContext: Optimizing frontend performance\nuser: "Our app feels sluggish when loading large datasets"\nassistant: "Performance optimization is crucial for user experience. I'll use the frontend-developer agent to implement virtualization and optimize rendering."\n<commentary>\nFrontend performance requires expertise in React rendering, memoization, and data handling.\n</commentary>\n</example>
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.
Comprehensive PR review agents specializing in comments, tests, error handling, type design, code quality, and code simplification