ai-design-components
Installation
Add the marketplace
/plugin marketplace add ancoleman/ai-design-componentsInstall plugins
/pluginRun these commands in Claude Code to add this plugin to your environment. The marketplace must be added before you can install its plugins.
Plugins
ui-foundation-skills
Foundational design system including tokens and theming for consistent styling across all components
ui-data-skills
Data visualization, tables, and dashboard components for displaying and analyzing data
ui-input-skills
Form systems, search, and filter components for user input and data collection
ui-interaction-skills
Interactive components including AI chat interfaces, drag-drop functionality, and feedback systems
ui-structure-skills
Navigation, layout, and timeline components for app structure and organization
ui-content-skills
Media management and user onboarding components for content-rich experiences
ui-assembly-skills
Capstone skill for assembling component outputs into unified, production-ready systems with token validation and framework scaffolding
backend-data-skills
Database and data storage: relational, vector, time-series, document, graph, plus data ingestion
devops-skills
CI/CD pipelines, GitOps workflows, testing strategies, platform engineering, and containerization
infrastructure-skills
Kubernetes operations, infrastructure as code, networking, service mesh, and distributed systems
security-skills
Security architecture, compliance frameworks, vulnerability management, TLS, firewalls, and SIEM
data-engineering-skills
Data architecture, streaming pipelines, transformations, SQL optimization, and performance engineering
developer-productivity-skills
API design, CLI development, SDK creation, documentation generation, debugging, and Git workflows
ai-ml-skills
MLOps patterns, prompt engineering, LLM evaluation, and embedding optimization
cloud-provider-skills
Cloud-specific patterns and best practices for AWS, GCP, and Azure
Skills
visualizing-data
Data visualization, tables, and dashboard components for displaying and analyzing data
theming-components
Foundational design system including tokens and theming for consistent styling across all components
building-tables
Data visualization, tables, and dashboard components for displaying and analyzing data
creating-dashboards
Data visualization, tables, and dashboard components for displaying and analyzing data
building-forms
Form systems, search, and filter components for user input and data collection
implementing-search-filter
Form systems, search, and filter components for user input and data collection
building-ai-chat
Interactive components including AI chat interfaces, drag-drop functionality, and feedback systems
implementing-drag-drop
Interactive components including AI chat interfaces, drag-drop functionality, and feedback systems
providing-feedback
Interactive components including AI chat interfaces, drag-drop functionality, and feedback systems
implementing-navigation
Navigation, layout, and timeline components for app structure and organization
designing-layouts
Navigation, layout, and timeline components for app structure and organization
displaying-timelines
Navigation, layout, and timeline components for app structure and organization
managing-media
Media management and user onboarding components for content-rich experiences
guiding-users
Media management and user onboarding components for content-rich experiences
assembling-components
Capstone skill for assembling component outputs into unified, production-ready systems with token validation and framework scaffolding
ingesting-data
Database and data storage: relational, vector, time-series, document, graph, plus data ingestion
using-relational-databases
Database and data storage: relational, vector, time-series, document, graph, plus data ingestion
using-vector-databases
Database and data storage: relational, vector, time-series, document, graph, plus data ingestion
using-document-databases
Database and data storage: relational, vector, time-series, document, graph, plus data ingestion
using-timeseries-databases
Database and data storage: relational, vector, time-series, document, graph, plus data ingestion
using-graph-databases
Database and data storage: relational, vector, time-series, document, graph, plus data ingestion
implementing-api-patterns
API development, messaging, and real-time communication
using-message-queues
API development, messaging, and real-time communication
implementing-observability
Observability, security, and deployment infrastructure
implementing-realtime-sync
API development, messaging, and real-time communication
deploying-applications
Observability, security, and deployment infrastructure
securing-authentication
Observability, security, and deployment infrastructure
testing-strategies
CI/CD pipelines, GitOps workflows, testing strategies, platform engineering, and containerization
implementing-gitops
CI/CD pipelines, GitOps workflows, testing strategies, platform engineering, and containerization
building-ci-pipelines
CI/CD pipelines, GitOps workflows, testing strategies, platform engineering, and containerization
platform-engineering
CI/CD pipelines, GitOps workflows, testing strategies, platform engineering, and containerization
managing-incidents
CI/CD pipelines, GitOps workflows, testing strategies, platform engineering, and containerization
writing-dockerfiles
CI/CD pipelines, GitOps workflows, testing strategies, platform engineering, and containerization
operating-kubernetes
Kubernetes operations, infrastructure as code, networking, service mesh, and distributed systems
writing-infrastructure-code
Kubernetes operations, infrastructure as code, networking, service mesh, and distributed systems
administering-linux
Kubernetes operations, infrastructure as code, networking, service mesh, and distributed systems
architecting-networks
Kubernetes operations, infrastructure as code, networking, service mesh, and distributed systems
load-balancing-patterns
Kubernetes operations, infrastructure as code, networking, service mesh, and distributed systems
planning-disaster-recovery
Kubernetes operations, infrastructure as code, networking, service mesh, and distributed systems
configuring-nginx
Kubernetes operations, infrastructure as code, networking, service mesh, and distributed systems
shell-scripting
Kubernetes operations, infrastructure as code, networking, service mesh, and distributed systems
managing-dns
Kubernetes operations, infrastructure as code, networking, service mesh, and distributed systems
implementing-service-mesh
Kubernetes operations, infrastructure as code, networking, service mesh, and distributed systems
managing-configuration
Kubernetes operations, infrastructure as code, networking, service mesh, and distributed systems
designing-distributed-systems
Kubernetes operations, infrastructure as code, networking, service mesh, and distributed systems
architecting-security
Security architecture, compliance frameworks, vulnerability management, TLS, firewalls, and SIEM
implementing-compliance
Security architecture, compliance frameworks, vulnerability management, TLS, firewalls, and SIEM
managing-vulnerabilities
Security architecture, compliance frameworks, vulnerability management, TLS, firewalls, and SIEM
implementing-tls
Security architecture, compliance frameworks, vulnerability management, TLS, firewalls, and SIEM
configuring-firewalls
Security architecture, compliance frameworks, vulnerability management, TLS, firewalls, and SIEM
designing-apis
API design, CLI development, SDK creation, documentation generation, debugging, and Git workflows
siem-logging
Security architecture, compliance frameworks, vulnerability management, TLS, firewalls, and SIEM
security-hardening
Security architecture, compliance frameworks, vulnerability management, TLS, firewalls, and SIEM
building-clis
API design, CLI development, SDK creation, documentation generation, debugging, and Git workflows
designing-sdks
API design, CLI development, SDK creation, documentation generation, debugging, and Git workflows
generating-documentation
API design, CLI development, SDK creation, documentation generation, debugging, and Git workflows
debugging-techniques
API design, CLI development, SDK creation, documentation generation, debugging, and Git workflows
managing-git-workflows
API design, CLI development, SDK creation, documentation generation, debugging, and Git workflows
writing-github-actions
API design, CLI development, SDK creation, documentation generation, debugging, and Git workflows
architecting-data
Data architecture, streaming pipelines, transformations, SQL optimization, and performance engineering
streaming-data
Data architecture, streaming pipelines, transformations, SQL optimization, and performance engineering
transforming-data
Data architecture, streaming pipelines, transformations, SQL optimization, and performance engineering
optimizing-sql
Data architecture, streaming pipelines, transformations, SQL optimization, and performance engineering
secret-management
Data architecture, streaming pipelines, transformations, SQL optimization, and performance engineering
performance-engineering
Data architecture, streaming pipelines, transformations, SQL optimization, and performance engineering
implementing-mlops
MLOps patterns, prompt engineering, LLM evaluation, and embedding optimization
prompt-engineering
MLOps patterns, prompt engineering, LLM evaluation, and embedding optimization
evaluating-llms
MLOps patterns, prompt engineering, LLM evaluation, and embedding optimization
embedding-optimization
MLOps patterns, prompt engineering, LLM evaluation, and embedding optimization
deploying-on-aws
Cloud-specific patterns and best practices for AWS, GCP, and Azure
deploying-on-gcp
Cloud-specific patterns and best practices for AWS, GCP, and Azure
deploying-on-azure
Cloud-specific patterns and best practices for AWS, GCP, and Azure
optimizing-costs
Cloud cost optimization and resource tagging strategies
resource-tagging
Cloud cost optimization and resource tagging strategies