ancolemanCommunity·76 Agent Skills Included

ai-design-components

Full-stack development patterns for frontend, backend, DevOps, and cloud

Provides 76 production-ready development skills covering UI components, databases, APIs, CI/CD pipelines, Kubernetes, security, and AI/ML workflows. Eliminates guesswork with decision frameworks, working code examples, and validated library recommendations for every common engineering task. Chains skills together through guided workflows so complete features like dashboards, RAG pipelines, and deployments are built correctly end to end.

503|73

↗

npx skills add ancoleman/ai-design-components --all -g -y

All Skills in This Repository (76)

Pure Emerald Level Indicators

📦 In Repo

ancoleman

theming-components

Manage design tokens and switch themes with CSS custom properties.

transforming-data

Transform raw data into analytical assets using ETL/ELT patterns and orchestration tools.

managing-secrets

Manage API keys, database credentials, and certificates with HashiCorp Vault.

using-document-databases

Guide document database selection and implementation for MongoDB, DynamoDB, and Firestore.

ingesting-data

Facilitates data ingestion from cloud, APIs, files, and streaming sources into databases.

creating-dashboards

Create interactive dashboards with KPI cards, charts, and real-time updates.

platform-engineering

Design and implement Internal Developer Platforms with Backstage, Port, Crossplane, and Argo CD.

architecting-data

Guide data platform design across storage, modeling, and architecture decisions.

implementing-compliance

Map security controls to SOC 2, HIPAA, PCI-DSS, and GDPR frameworks.

testing-strategies

Provides strategic guidance for implementing comprehensive testing approaches across the software development lifecycle.

building-ci-pipelines

Construct CI/CD pipelines with SLSA security for GitHub Actions, GitLab CI, and Argo Workflows.

model-serving

Deploy LLM and ML models for production inference with vLLM, TensorRT-LLM, Ollama, and BentoML.

Community

Advanced

Frequently Asked Questions

FAQPage Schema

How to install ai-design-components?▼

Run `npx skills add ancoleman/ai-design-components --all -g -y` in your terminal to install all 76 skills globally.

What does ai-design-components cover?▼

It covers the full development lifecycle: frontend UI components and theming, backend databases and APIs, DevOps pipelines, Kubernetes, security, cloud deployment, data engineering, and AI/ML patterns.

How do the guided workflows work?▼

The skillchain system lets you describe a goal like 'dashboard with charts and filters' and automatically chains the relevant skills together in the correct order.

Does it work with Claude Code and other coding agents?▼

Yes. All skills follow the standard SKILL.md format and work in Claude Code, Cursor, Codex, and other compatible coding environments.

Can I install only the skills I need?▼

Yes. Skills are grouped into 19 plugin categories like frontend, backend, security, and DevOps, so you can install only the domains relevant to your project.