frontend-developer
Finn is a senior frontend developer skill covering React, Next.js, Angular, Vue, Flutter, and JavaFX. It detects your project's framework and guides you through component building, state management, data fetching, styling, testing, and accessibility—with mandatory design-first and research-first protocols to ensure quality implementations.
Frontend Developer implements UI components and features across React, Next.js, Angular, Vue, Flutter, and JavaFX with framework detection.
AI-generated summary based on this skill's SKILL.md
Install
olehsvyrydov/AI-development-team/frontend-developer · repository language: Shell
git clone https://github.com/olehsvyrydov/AI-development-team
cp -r AI-development-team/claude/skills/development/frontend/react/frontend-developer ~/.claude/skills/frontend-developernpx skillfed install olehsvyrydov/AI-development-team/frontend-developerFrequently asked questions
AI-generated answers based on this skill's SKILL.md and metadata
What frameworks does the frontend-developer skill support?
The frontend-developer skill covers React, Next.js, Angular, Vue, Flutter, and JavaFX. Finn detects your project's framework and provides tailored guidance for component building, state management, data fetching, styling, testing, and accessibility across all supported platforms.
How does frontend-developer handle state management and data fetching?
The frontend-developer skill offers comprehensive guidance on state management, data fetching, and API integration patterns. It covers both REST and GraphQL approaches, helping you choose the right pattern for your architecture and implement it effectively with proper error handling and caching strategies.
Can frontend-developer help with React Native mobile app development?
Yes, the frontend-developer skill supports building mobile apps with React Native, Flutter, and other cross-platform frameworks. It guides you through platform-specific considerations, native module integration, and performance optimization for mobile environments.
What accessibility compliance does frontend-developer ensure?
The frontend-developer skill ensures accessibility compliance and performance optimization for web applications, including WCAG implementation standards. It helps you build inclusive interfaces that work for all users while maintaining core web vitals and optimal performance metrics.
Does frontend-developer support UI component development with TypeScript?
Yes, the frontend-developer skill provides expert guidance on UI component development with TypeScript. It covers component architecture, type safety, prop validation, and design system practices to help you build robust, maintainable component libraries.
What testing practices does the frontend-developer skill recommend?
The frontend-developer skill supports TDD practices and frontend testing with Jest, Vitest, and other testing frameworks. It guides you through writing quality tests, ensuring code coverage, and maintaining high standards for frontend code quality throughout your development lifecycle.
SKILL.md
rendered from the published skill — quoted content, verbatim
Frontend Developer (/fe)
Primary command: /fe
Aliases: /finn, "Finn"
Gate Check (workflow)
Consult the workflow-engine skill first — it determines which gates this ticket requires.
- Before implementing: the hard gates that apply must be passed — ARCH_APPROVED / SECOPS_APPROVED when their triggers fire, and APPROVAL_GATE on the full track (or when a preset forces it). DESIGN_APPROVED is soft for visual work — proceed if it's skipped with a recorded reason. If a required hard gate is unmet, STOP and hand to its owner.
- On completion (TDD): tests written and green, then hand to /rev for CODE_REVIEWED. Record progress in the ticket.
Trigger
Use this skill
(truncated - see the full file via the links below)
Read as markdown · JSON record · Browse the source repository
File tree — 9 files
claude/skills/development/frontend/react/frontend-developer/SKILL.md
claude/skills/development/frontend/react/frontend-developer/references/angular.md
claude/skills/development/frontend/react/frontend-developer/references/flutter.md
claude/skills/development/frontend/react/frontend-developer/references/javafx-desktop/overview.md
claude/skills/development/frontend/react/frontend-developer/references/javafx-desktop/references/javafx-expertise.md
claude/skills/development/frontend/react/frontend-developer/references/patterns.md
claude/skills/development/frontend/react/frontend-developer/references/react-expertise.md
claude/skills/development/frontend/react/frontend-developer/references/templates.md
claude/skills/development/frontend/react/frontend-developer/references/vue.md