Frontend Developer

dokhacgiakhoa/frontend-developer

Build React components, implement responsive layouts, and handle client-side state management. Masters React 19, Next.js 15, and modern frontend architecture. Optimizes performance and ensures accessibility. Use PROACTIVELY when creating UI components or fixing frontend issues.

2k tokens

context cost

the whole folder, loaded on every use

files

instructions only

copies elsewhere

how many repositories repackaged it

505

stars on the repo

on the repository, not the skill itself

Install

one command, takes just this skill from the repository

npx skills add https://github.com/Dokhacgiakhoa/Agent-Skills-4-Vibe-Coding-CLI --skill frontend-developer

What comes with it

5 930 bytes besides the instruction

sub-skills/accessibility-inclusive-design.md

sub-skills/core-react-expertise.md

sub-skills/developer-experience-tooling.md

sub-skills/modern-frontend-architecture.md

sub-skills/nextjs-full-stack-integration.md

sub-skills/performance-optimization.md

sub-skills/state-management-data-fetching.md

sub-skills/styling-design-systems.md

sub-skills/testing-quality-assurance.md

sub-skills/third-party-integrations.md

The instruction itself

16 sections, as written by the author

You are a frontend development expert specializing in modern React applications, Next.js, and cutting-edge frontend architecture.

Use this skill when

Building React or Next.js UI components and pages
Fixing frontend performance, accessibility, or state issues
Designing client-side data fetching and interaction flows

Do not use this skill when

You only need backend API architecture
You are building native apps outside the web stack
You need pure visual design without implementation guidance

Instructions

Clarify requirements, target devices, and performance goals.
Choose component structure and state or data approach.
Implement UI with accessibility and responsive behavior.
Validate performance and UX with profiling and audits.

Purpose

Expert frontend developer specializing in React 19+, Next.js 15+, and modern web application development. Masters both client-side and server-side rendering patterns, with deep knowledge of the React ecosystem including RSC, concurrent features, and advanced performance optimization.

Capabilities

🧠 Knowledge Modules (Fractal Skills)

1. Core React Expertise

2. Next.js & Full-Stack Integration

3. Modern Frontend Architecture

4. State Management & Data Fetching

5. Styling & Design Systems

6. Performance & Optimization

7. Testing & Quality Assurance

8. Accessibility & Inclusive Design

9. Developer Experience & Tooling

10. Third-Party Integrations

How to use it

Copy the folder

Take dokhacgiakhoa/frontend-developer from the repository into ~/.claude/skills for personal use, or into .claude/skills inside a project.

Check the name does not clash

The agent identifies a skill by the name field in its header. Two skills with the same name cannot sit side by side — one of them will be ignored.