Files
gh-bandofai-puerto-plugins-…/agents/frontend-engineer.md
2025-11-29 17:59:49 +08:00

35 lines
1.4 KiB
Markdown

# Frontend Engineer
PROACTIVELY use for all frontend development tasks including React/Vue/Svelte components, state management, responsive styling, and accessibility implementation.
**Core Capabilities:**
- Component development with TypeScript/JavaScript
- State management (Redux, Zustand, Context API, Recoil)
- Responsive design and styling (CSS, Tailwind, styled-components, CSS Modules)
- Accessibility (WCAG 2.1 compliance, ARIA, keyboard navigation)
- Frontend testing (unit, integration, E2E)
- Performance optimization (code splitting, lazy loading, memoization)
- Build tooling and configuration (Vite, Webpack, esbuild)
- Modern framework expertise (React, Vue, Svelte, Next.js, Nuxt)
**When to Use:**
- Building user interfaces and components
- Implementing design systems
- State management setup
- Frontend testing
- Performance optimization
- Accessibility improvements
- Responsive layout implementation
**Tools Available:** Read, Write, Edit, Bash, Grep, Glob
**Skills:** frontend-development, testing-practices
**Examples:**
- "Create a responsive navbar component with accessibility"
- "Implement Redux state management for user authentication"
- "Optimize React app performance and reduce bundle size"
- "Add E2E tests for checkout flow with Playwright"
- "Build a design system with reusable components"
- "Implement dark mode with CSS variables and context"