By samhvw8
UI design system and components for Claude Code development using the DOT design methodology.
Use this agent to delegate tasks to Gemini as a subordinate AI worker. Claude Code acts as the manager, assigning specific task types to Gemini who executes and reports back. Ideal for web research (Google Search), second opinions, parallel processing, codebase analysis, and offloading work. Examples: <example> Context: User needs code reviewed by another AI. user: "Get a second opinion on this implementation" assistant: "I'll delegate this to Gemini for an independent code review." <commentary>Cross-validation benefits from different AI perspective.</commentary> </example> <example> Context: User needs current web information. user: "What are the latest React 19 features?" assistant: "I'll assign a research task to Gemini with Google Search." <commentary>Real-time web research requires Gemini's google_web_search.</commentary> </example> <example> Context: User wants parallel code generation. user: "Create both frontend and backend simultaneously" assistant: "I'll spawn multiple Gemini instances to work in parallel." <commentary>Parallel processing with multiple Gemini workers.</commentary> </example> <example> Context: Offload tedious work. user: "Generate comprehensive tests for all these files" assistant: "I'll delegate test generation to Gemini in background." <commentary>Background task delegation frees up main context.</commentary> </example>
iOS/iPadOS/macOS/watchOS/tvOS development with UI/UX design + backend architecture. Stack: SwiftUI, UIKit, CloudKit, Core Data, Vapor. Capabilities: Apple HIG compliance, design systems, accessibility (VoiceOver, Dynamic Type), platform adaptivity (Mac Catalyst), offline-first sync, server-side Swift. Actions: design, implement, architect, optimize, audit Apple apps. Keywords: Swift, SwiftUI, UIKit, iOS, macOS, Apple HIG, CloudKit, Core Data, Vapor, accessibility, VoiceOver, Dynamic Type, design tokens, MVVM, TCA, Mac Catalyst, watchOS, tvOS. Use when: building iOS/macOS apps, implementing Apple design systems, architecting CloudKit backends, creating multi-platform Apple apps, accessibility audits, SwiftUI component design.
Use this agent when you need to brainstorm software solutions, evaluate architectural approaches, or debate technical decisions before implementation. Examples: - <example> Context: User wants to add a new feature to their application user: "I want to add real-time notifications to my web app" assistant: "Let me use the brainstormer agent to explore the best approaches for implementing real-time notifications" <commentary> The user needs architectural guidance for a new feature, so use the brainstormer to evaluate options like WebSockets, Server-Sent Events, or push notifications. </commentary> </example> - <example> Context: User is considering a major refactoring decision user: "Should I migrate from REST to GraphQL for my API?" assistant: "I'll engage the brainstormer agent to analyze this architectural decision" <commentary> This requires evaluating trade-offs, considering existing codebase, and debating pros/cons - perfect for the brainstormer. </commentary> </example> - <example> Context: User has a complex technical problem to solve user: "I'm struggling with how to handle file uploads that can be several GB in size" assistant: "Let me use the brainstormer agent to explore efficient approaches for large file handling" <commentary> This requires researching best practices, considering UX/DX implications, and evaluating multiple technical approaches. </commentary> </example>
Use this agent when you need comprehensive code review and quality assessment. This includes: after implementing new features or refactoring existing code, before merging pull requests or deploying to production, when investigating code quality issues or technical debt, when you need security vulnerability assessment, or when optimizing performance bottlenecks. Examples: <example> Context: The user has just implemented a new API endpoint and wants to ensure code quality. user: "I've finished implementing the user authentication endpoint" assistant: "I'll review the authentication endpoint implementation for code quality and security." <commentary> Since new code has been written, use the Task tool to launch the code-reviewer agent to perform comprehensive quality assessment. </commentary> assistant: "Let me use the code-reviewer agent to analyze the recent changes" </example> <example> Context: The user wants to check recent code changes for potential issues. user: "Can you review the changes I just made to the database service?" assistant: "I'll launch the code-reviewer agent to analyze the database service changes." <commentary> The user explicitly asks for code review, so use the code-reviewer agent to assess the recent modifications. </commentary> </example> <example> Context: After refactoring, proactive code review is needed. user: "I've refactored the WebSocket handler to improve performance" assistant: "Good work on the refactoring. Let me review it for quality and performance." <commentary> After refactoring work, proactively use the code-reviewer agent to ensure quality standards are met. </commentary> assistant: "I'll use the code-reviewer agent to validate the refactored WebSocket handler" </example>
Use this agent when you need to brainstorm software solutions, evaluate architectural approaches, or debate technical decisions before implementation. Examples: - <example> Context: User wants to add a new feature to their application user: "I want to add real-time notifications to my web app" assistant: "Let me use the brainstormer agent to explore the best approaches for implementing real-time notifications" <commentary> The user needs architectural guidance for a new feature, so use the brainstormer to evaluate options like WebSockets, Server-Sent Events, or push notifications. </commentary> </example> - <example> Context: User is considering a major refactoring decision user: "Should I migrate from REST to GraphQL for my API?" assistant: "I'll engage the brainstormer agent to analyze this architectural decision" <commentary> This requires evaluating trade-offs, considering existing codebase, and debating pros/cons - perfect for the brainstormer. </commentary> </example> - <example> Context: User has a complex technical problem to solve user: "I'm struggling with how to handle file uploads that can be several GB in size" assistant: "Let me use the brainstormer agent to explore efficient approaches for large file handling" <commentary> This requires researching best practices, considering UX/DX implications, and evaluating multiple technical approaches. </commentary> </example>
3D web graphics with Three.js (WebGL/WebGPU). Capabilities: scenes, cameras, geometries, materials, lights, animations, model loading (GLTF/FBX), PBR materials, shadows, post-processing (bloom, SSAO, SSR), custom shaders, instancing, LOD, physics, VR/XR. Actions: create, build, animate, render 3D scenes/models. Keywords: Three.js, WebGL, WebGPU, 3D graphics, scene, camera, geometry, material, light, animation, GLTF, FBX, OrbitControls, PBR, shadow mapping, post-processing, bloom, SSAO, shader, instancing, LOD, WebXR, VR, AR, product configurator, data visualization, architectural walkthrough, interactive 3D, canvas. Use when: creating 3D visualizations, building WebGL/WebGPU apps, loading 3D models, adding animations, implementing VR/XR, creating interactive graphics, building product configurators.
Visual design intelligence and UI aesthetics. Integrates: chrome-devtools, ai-multimodal, media-processing. Capabilities: design analysis, visual hierarchy, color theory, typography, micro-interactions, animation, design systems, accessibility. Actions: analyze, design, create, capture, evaluate, implement UI aesthetics. Keywords: Dribbble, Behance, Mobbin, design inspiration, visual hierarchy, color palette, typography, spacing, animation, micro-interaction, design system, style guide, accessibility, WCAG, contrast ratio, golden ratio, whitespace, visual rhythm. Use when: building beautiful UIs, analyzing design inspiration, implementing visual hierarchy, adding animations/micro-interactions, creating design systems, evaluating aesthetic quality, capturing design screenshots.
Multimodal AI processing via Google Gemini API (2M tokens context). Capabilities: audio (transcription, 9.5hr max, summarization, music analysis), images (captioning, OCR, object detection, segmentation, visual Q&A), video (scene detection, 6hr max, YouTube URLs, temporal analysis), documents (PDF extraction, tables, forms, charts), image generation (text-to-image, editing). Actions: transcribe, analyze, extract, caption, detect, segment, generate from media. Keywords: Gemini API, audio transcription, image captioning, OCR, object detection, video analysis, PDF extraction, text-to-image, multimodal, speech recognition, visual Q&A, scene detection, YouTube transcription, table extraction, form processing, image generation, Imagen. Use when: transcribing audio/video, analyzing images/screenshots, extracting data from PDFs, processing YouTube videos, generating images from text, implementing multimodal AI features.
Production backend systems development. Stack: Node.js/TypeScript, Python, Go, Rust | NestJS, FastAPI, Django, Express | PostgreSQL, MongoDB, Redis. Capabilities: REST/GraphQL/gRPC APIs, OAuth 2.1/JWT auth, OWASP security, microservices, caching, load balancing, Docker/K8s deployment. Actions: design, build, implement, secure, optimize, deploy, test APIs and services. Keywords: API design, REST, GraphQL, gRPC, authentication, OAuth, JWT, RBAC, database, PostgreSQL, MongoDB, Redis, caching, microservices, Docker, Kubernetes, CI/CD, OWASP, security, performance, scalability, NestJS, FastAPI, Express, middleware, rate limiting. Use when: designing APIs, implementing auth/authz, optimizing queries, building microservices, securing endpoints, deploying containers, setting up CI/CD.
TypeScript authentication framework (framework-agnostic). Features: email/password, OAuth (Google, GitHub, Discord), 2FA (TOTP, SMS), passkeys/WebAuthn, session management, RBAC, rate limiting, database adapters. Actions: implement, configure, secure authentication systems. Keywords: Better Auth, authentication, authorization, OAuth, email/password, 2FA, MFA, TOTP, passkeys, WebAuthn, session management, RBAC, rate limiting, database adapter, TypeScript auth, social login, Google auth, GitHub auth, Discord auth, email verification, password reset. Use when: implementing TypeScript auth, adding OAuth providers, setting up 2FA/MFA, managing sessions, configuring RBAC, building secure auth systems.
Uses power tools
Uses Bash, Write, or Edit tools
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimBased on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
Claude Code Profile Manager — manage multiple Claude Code configurations via a central hub
npx claudepluginhub samhvw8/dot-claudeAccess thousands of AI prompts and skills directly in your AI coding assistant. Search prompts, discover skills, save your own, and improve prompts with AI.
Complete developer toolkit for Claude Code
Consult multiple AI coding agents (Gemini, OpenAI, Grok, Perplexity, plus codex and antigravity CLIs when installed) to get diverse perspectives on coding problems
Production-grade engineering skills for AI coding agents — covering the full software development lifecycle from spec to ship.
Intelligent draw.io diagramming plugin with AI-powered diagram generation, multi-platform embedding (GitHub, Confluence, Azure DevOps, Notion, Teams, Harness), conditional formatting, live data binding, and MCP server integration for programmatic diagram creation and management.
Supergraph enforces a complete, evidence-based coding pipeline — scan → plan → TDD → fix → verify → review — grounded in real codebase analysis at every step. It combines AST dependency graphs, LSP-level code intelligence, and a structured skill chain so Claude never guesses about impact before making a change.