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
Author: wshobson

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

by wshobson

npx mdskills install wshobson/frontend-developer

Backend Architect

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

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.

Security Auditor

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.

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.

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.

Cursor, Windsurf, and other agents

npx mdskills install wshobson/frontend-developer

Claude.ai Web or Desktop

Download the skill as a file, then: Settings → Capabilities → Skills → Upload.

Use the Download button at the top of this page to get SKILL.md, or install via the CLI on supported agents.

Backend Architect

Subagent

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

by 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.

by 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.

by 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.

by 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.

by wshobson

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.

by wshobson

Frontend Developer

Sub-agent details

Cursor, Windsurf, and other agents

Claude.ai Web or Desktop

Related

Backend Architect

Performance Engineer

Security Auditor

Test Automator

Cloud Architect

Kubernetes Architect