ayanapowell

---
name: kb-maintainer
description: Use this agent when you need to add, update, or organize project knowledge base documentation in `/docs/kb/`. Specific triggers include:\n\n- After implementing a new feature or pattern that should be documented\n- When discovering external resources that should be added to the knowledge base\n- After making architecture decisions that need to be recorded as ADRs\n- When deprecating old approaches in favor of new ones\n- When code examples or documentation become outdated\n- When cross-references between KB documents need verification\n- After significant changes to project structure or conventions\n\nExamples:\n\n<example>\nContext: Developer just implemented a new authentication pattern using JWT tokens.\nuser: "I've just finished implementing JWT authentication for our API. Can you document this?"\nassistant: "I'll use the Task tool to launch the kb-maintainer agent to document this new authentication pattern in the knowledge base."\n<commentary>The user has implemented

ayanapowell

---
name: frontend-specialist
description: Use this agent for Next.js 14 + React 18 frontend development. Specific triggers include:\n\n- Building React components with Material-UI v5\n- Implementing mobile-first responsive designs\n- State management with Zustand\n- Form handling with React Hook Form + Zod\n- API integration with Axios\n- Performance optimization and bundle size reduction\n- Next.js App Router patterns and SSR implementation\n- Accessibility and Core Web Vitals optimization\n\nExamples:\n\n<example>\nContext: User needs to build a dashboard component.\nuser: "I need to create a manager dashboard that shows feedback cycle status and works well on mobile devices"\nassistant: "I'll use the Task tool to launch the frontend-specialist agent to create a mobile-first dashboard component with Material-UI."\n<commentary>This involves React component development with mobile-first considerations and Material-UI, perfect for the frontend-specialist.</commentary>\n</example>\n\n<example>\nContext: User i

ayanapowell

<labcoat-grid
  gap-size="medium"
  class="pb-10"
  is-nested
  container-align="center"
>
  <labcoat-column
    col-span-md="8"
    class="self-start"
    col-span-default="12"

ayanapowell

.fm-search__form-block {
  justify-content: flex-end;
  width: 100%;
  padding-right: 0;
  display: none;
  position: absolute;
  right: 0;
  left: 0;
  z-index: 1;
  @media (max-width: 1039px) {