Skip to main content
9 specialized agents covering modern frontend frameworks, mobile development, UI design, and accessibility.

Agents

React Specialist

React 19+ modern hooks, Server Components, Actions, TypeScript, and performance optimization
  • Mode: subagent
  • Quality: 4.88/5 (Excellent)
  • Tags: react, hooks, server-components, typescript, frontend, performance
npx github:dmicheneau/opencode-template-agent install react-specialist

Next.js Developer

Next.js 15+ App Router, Server Components, Partial Pre-Rendering, and modern React with TypeScript
  • Mode: subagent
  • Quality: 4.25/5 (Good)
  • Tags: nextjs, react, server-components, app-router, typescript, ssr
npx github:dmicheneau/opencode-template-agent install nextjs-developer

Vue Expert

Vue.js 3 Composition API, Pinia, Nuxt, and reactive UI development
  • Mode: subagent
  • Quality: 4.88/5 (Excellent)
  • Tags: vue, vuejs, nuxt, pinia, composition-api, frontend
npx github:dmicheneau/opencode-template-agent install vue-expert

Angular Architect

Enterprise Angular applications, RxJS, signals, and module architecture
  • Mode: subagent
  • Quality: 4.25/5 (Good)
  • Tags: angular, rxjs, signals, enterprise, typescript, frontend
npx github:dmicheneau/opencode-template-agent install angular-architect

Mobile Developer

Cross-platform mobile apps with React Native and Flutter
  • Mode: subagent
  • Quality: 4.50/5 (Excellent)
  • Tags: mobile, react-native, flutter, ios, android, cross-platform
npx github:dmicheneau/opencode-template-agent install mobile-developer

UI Designer

Visual interface design, design systems, and component libraries
  • Mode: subagent
  • Quality: 4.62/5 (Excellent)
  • Tags: ui, design, design-systems, components, accessibility, ux
npx github:dmicheneau/opencode-template-agent install ui-designer

Accessibility

WCAG compliance, ARIA patterns, screen reader optimization, and a11y audits
  • Mode: subagent
  • Quality: 4.50/5 (Excellent)
  • Tags: accessibility, wcag, aria, a11y, screen-reader, inclusive-design
npx github:dmicheneau/opencode-template-agent install accessibility

Screenshot UI Analyzer

Analyzes UI screenshots to extract components, layout structure, and design patterns
  • Mode: subagent
  • Quality: 4.25/5 (Good)
  • Tags: ui, screenshots, analysis, design-patterns, layout, components
npx github:dmicheneau/opencode-template-agent install screenshot-ui-analyzer

Full-Stack Developer

End-to-end full-stack development spanning database, API, and frontend
  • Mode: primary
  • Quality: 4.62/5 (Excellent)
  • Tags: fullstack, web, frontend, backend, api, database
npx github:dmicheneau/opencode-template-agent install fullstack-developer

Usage Examples

@web/react-specialist Optimize this component for Server Components

Quality Stats

  • Average score: 4.56/5
  • 8 Excellent, 1 Good rating
  • Total tokens: ~10,500 (avg ~1,170 per agent)
  • Coverage: All major frontend frameworks + mobile

Common Workflows

All framework specialists + design + accessibility:
npx github:dmicheneau/opencode-template-agent install --pack frontend-complete
Includes: react-specialist, nextjs-developer, vue-expert, angular-architect, accessibility, ui-designer
Frontend + backend + database:
npx github:dmicheneau/opencode-template-agent install --pack fullstack
Includes: fullstack-developer, typescript-pro, react-specialist, nextjs-developer, postgres-pro, api-architect, debugger, test-automator, code-reviewer
Lean stack for fast iteration:
npx github:dmicheneau/opencode-template-agent install --pack startup
Includes: fullstack-developer, typescript-pro, nextjs-developer, postgres-pro, docker-specialist, product-manager, ui-designer, test-automator

When to Use

  • Building React 19 applications
  • Using Server Components and Actions
  • Optimizing component performance
  • Working with modern hooks
  • Building Next.js 15+ applications
  • Using App Router and Server Components
  • Implementing ISR or SSG
  • Optimizing for Core Web Vitals
  • Building design systems
  • Creating component libraries
  • Establishing visual consistency
  • Working with design tokens
  • Auditing for WCAG compliance
  • Implementing ARIA patterns
  • Testing with screen readers
  • Ensuring inclusive design

Build docs developers (and LLMs) love