How do I install Frontend Developer?

Install Frontend Developer with a single command: npx mdskills install wshobson/frontend-developer. This downloads the skill files into your project and your AI agent picks them up automatically.

What platforms support Frontend Developer?

Frontend Developer works with Claude Code. Skills use the open SKILL.md format which is compatible with any AI coding agent that reads markdown instructions.

← Back to subagents

Frontend Developer

Name: Frontend Developer: AI Agent Skill
Brand: wshobson
Availability: InStock
Rating: 3.6 (1 reviews)
Author: wshobson

Verified

Ships React/Next.js UI components with accessibility, state management, and performance baked in. Use when building or refactoring UI code.

8.2advisor410popularityby wshobson

npx mdskills install wshobson/frontend-developer

Kubernetes Architect

Designs Kubernetes clusters, ingress topology, RBAC, and workload placement. Use for greenfield k8s setups or when scaling past 10 services on a single cluster.

Performance Engineer

Profiles hot paths, spots N+1 queries, suggests caching layers, and fixes render bottlenecks. Use when a page or endpoint is slow and root cause is unknown.

Test Automator

Writes unit, integration, and e2e tests. Picks the right framework, structures the test suite, and generates fixtures. Use when a feature ships without tests.

Backend Architect

Designs RESTful APIs, microservice boundaries, and database schemas. Use for new backend services or when refactoring cross-service contracts.

Sub-agent details

When to use: When building or refactoring React/Next.js UI components
Hosts: Claude Code
Tools allowed: ReadWriteEditMultiEditGrepGlobBash

Are you @wshobson? Sign in with GitHub to claim this listing.

Skill Advisor8.2

Comprehensive frontend development skill with deep React 19, Next.js 15, and modern architecture coverage

+Covers extensive modern frontend stack including RSC, Server Actions, and performance optimization
+Includes concrete examples of when to use specific features and patterns
+Addresses accessibility, testing, and developer experience comprehensively
-Lacks specific step-by-step workflows or trigger conditions for when to activate proactively
-Could benefit from concrete code examples demonstrating the Response Approach pattern

Fork Lineage

No forks yet. Be the first to fork and customize this skill.

Visual fork tree and fork list coming soon.

Kubernetes Architect

Subagent

Designs Kubernetes clusters, ingress topology, RBAC, and workload placement. Use for greenfield k8s setups or when scaling past 10 services on a single cluster.

8.7435by wshobson

Performance Engineer

Subagent

Profiles hot paths, spots N+1 queries, suggests caching layers, and fixes render bottlenecks. Use when a page or endpoint is slow and root cause is unknown.

8.2410by wshobson

Test Automator

Subagent

Writes unit, integration, and e2e tests. Picks the right framework, structures the test suite, and generates fixtures. Use when a feature ships without tests.

7.8390by wshobson

Backend Architect

Subagent

Designs RESTful APIs, microservice boundaries, and database schemas. Use for new backend services or when refactoring cross-service contracts.

7.8390by wshobson

Cloud Architect

Subagent

Designs multi-region cloud topologies on AWS/GCP/Azure — VPCs, load balancers, IAM, cost tradeoffs. Use when moving off a single-region monolith or planning a migration.

7.8390by wshobson

Security Auditor

Subagent

Reviews code for OWASP-style vulnerabilities: injection, auth flaws, secret leaks, unsafe deserialization. Use before merging any code that touches auth, inputs, or external systems.

7.8390by wshobson

Frontend Developer

Sub-agent details

Fork Lineage

Related

Kubernetes Architect

Performance Engineer

Test Automator

Backend Architect

Cloud Architect

Security Auditor