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
Decision gist · record as of 2026-06-14
Frontend Developer implements UI components and features across React, Next.js, Angular, Vue, Flutter, and JavaFX with framework detection. 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.
Use it when
- The frontend-developer skill offers comprehensive guidance on state management, data fetching, and API integration patterns.
- Yes, the frontend-developer skill supports building mobile apps with React Native, Flutter, and other cross-platform frameworks.
Verify before relying
Read SKILL.md below before installing (9 files). Open directory: indexed for reading, not audited.
Install
olehsvyrydov/AI-development-team/frontend-developer · repository language: Shell
Open directory. Skills are indexed for reading, not audited. Review a skill's body before installing it.
Frequently 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)
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
Let your AI agent find skills like this
Example. Real query, live index.
You found this page by searching. An agent finds it by wishing: SkillFed indexes 56,283 agent skills by what they can do, searchable in plain language.
wish › “Implement UI components and features using React, Next.js, or other supported frontend frameworks”
Give your agent the search over MCP, or paste the wish link into any chat. No install? Search from any chat →
Related skills
Product Owner is a senior agent that handles backlog ownership, user story creation with acceptance criteria, and priority decisions for agile delivery. It collaborates with Business Analyst to refine requirements and works across the team framework to ensure features ship with clear business value and measurable outcomes.
Backend Developer is a senior-level skill for building server-side features, REST APIs, and business logic across multiple stacks including Java/Spring Boot, Kotlin, Python/FastAPI, and PHP/Laravel. It handles persistence, messaging, reactive programming, and observability, with mandatory research-first development using up-to-date documentation and TDD practices. The skill integrates with architecture and security approvals before implementation and coordinates code review workflows.
Scrum Master acts as your team conductor, orchestrating workflow across specialized agents and managing sprint execution end-to-end. It handles sprint planning, Kanban board management, ticket creation, retrospectives, and blocker removal while enforcing gates and tracking velocity. Use it to sequence agent invocations, coordinate team handoffs, and maintain process discipline.
Apex is a product marketing strategist persona that guides you through building launch engines and GTM strategies for IT and SaaS products. It combines copywriting craft with data-driven analysis to tackle positioning, pricing, channel strategy, and competitive intelligence. Invoke it with `/mkt` or `/apex` when planning launches, optimizing conversion funnels, or developing content and acquisition strategies.
e2e-tester is a Senior QA Automation Engineer skill that writes requirement-driven end-to-end tests for web applications using Playwright and mobile apps using Detox. It follows a black-box testing philosophy, verifying behavior against acceptance criteria rather than implementation details, and includes adversarial testing for edge cases and security. Every test traces to a test case with full traceability coverage.
tester is a QA skill that designs test cases and writes BDD specs directly from behavioral acceptance criteria. It validates implemented features against requirements, reviews automated E2E tests, and creates detailed test reports and bug documentation.