ancoleman/ai-design-components

96 resources in this repository

🎯76Skills🔌19Plugins🏪1Marketplaces

385

🎯Skills76

A collection of 76 production-ready Claude Skills covering frontend, backend, DevOps, infrastructure, security, cloud, and AI/ML development.

creating-dashboards

🎯implementing-drag-drop🎯Skill

Skill for implementing drag-and-drop and sortable interfaces with React/TypeScript using dnd-kit, covering kanban boards, sortable lists, file upload zones, reorderable grids, accessibility patterns, and touch support.

implementing-drag-drop

🎯administering-linux🎯Skill

A collection of 76 production-ready Claude Skills covering frontend, backend, DevOps, infrastructure, security, cloud, and AI/ML development.

administering-linux

🎯security-hardening🎯Skill

A security hardening skill from a collection of 76 production-ready Claude Skills providing domain expertise, decision frameworks, and production-ready code patterns for secure infrastructure.

security-hardening

🎯building-ai-chat🎯Skill

AI chat building skill from AI Design Components for full-stack development of AI-assisted applications with Claude integration.

building-ai-chat

🎯designing-layouts🎯Skill

A collection of 76 full-stack development skills for AI-assisted development with Claude, covering design, layouts, and component creation.

designing-layouts

🎯visualizing-data🎯Skill

A visualizing data skill from AI Design Components, providing UI/UX design and component development skills for AI-assisted workflows.

visualizing-data

🎯designing-distributed-systems🎯Skill

A distributed systems design skill from a collection of 76 production-ready Claude Skills covering frontend, backend, DevOps, infrastructure, security, cloud, and AI/ML development with decision frameworks and code patterns.

designing-distributed-systems

🎯configuring-firewalls🎯Skill

A configuring firewalls skill from AI Design Components, providing UI/UX design and component development skills for AI-assisted workflows.

configuring-firewalls

🎯securing-authentication🎯Skill

Full-stack development skill for securing authentication flows including OAuth, JWT, session management, and security hardening in AI-assisted development.

securing-authentication

🎯siem-logging🎯Skill

A collection of 76 production-ready Claude Skills spanning frontend, backend, DevOps, infrastructure, security, cloud, and AI/ML development. Includes an interactive installer, a skillchain guided workflow system, and 19 plugin groups.

siem-logging

🎯using-graph-databases🎯Skill

A using graph databases skill from AI Design Components, providing UI/UX design and component development skills for AI-assisted workflows.

using-graph-databases

🎯evaluating-llms🎯Skill

A collection of 76 production-ready Claude skills covering frontend, backend, DevOps, infrastructure, security, cloud, and AI/ML development, with a skillchain guided workflow system for building dashboards, APIs, and more.

evaluating-llms

🎯guiding-users🎯Skill

A guiding users skill from AI Design Components, providing UI/UX design and component development skills for AI-assisted workflows.

guiding-users

🎯writing-github-actions🎯Skill

A writing github actions skill from AI Design Components, providing UI/UX design and component development skills for AI-assisted workflows.

writing-github-actions

🎯building-forms🎯Skill

A forms-building skill from AI Design Components, a collection of 76 full-stack development skills for AI-assisted development with Claude.

building-forms

🎯using-message-queues🎯Skill

A full-stack development skill set for AI-assisted development, part of a 76-skill collection covering design patterns, architecture components, and development best practices.

using-message-queues

🎯prompt-engineering🎯Skill

Part of AI Design Components, a collection of 76 production-ready Claude Skills covering frontend, backend, DevOps, infrastructure, security, cloud, and AI/ML development.

prompt-engineering

🎯implementing-realtime-sync🎯Skill

A implementing realtime sync skill from AI Design Components, providing UI/UX design and component development skills for AI-assisted workflows.

implementing-realtime-sync

🎯using-relational-databases🎯Skill

A collection of 76 production-ready Claude skills covering frontend, backend, DevOps, infrastructure, security, cloud, and AI/ML development, providing domain expertise, decision frameworks, and production-ready code patterns.

using-relational-databases

🎯architecting-data🎯Skill

Part of the AI Design Components collection providing 76 full-stack development skills for AI-assisted development with Claude, focused on data architecture patterns and design.

architecting-data

🎯writing-dockerfiles🎯Skill

A writing dockerfiles skill from AI Design Components, providing UI/UX design and component development skills for AI-assisted workflows.

writing-dockerfiles

🎯deploying-on-gcp🎯Skill

A deploying on gcp skill from AI Design Components, providing UI/UX design and component development skills for AI-assisted workflows.

deploying-on-gcp

🎯theming-components🎯Skill

A theming components skill from AI Design Components, providing UI/UX design and component development skills for AI-assisted workflows.

theming-components

🎯streaming-data🎯Skill

A production-ready Claude skill for streaming data patterns, part of a 76-skill collection covering frontend, backend, DevOps, infrastructure, security, cloud, and AI/ML development. Provides domain expertise, decision frameworks, and production-ready code patterns for AI-assisted development.

streaming-data

🎯configuring-nginx🎯Skill

A collection of 76 production-ready Claude Skills spanning frontend, backend, DevOps, infrastructure, security, cloud, and AI/ML, providing domain expertise, decision frameworks, and code patterns.

configuring-nginx

🎯building-tables🎯Skill

A collection of 76 production-ready Claude Skills covering frontend, backend, DevOps, infrastructure, security, cloud, and AI/ML development with domain expertise and decision frameworks.

building-tables

🎯implementing-api-patterns🎯Skill

Part of a collection of 76 production-ready Claude skills spanning frontend, backend, DevOps, infrastructure, security, cloud, and AI/ML development. Provides domain expertise, decision frameworks, and production-ready code patterns through an interactive installer and skillchain system.

implementing-api-patterns

🎯providing-feedback🎯Skill

Skill for implementing feedback and notification UI systems including toasts, alerts, modals, progress indicators, and error states for communicating system state to users.

providing-feedback

🎯implementing-search-filter🎯Skill

A collection of 76 production-ready Claude Skills covering frontend, backend, DevOps, infrastructure, security, cloud, and AI/ML development. Includes an interactive installer, a skillchain workflow system, and domain expertise with decision frameworks and code patterns.

implementing-search-filter

🎯testing-strategies🎯Skill

A skill from a collection of 76 production-ready Claude Skills covering frontend, backend, DevOps, infrastructure, security, cloud, and AI/ML development with an interactive installer and plugin system.

testing-strategies

🎯shell-scripting🎯Skill

A skill for writing robust, portable shell scripts with proper error handling, argument parsing, and testing, useful for system task automation, CI/CD scripts, and container entrypoints.

shell-scripting

🎯debugging-techniques🎯Skill

debugging-techniques

🎯embedding-optimization🎯Skill

Part of a collection of 76 production-ready Claude skills covering frontend, backend, DevOps, infrastructure, security, cloud, and AI/ML development. Each skill provides domain expertise, decision frameworks, and production-ready code patterns.

embedding-optimization

🎯architecting-security🎯Skill

A skill from a collection of 76 production-ready Claude Skills for full-stack AI-assisted development, covering frontend, backend, DevOps, infrastructure, security, cloud, and AI/ML domains with structured guidance and best practices.

architecting-security

🎯implementing-tls🎯Skill

Part of a collection of 76 production-ready Claude Skills covering frontend, backend, DevOps, infrastructure, security, cloud, and AI/ML development. Includes a guided skillchain workflow system and interactive installer for easy setup.

implementing-tls

🎯using-timeseries-databases🎯Skill

Part of AI Design Components, a collection of 76 production-ready Claude Skills covering frontend, backend, DevOps, infrastructure, security, cloud, and AI/ML development. This skill provides domain expertise and decision frameworks for working with time-series databases in production environments.

using-timeseries-databases

🎯displaying-timelines🎯Skill

Part of AI Design Components, a collection of 76 production-ready Claude Skills covering frontend, backend, DevOps, infrastructure, security, cloud, and AI/ML development with domain expertise and production-ready code patterns.

displaying-timelines

🎯platform-engineering🎯Skill

Part of AI Design Components, a collection of 76 production-ready Claude Skills. This skill provides decision frameworks and code patterns for platform engineering, CI/CD pipelines, and GitOps workflows.

platform-engineering

🎯architecting-networks🎯Skill

A collection of 76 production-ready Claude Skills organized across 10 domains including frontend, backend, DevOps, infrastructure, security, cloud, and AI/ML. Provides domain expertise, decision frameworks, and production-ready code patterns through an interactive installer and skillchain system.

architecting-networks

🎯planning-disaster-recovery🎯Skill

A collection of 76 production-ready Claude skills spanning frontend, backend, DevOps, infrastructure, security, cloud, and AI/ML development. Includes an interactive installer, skillchain workflow system, and 19 plugin groups with domain-specific decision frameworks.

planning-disaster-recovery

🎯implementing-navigation🎯Skill

A collection of 76 production-ready Claude Skills spanning frontend, backend, DevOps, infrastructure, security, cloud, and AI/ML development, with a guided skillchain workflow system.

implementing-navigation

🎯using-vector-databases🎯Skill

A collection of 76 production-ready Claude Skills covering frontend, backend, DevOps, infrastructure, security, cloud, and AI/ML development, with an interactive installer and a guided skillchain workflow system.

using-vector-databases

🎯designing-sdks🎯Skill

A collection of 76 production-ready Claude skills spanning frontend, backend, DevOps, infrastructure, security, cloud, and AI/ML development, with a guided skillchain workflow system and an interactive installer.

designing-sdks

🎯building-ci-pipelines🎯Skill

A collection of 76 production-ready Claude Skills spanning frontend, backend, DevOps, infrastructure, security, cloud, and AI/ML development, providing domain expertise, decision frameworks, and production-ready code patterns.

building-ci-pipelines

🎯optimizing-sql🎯Skill

A collection of 76 production-ready Claude Skills spanning frontend, backend, DevOps, infrastructure, security, cloud, and AI/ML development. Provides domain expertise, decision frameworks, and production-ready code patterns through an organized plugin and skillchain system.

optimizing-sql

🎯performance-engineering🎯Skill

Part of AI Design Components, a collection of 76 production-ready Claude Skills spanning frontend, backend, DevOps, infrastructure, security, cloud, and AI/ML development, with an interactive installer and skillchain workflow system.

performance-engineering

🎯managing-secrets🎯Skill

A collection of 76 production-ready Claude skills spanning frontend, backend, DevOps, infrastructure, security, cloud, and AI/ML development. Includes an interactive installer, a guided skillchain workflow system, and 19 plugin groups for domain-specific expertise.

managing-secrets

🎯managing-git-workflows🎯Skill

A Claude skill from AI Design Components that provides domain expertise and decision frameworks for managing Git workflows, part of a collection of 76 production-ready skills covering full-stack development, DevOps, and infrastructure.

managing-git-workflows

🎯implementing-observability🎯Skill

A implementing observability skill from AI Design Components, providing UI/UX design and component development skills for AI-assisted workflows.

implementing-observability

🎯deploying-on-azure🎯Skill

A collection of 76 production-ready Claude Skills spanning frontend, backend, DevOps, infrastructure, security, cloud, and AI/ML development. Includes an interactive installer, skillchain workflow system, and 19 plugin groups for organized domain coverage.

deploying-on-azure

🎯implementing-mlops🎯Skill

Part of AI Design Components, a collection of 76 production-ready Claude Skills spanning frontend, backend, DevOps, infrastructure, security, cloud, and AI/ML development. Skills provide domain expertise, decision frameworks, and production-ready code patterns for AI-assisted development.

implementing-mlops

🎯managing-vulnerabilities🎯Skill

A collection of 76 production-ready Claude skills covering frontend, backend, DevOps, infrastructure, security, cloud, and AI/ML development. Provides domain expertise, decision frameworks, and production-ready code patterns through an interactive installer and skillchain workflow system.

managing-vulnerabilities

🎯managing-media🎯Skill

A collection of 76 production-ready Claude Skills covering frontend, backend, DevOps, infrastructure, security, cloud, and AI/ML development workflows.

managing-media

🎯building-clis🎯Skill

Part of AI Design Components, a collection of 76 production-ready Claude Skills covering frontend, backend, DevOps, infrastructure, security, cloud, and AI/ML development. Provides domain expertise, decision frameworks, and production-ready code patterns with an interactive installer and skillchain workflow system.

building-clis

🎯deploying-on-aws🎯Skill

deploying-on-aws

🎯managing-dns🎯Skill

A collection of 76 full-stack development skills for AI-assisted development with Claude, covering a wide range of design and development components for building modern applications.

managing-dns

🎯resource-tagging🎯Skill

A collection of 76 production-ready Claude skills covering frontend, backend, DevOps, infrastructure, security, cloud, and AI/ML development, with an interactive installer, skillchain workflow system, and plugin-based architecture.

resource-tagging

🎯assembling-components🎯Skill

A collection of 76 production-ready Claude Skills covering frontend, backend, DevOps, infrastructure, security, cloud, and AI/ML development, organized into 19 plugin groups with an interactive installer and a skillchain guided workflow system.

assembling-components

🎯ai-data-engineering🎯Skill

A collection of 76 production-ready Claude Skills spanning frontend, backend, DevOps, infrastructure, security, cloud, and AI/ML development for AI-assisted coding workflows.

ai-data-engineering

🎯implementing-compliance🎯Skill

A collection of 76 production-ready Claude Skills covering frontend, backend, DevOps, infrastructure, security, cloud, and AI/ML development. Each skill provides domain expertise, decision frameworks, and production-ready code patterns with a guided skillchain workflow system.

implementing-compliance

🎯ingesting-data🎯Skill

A collection of 76 production-ready Claude skills spanning frontend, backend, DevOps, infrastructure, security, cloud, and AI/ML, providing domain expertise and decision frameworks for full-stack development.

ingesting-data

🎯designing-apis🎯Skill

Part of a collection of 76 production-ready Claude Skills covering frontend, backend, DevOps, infrastructure, security, cloud, and AI/ML development, providing domain expertise, decision frameworks, and production-ready code patterns.

designing-apis

🎯optimizing-costs🎯Skill

A collection of 76 production-ready Claude Skills spanning frontend, backend, DevOps, infrastructure, security, cloud, and AI/ML development. Provides domain expertise, decision frameworks, and ready-to-use code patterns through an interactive installer and plugin system.

optimizing-costs

🎯generating-documentation🎯Skill

generating-documentation

🎯deploying-applications🎯Skill

deploying-applications

🎯transforming-data🎯Skill

transforming-data

🎯using-document-databases🎯Skill

A collection of 76 production-ready Claude Code skills covering frontend, backend, DevOps, infrastructure, security, cloud, and AI/ML development. Organized into 19 plugin groups with an interactive installer, providing domain expertise, decision frameworks, and production-ready code patterns.

using-document-databases

🎯managing-configuration🎯Skill

managing-configuration

🎯managing-incidents🎯Skill

A collection of 76 production-ready Claude Skills spanning frontend, backend, DevOps, infrastructure, security, cloud, and AI/ML development, with an interactive installer and a skillchain guided workflow system across 10 domains.

managing-incidents

🎯load-balancing-patterns🎯Skill

A collection of 76 production-ready Claude Skills with decision frameworks and code patterns across frontend, backend, DevOps, infrastructure, security, cloud, and AI/ML development, plus a guided skillchain workflow system.

load-balancing-patterns

🎯operating-kubernetes🎯Skill

A collection of 76 production-ready Claude Skills covering frontend, backend, DevOps, infrastructure, security, cloud, and AI/ML development. Provides domain expertise, decision frameworks, and production-ready code patterns.

operating-kubernetes

🎯implementing-gitops🎯Skill

Part of a 76-skill collection for AI-assisted full-stack development, covering DevOps practices including CI/CD pipelines and GitOps workflows with production-ready decision frameworks and code patterns.

implementing-gitops

🎯writing-infrastructure-code🎯Skill

writing-infrastructure-code

🎯model-serving🎯Skill

A collection of 76 production-ready Claude skills covering frontend, backend, DevOps, infrastructure, security, cloud, and AI/ML development, with a guided skillchain workflow system and interactive installer.

model-serving

🎯implementing-service-mesh🎯Skill

A skill for implementing service mesh architectures, part of the AI Design Components collection with 76 production-ready Claude Skills covering frontend, backend, DevOps, infrastructure, security, cloud, and AI/ML development with a guided skillchain workflow system.

implementing-service-mesh

🔌Plugins19

🔌finops-skills🔌Plugin

A collection of 76 production-ready Claude Skills covering frontend, backend, DevOps, infrastructure, security, cloud, and AI/ML development.

🔌data-engineering-skills🔌Plugin

Plugin

🔌ui-structure-skills🔌Plugin

A collection of 76 production-ready Claude Skills covering frontend, backend, DevOps, infrastructure, security, cloud, and AI/ML development.

🔌ui-foundation-skills🔌Plugin

A collection of 76 production-ready Claude Skills covering frontend, backend, DevOps, infrastructure, security, cloud, and AI/ML development.

🔌backend-ai-skills🔌Plugin

A collection of 76 production-ready Claude Skills covering frontend, backend, DevOps, infrastructure, security, cloud, and AI/ML development.

🔌devops-skills🔌Plugin

Plugin

🔌security-skills🔌Plugin

A collection of 76 production-ready Claude Skills covering frontend, backend, DevOps, infrastructure, security, cloud, and AI/ML development.

🔌backend-platform-skills🔌Plugin

Plugin

🔌ui-data-skills🔌Plugin

A collection of 76 production-ready Claude Skills covering frontend, backend, DevOps, infrastructure, security, cloud, and AI/ML development.

🔌infrastructure-skills🔌Plugin

A collection of 76 production-ready Claude Skills covering frontend, backend, DevOps, infrastructure, security, cloud, and AI/ML development.

🔌ui-assembly-skills🔌Plugin

A collection of 76 production-ready Claude Skills covering frontend, backend, DevOps, infrastructure, security, cloud, and AI/ML development.

🔌backend-api-skills🔌Plugin

Plugin

🔌ui-input-skills🔌Plugin

A collection of 76 production-ready Claude Skills covering frontend, backend, DevOps, infrastructure, security, cloud, and AI/ML development.

🔌backend-data-skills🔌Plugin

A collection of 76 production-ready Claude Skills covering frontend, backend, DevOps, infrastructure, security, cloud, and AI/ML development.

🔌ui-interaction-skills🔌Plugin

Plugin

🔌ui-content-skills🔌Plugin

Plugin

🔌ai-ml-skills🔌Plugin

AI/ML subset of ancoleman/ai-design-components — a plugin collection from the 76 production-ready Claude Skills library covering full-stack AI development with domain expertise, decision frameworks, and production code patterns. Installs via interactive `./install.sh` or Claude marketplace commands and integrates with the 19-plugin Skillchain v3.0 system.

🔌developer-productivity-skills🔌Plugin

A developer productivity skills plugin from a collection of 76 production-ready Claude Skills covering frontend, backend, DevOps, infrastructure, security, cloud, and AI/ML development.

🔌cloud-provider-skills🔌Plugin

A collection of 76 production-ready Claude Skills covering frontend, backend, DevOps, infrastructure, security, cloud, and AI/ML development.

🏪Marketplaces1

🏪ancoleman-ai-design-components🏪Marketplace

Comprehensive full-stack development skills for AI-assisted development covering UI/UX, backend, DevOps, infrastructure, security, and AI/ML.

communityacrossanalyzing

Back to Home