Skillzwave The Package Manager for Enterprise AI Agents

⌘K

moai-component-designer

44.3

Enterprise-grade component design and architecture with React 19, Vue 3.5, Atomic Design patterns, accessibility standards (WCAG 2.1 AA), design systems, and production-ready component libraries. Use when building reusable component systems, designing component libraries, implementing Atomic Design, ensuring accessibility compliance, or creating scalable UI architectures.

Third-Party Agent Skill: Review the code before installing. Agent skills execute in your AI assistant's environment and can access your files. Learn more about security

Installation for Agentic Skill

View all platforms →

Claude Code (CLI) Fast

skilz install modu-ai/moai-adk/moai-component-designer

OpenCode (CLI) Fast

skilz install modu-ai/moai-adk/moai-component-designer --agent opencode

OpenAI Codex (CLI) Native

skilz install modu-ai/moai-adk/moai-component-designer --agent codex

Gemini CLI (Project) Project

skilz install modu-ai/moai-adk/moai-component-designer --agent gemini

First time? Install Skilz: pip install skilz

Works with 14 AI coding assistants

Cursor, Aider, Copilot, Windsurf, Qwen, Kimi, and more...

View All Agents

For Claude Desktop Easy

Download Agent Skill ZIP

Extract and copy to ~/.claude/skills/ then restart Claude Desktop

Manual Installation

1. Clone the repository:

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

2. Copy the agent skill directory:

cp -r moai-adk/.claude/skills/moai-component-designer ~/.claude/skills/

Need detailed installation help? Check our platform-specific guides:

Claude Desktop Guide Claude Code Guide Troubleshooting

Related Agentic Skills

agent-identifier

This skill should be used when the user asks to "create an agent", "add an agent", "write a subagent", "agent frontmatter", "when to use description",...

54

javascript

Marketplace

+github+networking

skill-development

This skill should be used when the user wants to "create a skill", "add a skill to plugin", "write a new skill", "improve skill description", "organiz...

54

javascript

Marketplace

+github+networking

frontend-design

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, a...

54

TECHjavascript

Marketplace

+pdf+ci cd

web-artifacts-builder

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui...

54

TECHjavascript

Marketplace

+terraform

Agentic Skill Details

Owner: modu-ai (GitHub)
Repository: moai-adk
Type: Technical
Meta-Domain: development
Primary Domain: javascript
Market Score: 44.3

Agentic Skill Grades →

Browse Category

More development Agentic Skills

Report Security Issue

Found a security vulnerability in this agent skill?