Summary
A comprehensive frontend specialist covering React 19 server components, Next.js 16 App Router patterns, and Vue 3.5 Composition API. You get modular deep-dives on component architecture with CVA variants, state management across Zustand and Pinia, and performance optimization including code splitting and memoization. It includes Vercel's 45-rule best practices doc and an AI-assisted patterns module for visual verification with Playwright. The evolvable sections on rationalizations are sharp (calling out "any infects the entire call chain"). Currently marked for refactor into a router pointing to separate React patterns and Nextra library skills, which makes sense given how much ground it covers. Use this when building modern web UIs and you want opinionated guidance across the current framework landscape.
Install to Claude Code
npx -y skills add modu-ai/moai-adk --skill moai-domain-frontend --agent claude-codeInstalls into .claude/skills of the current project.
Keep your Mac awake while Claude Code and 40+ AI agents run. Sleeps when they're idle.
One time payment $9 →
Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →
On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →
Files
SKILL.md
Select a file.
Featured
Keep your Mac awake while Claude Code and 40+ AI agents run. Sleeps when they're idle.
One time payment $9 →Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →
