By bradtaylorsf
Detect your frontend project's tech stack and generate expert code patterns for building accessible, responsive UIs with proper component hierarchies, composition patterns like render props and custom hooks, multi-layer state management from local UI to server-side with Zustand/Redux/TanStack Query, and WCAG-compliant features like ARIA and keyboard navigation.
npx claudepluginhub bradtaylorsf/alphaagent-teamPatterns for building accessible web applications following WCAG guidelines
Patterns for designing component hierarchies, composition, and reusable UI elements
Patterns for building responsive, mobile-first user interfaces
Patterns for managing application state - local, global, server, and URL state
Uses power tools
Uses Bash, Write, or Edit tools
Share bugs, ideas, or general feedback.
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge.
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge.
Sign in to claimFull-stack agents — frontend, backend, API, DevOps architects
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>
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>
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.
Complete developer toolkit for Claude Code
Orchestrate multi-agent teams for parallel code review, hypothesis-driven debugging, and coordinated feature development using Claude Code's Agent Teams
A curated collection of Claude Code plugins for autonomous coding assistance.
# 1. Add the marketplace
/plugin marketplace add the-answerai/alphaagent-team
# 2. Install plugins you need
/plugin install aai-core@alphaagent-team
/plugin install aai-hooks@alphaagent-team
30 plugins organized into categories:
| Category | Plugins | Description |
|---|---|---|
| Workflow | aai-core, aai-hooks | Git operations, PR management, validation hooks |
| PM | aai-pm-linear, aai-pm-jira, aai-pm-github | Ticket/issue management |
| Dev Agents | aai-dev-frontend, aai-dev-backend, aai-dev-database, aai-dev-fullstack | Technology-agnostic development agents |
| Stack Skills | 15 plugins | Technology-specific patterns (React, Next.js, Express, etc.) |
| Specialized | aai-testing, aai-architecture, aai-docs, aai-blog, aai-devops, aai-quality | Specialized agents |
In Claude Code, run:
/plugin marketplace add the-answerai/alphaagent-team
/plugin
Navigate to the Discover tab to see all 30 plugins with descriptions.
Install plugins based on your needs:
# Essential for all projects
/plugin install aai-core@alphaagent-team
/plugin install aai-hooks@alphaagent-team
# PM integration (choose based on your tooling)
/plugin install aai-pm-linear@alphaagent-team # Linear users
/plugin install aai-pm-jira@alphaagent-team # Jira users
/plugin install aai-pm-github@alphaagent-team # GitHub Issues
# Development agents
/plugin install aai-dev-fullstack@alphaagent-team # All-in-one bundle
# Stack-specific skills (install based on your tech stack)
/plugin install aai-stack-react@alphaagent-team
/plugin install aai-stack-express@alphaagent-team
/plugin install aai-stack-typescript@alphaagent-team
# ... etc.
/help # See all available commands from installed plugins
/plugin install aai-core@alphaagent-team
/plugin install aai-hooks@alphaagent-team
/plugin install aai-dev-fullstack@alphaagent-team
/plugin install aai-testing@alphaagent-team
Then add stack plugins matching your tech:
aai-stack-react, aai-stack-typescriptaai-stack-nextjs, aai-stack-reactaai-stack-express, aai-stack-nodeaai-stack-postgres, aai-stack-prisma/plugin install aai-pm-linear@alphaagent-team # or aai-pm-jira
/plugin install aai-docs@alphaagent-team
| Plugin | Description |
|---|---|
| aai-core | Core workflow - git operations, PRs, code review, essential commands |
| aai-hooks | Validation hooks - protected branches, completion validation, anti-patterns |
| Plugin | Description | Requires |
|---|---|---|
| aai-pm-linear | Linear ticket management - create, plan, optimize, triage | Linear MCP |
| aai-pm-jira | Jira ticket management - create, plan, optimize, triage | Atlassian MCP |
| aai-pm-github | GitHub Issues management - triage, workflow | gh CLI |
| Plugin | Description |
|---|---|
| aai-dev-frontend | Frontend agent - UI components, state management, accessibility |
| aai-dev-backend | Backend agent - API design, authentication, error handling |
| aai-dev-database | Database agent - schema design, queries, migrations |
| aai-dev-fullstack | All dev agents bundled together |