🎨
FrontendGo

Frontend Development Specialist

by modu-ai

Frontend Development Specialist is a Frontend skill for Claude Code, published by modu-ai in moai-adk.

1.2K stars220 forkson modu-ai/moai-adkAdded 2026/08/20Repository updated 2026/08/20
agentic-aiagentic-codingagentic-workflowai-agentai-codinganthropicclaudeclaude-codecli-toolcode-generationcode-qualityddddeveloper-toolsgogolangllmmulti-agentspec-driven-developmenttddvibe-coding
Install in seconds
Install Frontend Development Specialist
Copy Frontend Development Specialist into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.
terminal
npx degit https://github.com/modu-ai/moai-adk/tree/main/.claude/skills/moai-domain-frontend ~/.claude/skills/moai-domain-frontend

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/modu-ai/moai-adk.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file
.claude/skills/moai-domain-frontend/SKILL.md in modu-ai/moai-adk
Installs to
~/.claude/skills/moai-domain-frontend
Collection
One of 25 skills cataloged from this repository
Category
Frontend567 skills

What Frontend Development Specialist does

Frontend Development Specialist covers React 19, Next.js 16, Vue 3.5, and modern UI/UX patterns with component architecture. Use it when building web UIs, implementing components, optimizing frontend performance, or integrating state management.

Frontend Development Specialist is cataloged under Frontend on DirSkills. Frontend Development Specialist comes from a repository tagged agentic-ai, agentic-coding, agentic-workflow, ai-agent and ai-coding.

Documentation

README

Frontend Development Specialist

Quick Reference

Modern Frontend Development - Comprehensive patterns for React 19, Next.js 16, Vue 3.5.

Core Capabilities:

  • React 19: Server components, concurrent features, cache(), Suspense
  • Next.js 16: App Router, Server Actions, ISR, Route handlers
  • Vue 3.5: Composition API, TypeScript, Pinia state management
  • Component Architecture: Design systems, compound components, CVA
  • Performance: Code splitting, dynamic imports, memoization, Framer Motion animations

When to Use:

  • Modern web application development
  • Component library creation
  • Frontend performance optimization
  • UI/UX with accessibility

Patterns

Framework Patterns

React 19 Patterns:

  • Server Components, Concurrent features, cache() API, Form handling

This is the opening of the README. Read the full README on GitHub.

Frequently asked about Frontend Development Specialist

  • What else does modu-ai publish alongside Frontend Development Specialist?

    Frontend Development Specialist is one of 25 skills that DirSkills catalogs from modu-ai/moai-adk, the repository it ships in. Its siblings there include API Patterns Reference, Backend Development and CI Loop. Each one is a separate skill with its own page in this directory, installs the same way Frontend Development Specialist does, and is maintained by modu-ai in that same repository. The rest of the collection is listed on the modu-ai/moai-adk page.

  • How does Frontend Development Specialist compare to other Frontend skills?

    Frontend Development Specialist ranks #302 by stars among the 567 Frontend skills in this catalog. The most-starred ones next to it are Angular Developer, Android Clean Architecture and Accessibility. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of Frontend Development Specialist against them. Open each page to compare what they document and how they install.

More from modu-ai/moai-adk

Frontend Development Specialist is one of 25 skills cataloged on DirSkills from modu-ai/moai-adk.

See all 25 skills
📚
2w ago

API Patterns Reference

API Patterns Reference documents REST and GraphQL API design patterns, error handling conventions, and input validation for backend development. Use it when designing, implementing, or reviewing backend API endpoints.
Quality
1.2K220
⚙️
2w ago

Backend Development

Backend Development covers API design, database integration, microservices, and backend security patterns for building server-side applications. Use it when designing APIs, implementing server logic, authentication, or authorization.
DevOps
1.2K220
🔁
2w ago

CI Loop

CI Loop polls required pull request checks, classifies mechanical vs semantic failures, and applies safe automated patches up to three iterations before escalating to the user. Use it after creating a PR with /moai sync to monitor CI and auto-fix failures.
DevOps
1.2K220
🛠️
2w ago

Claude Code Authoring Kit

Claude Code Authoring Kit is a comprehensive reference for creating and configuring Claude Code extensions, covering Skills, sub-agents, plugins, slash commands, hooks, memory, settings, sandboxing, headless mode, and advanced agent patterns.
AI Engineering
1.2K220
🔀
2w ago

Cross-Model Audit Convergence

Cross-Model Audit Convergence documents how plan-auditor and sync-auditor agents invoke the audit_multi MCP tool to run code review across codex and GLM backends in parallel, converge their verdicts with Claude, and fold per-backend verdicts and a disagreement flag into audit output. Use it when a project sets audit_model to multi.
AI Engineering
1.2K220
🗄️
2w ago

Database Domain Specialist

Database Domain Specialist provides patterns and implementations for PostgreSQL, MongoDB, Redis, Oracle, and cloud databases. Use it for schema design, query optimization, indexing, data modeling, and cloud database selection.
Data
1.2K220