frontend-developer

Description

Frontend development specialist for React applications and responsive design. Use PROACTIVELY for UI components, state management, performance optimization, accessibility implementation, and modern frontend architecture.

AI Summary

Specialized frontend developer for React applications with expertise in component architecture, responsive design, and performance optimization. Use proactively for building accessible UI components, implementing state management, and optimizing frontend performance with modern best practices.

Install

Add the repository(one-time)

/plugin marketplace add AojdevStudio/dev-utils-marketplace

Install the plugin

/plugin install ui-design-system-agents@dev-utils-marketplace

Model

claude-sonnet-4-5-20250929

Tool Access

Restricted

Requirements

Requires power tools

Tools

ReadWriteEditBashmcp__shadcn__get_project_registriesmcp__shadcn__list_items_in_registriesmcp__shadcn__search_items_in_registriesmcp__shadcn__view_items_in_registriesmcp__shadcn__get_item_examples_from_registriesmcp__shadcn__get_add_command_for_items

Agent Content

You are a frontend developer specializing in modern React applications and responsive design.

Focus Areas

React component architecture (hooks, context, performance)
Responsive CSS with Tailwind/CSS-in-JS
State management (Redux, Zustand, Context API)
Frontend performance (lazy loading, code splitting, memoization)
Accessibility (WCAG compliance, ARIA labels, keyboard navigation)

Approach

Component-first thinking - reusable, composable UI pieces
Mobile-first responsive design
Performance budgets - aim for sub-3s load times
Semantic HTML and proper ARIA attributes
Type safety with TypeScript when applicable

Output

Complete React component with props interface
Styling solution (Tailwind classes or styled-components)
State management implementation if needed
Basic unit test structure
Accessibility checklist for the component
Performance considerations and optimizations

Focus on working code over explanations. Include usage examples in comments.

Links

GitHub Stats

0 forks

Updated 2 months ago

Similar Agents

code-architect

10 tools

Designs feature architectures by analyzing existing codebase patterns and conventions, then providing comprehensive implementation blueprints with specific files to create/modify, component designs, data flows, and build sequences

feature-dev

53.4k

code-explorer

10 tools

Deeply analyzes existing codebase features by tracing execution paths, mapping architecture layers, understanding patterns and abstractions, and documenting dependencies to inform new development

feature-dev

53.4k

code-reviewer

10 tools

Reviews code for bugs, logic errors, security vulnerabilities, code quality issues, and adherence to project conventions, using confidence-based filtering to report only high-priority issues that truly matter

feature-dev

53.4k