Skip to main content

Plugin Commands Reference

Complete reference for managing the AI Design Components marketplace and plugins using Claude Code CLI.

No Cloning Required

Claude Code handles fetching from GitHub automatically. Just run the commands below.

Quick Start

# 1. Add the marketplace (Claude fetches from GitHub automatically)
claude plugin marketplace add ancoleman/ai-design-components

# 2. Install plugins you want
claude plugin install infrastructure-skills@ai-design-components
claude plugin install devops-skills@ai-design-components

# 3. Restart Claude Code to load new plugins

Marketplace Commands

Add Marketplace

From GitHub (recommended):

claude plugin marketplace add ancoleman/ai-design-components

From local directory (for development):

claude plugin marketplace add /path/to/ai-design-components
claude plugin marketplace add ./

List Marketplaces

claude plugin marketplace list

Update Marketplace

claude plugin marketplace update ai-design-components   # Update specific
claude plugin marketplace update # Update all

Remove Marketplace

claude plugin marketplace rm ai-design-components
# or
claude plugin marketplace remove ai-design-components

Plugin Commands

Install Plugin

claude plugin install <plugin-name>@ai-design-components

Examples:

# Frontend plugins
claude plugin install ui-foundation-skills@ai-design-components
claude plugin install ui-data-skills@ai-design-components
claude plugin install ui-input-skills@ai-design-components
claude plugin install ui-interaction-skills@ai-design-components
claude plugin install ui-structure-skills@ai-design-components
claude plugin install ui-content-skills@ai-design-components
claude plugin install ui-assembly-skills@ai-design-components

# Backend plugins
claude plugin install backend-data-skills@ai-design-components
claude plugin install backend-api-skills@ai-design-components
claude plugin install backend-platform-skills@ai-design-components
claude plugin install backend-ai-skills@ai-design-components

# DevOps & Infrastructure
claude plugin install devops-skills@ai-design-components
claude plugin install infrastructure-skills@ai-design-components

# Security
claude plugin install security-skills@ai-design-components

# Developer Productivity
claude plugin install developer-productivity-skills@ai-design-components

# Data Engineering
claude plugin install data-engineering-skills@ai-design-components

# AI/ML
claude plugin install ai-ml-skills@ai-design-components

# Cloud Providers
claude plugin install cloud-provider-skills@ai-design-components

# FinOps
claude plugin install finops-skills@ai-design-components

Uninstall Plugin

claude plugin uninstall <plugin-name>
# or
claude plugin remove <plugin-name>

Enable/Disable Plugin

claude plugin enable <plugin-name>
claude plugin disable <plugin-name>

Validation

Validate Marketplace

claude plugin validate .claude-plugin/marketplace.json

Validate Plugin/Skill

claude plugin validate ./skills/theming-components

Available Plugins

PluginSkillsDescription
ui-foundation-skills1Design tokens and theming
ui-data-skills3Data viz, tables, dashboards
ui-input-skills2Forms, search/filter
ui-interaction-skills3AI chat, drag-drop, feedback
ui-structure-skills3Navigation, layouts, timelines
ui-content-skills2Media, onboarding
ui-assembly-skills1Component assembly
backend-data-skills6All database types
backend-api-skills3API patterns, queues, realtime
backend-platform-skills3Observability, auth, deployment
backend-ai-skills2AI data engineering, model serving
devops-skills6CI/CD, GitOps, testing
infrastructure-skills12Kubernetes, IaC, networking
security-skills7Security architecture, compliance
developer-productivity-skills7API design, CLI, SDK
data-engineering-skills6Data pipelines, SQL
ai-ml-skills4MLOps, prompt engineering
cloud-provider-skills3AWS, GCP, Azure
finops-skills2Cost optimization, tagging

Total: 76 skills across 19 plugins

Install All Plugins

To install all plugins from the marketplace:

# Add marketplace first
claude plugin marketplace add ancoleman/ai-design-components

# Install all 19 plugins
claude plugin install ui-foundation-skills@ai-design-components
claude plugin install ui-data-skills@ai-design-components
claude plugin install ui-input-skills@ai-design-components
claude plugin install ui-interaction-skills@ai-design-components
claude plugin install ui-structure-skills@ai-design-components
claude plugin install ui-content-skills@ai-design-components
claude plugin install ui-assembly-skills@ai-design-components
claude plugin install backend-data-skills@ai-design-components
claude plugin install backend-api-skills@ai-design-components
claude plugin install backend-platform-skills@ai-design-components
claude plugin install backend-ai-skills@ai-design-components
claude plugin install devops-skills@ai-design-components
claude plugin install infrastructure-skills@ai-design-components
claude plugin install security-skills@ai-design-components
claude plugin install developer-productivity-skills@ai-design-components
claude plugin install data-engineering-skills@ai-design-components
claude plugin install ai-ml-skills@ai-design-components
claude plugin install cloud-provider-skills@ai-design-components
claude plugin install finops-skills@ai-design-components

Uninstall All Plugins

claude plugin uninstall ui-foundation-skills
claude plugin uninstall ui-data-skills
claude plugin uninstall ui-input-skills
claude plugin uninstall ui-interaction-skills
claude plugin uninstall ui-structure-skills
claude plugin uninstall ui-content-skills
claude plugin uninstall ui-assembly-skills
claude plugin uninstall backend-data-skills
claude plugin uninstall backend-api-skills
claude plugin uninstall backend-platform-skills
claude plugin uninstall backend-ai-skills
claude plugin uninstall devops-skills
claude plugin uninstall infrastructure-skills
claude plugin uninstall security-skills
claude plugin uninstall developer-productivity-skills
claude plugin uninstall data-engineering-skills
claude plugin uninstall ai-ml-skills
claude plugin uninstall cloud-provider-skills
claude plugin uninstall finops-skills

# Then remove marketplace
claude plugin marketplace rm ai-design-components

settings.json Configuration

For automatic installation when entering a project, add to .claude/settings.json:

{
"extraKnownMarketplaces": {
"ai-design-components": {
"source": {
"source": "github",
"repo": "ancoleman/ai-design-components"
}
}
},
"enabledPlugins": {
"ui-foundation-skills@ai-design-components": true,
"ui-data-skills@ai-design-components": true,
"infrastructure-skills@ai-design-components": true
}
}

Troubleshooting

Marketplace not found

# Check if marketplace is added
claude plugin marketplace list

# Re-add if missing
claude plugin marketplace add ancoleman/ai-design-components

Marketplace already installed

# Update existing marketplace
claude plugin marketplace update ai-design-components

# Or remove and re-add
claude plugin marketplace rm ai-design-components
claude plugin marketplace add ancoleman/ai-design-components

Plugin already installed

This is informational - the plugin is ready to use:

Plugin '<name>@ai-design-components' is already installed.

Restart required

After installing plugins, restart Claude Code to load them:

✓ Installed X plugins. Restart Claude Code to load new plugins.