ancoleman

ancoleman/ai-design-components

96 resources in this repository

GitHub
🎯76πŸ”Œ19πŸͺ1
312

🎯Skills76

🎯creating-dashboards🎯Skill

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

creating-dashboards
🎯administering-linux🎯Skill

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

administering-linux
🎯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
🎯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-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
🎯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
🎯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
🎯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
🎯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
🎯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
🎯prompt-engineering🎯Skill

Skill

prompt-engineering
🎯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
🎯implementing-api-patterns🎯Skill

Skill

implementing-api-patterns
🎯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
🎯embedding-optimization🎯Skill

Skill

embedding-optimization
🎯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
🎯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
🎯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
🎯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
🎯using-relational-databases🎯Skill

Skill

using-relational-databases
🎯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
🎯building-tables🎯Skill

Skill

building-tables
🎯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
🎯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
🎯using-timeseries-databases🎯Skill

Skill

using-timeseries-databases
🎯building-ci-pipelines🎯Skill

Skill

building-ci-pipelines
🎯implementing-navigation🎯Skill

Skill

implementing-navigation
🎯debugging-techniques🎯Skill

Skill

debugging-techniques
🎯designing-sdks🎯Skill

Skill

designing-sdks
🎯deploying-on-aws🎯Skill

Skill

deploying-on-aws
🎯platform-engineering🎯Skill

Skill

platform-engineering
🎯building-clis🎯Skill

Skill

building-clis
🎯assembling-components🎯Skill

Skill

assembling-components
🎯performance-engineering🎯Skill

Skill

performance-engineering
🎯deploying-on-azure🎯Skill

Skill

deploying-on-azure
🎯managing-secrets🎯Skill

Skill

managing-secrets
🎯configuring-nginx🎯Skill

Skill

configuring-nginx
🎯implementing-tls🎯Skill

Skill

implementing-tls
🎯planning-disaster-recovery🎯Skill

Skill

planning-disaster-recovery
🎯streaming-data🎯Skill

Skill

streaming-data
🎯implementing-search-filter🎯Skill

Skill

implementing-search-filter
🎯testing-strategies🎯Skill

Skill

testing-strategies
🎯generating-documentation🎯Skill

Skill

generating-documentation
🎯managing-vulnerabilities🎯Skill

Skill

managing-vulnerabilities
🎯designing-apis🎯Skill

Skill

designing-apis
🎯managing-media🎯Skill

Skill

managing-media
🎯using-message-queues🎯Skill

Skill

using-message-queues
🎯implementing-compliance🎯Skill

Skill

implementing-compliance
🎯optimizing-sql🎯Skill

Skill

optimizing-sql
🎯architecting-networks🎯Skill

Skill

architecting-networks
🎯evaluating-llms🎯Skill

Skill

evaluating-llms
🎯deploying-applications🎯Skill

Skill

deploying-applications
🎯optimizing-costs🎯Skill

Skill

optimizing-costs
🎯architecting-security🎯Skill

Skill

architecting-security
🎯displaying-timelines🎯Skill

Skill

displaying-timelines
🎯ai-data-engineering🎯Skill

Skill

ai-data-engineering
🎯managing-configuration🎯Skill

Skill

managing-configuration
🎯operating-kubernetes🎯Skill

Skill

operating-kubernetes
🎯implementing-mlops🎯Skill

Skill

implementing-mlops
🎯using-document-databases🎯Skill

Skill

using-document-databases
🎯managing-git-workflows🎯Skill

Skill

managing-git-workflows
🎯resource-tagging🎯Skill

Skill

resource-tagging
🎯ingesting-data🎯Skill

Skill

ingesting-data
🎯transforming-data🎯Skill

Skill

transforming-data
🎯using-vector-databases🎯Skill

Skill

using-vector-databases
🎯load-balancing-patterns🎯Skill

Skill

load-balancing-patterns
🎯implementing-gitops🎯Skill

Skill

implementing-gitops
🎯managing-dns🎯Skill

Skill

managing-dns
🎯managing-incidents🎯Skill

Skill

managing-incidents
🎯siem-logging🎯Skill

Skill

siem-logging
🎯writing-infrastructure-code🎯Skill

Skill

writing-infrastructure-code
🎯model-serving🎯Skill

Skill

model-serving
🎯implementing-service-mesh🎯Skill

Skill

implementing-service-mesh

πŸ”ŒPlugins19

πŸ”Œui-data-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.

πŸ”Œui-foundation-skillsπŸ”ŒPlugin

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

πŸ”Œ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.

πŸ”Œbackend-ai-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.

πŸ”Œcloud-provider-skillsπŸ”ŒPlugin

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

πŸ”Œfinops-skillsπŸ”ŒPlugin

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

πŸ”Œui-structure-skillsπŸ”ŒPlugin

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

πŸ”Œsecurity-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-input-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

πŸ”Œbackend-api-skillsπŸ”ŒPlugin

Plugin

πŸ”Œbackend-platform-skillsπŸ”ŒPlugin

Plugin

πŸ”Œui-content-skillsπŸ”ŒPlugin

Plugin

πŸ”Œui-interaction-skillsπŸ”ŒPlugin

Plugin

πŸ”Œai-ml-skillsπŸ”ŒPlugin

Plugin

πŸ”Œdata-engineering-skillsπŸ”ŒPlugin

Plugin

πŸͺMarketplaces1