opencode-agent-kit/template/.opencode/docs/frontend/react/QUICK_START.md

Multi-stack OpenCode agent toolkit — 33+ specialized AI agents, 200+ skills, 46 commands, 8 MCP servers (Nuxt, React, Node.js, Laravel, CI3, Android, Flutter, DevOps, SEO, SonarQube, and more)

# React Frontend Developer Agent — Quick Start

Panduan cepat untuk mulai menggunakan React Frontend Developer Agent (`@frontend-react`).

## Aktivasi Agent

Di OpenCode, ketik:

```
@frontend-react Hello! Tolong analyze project structure ini.
```

## Agent Akan Load Skills

Agent otomatis akan load skills yang dibutuhkan:
- `coding-standards`
- `frontend-patterns`
- `impeccable`
- `web-design-guidelines`

## Mulai Development!

```
@frontend-react Buat component Button dengan:
- 5 variants (primary, secondary, success, error, ghost)
- 3 sizes (sm, md, lg)
- Loading state
- Icon support
- Accessible (ARIA + keyboard)
- shadcn/ui style
```

Agent akan:
- Membuat component dengan TypeScript strict
- Implement accessibility standards
- Follow React 19 / Next.js 15 best practices
- Include usage examples

## Next Steps

- [CHEATSHEET.md](./CHEATSHEET.md) — Quick commands
- [API_PATTERNS.md](./API_PATTERNS.md) — Data fetching patterns
- [README.md](./README.md) — Full capabilities