Agent Skills
› ancoleman/ai-design-components
ancoleman/ai-design-components
GitHub提供Linux系统管理技能，涵盖systemd服务、进程、文件系统、网络及性能调优。适用于部署应用、优化服务器、排查生产故障及管理用户安全。面向DevOps和后端开发者。
Install All Skills
npx skills add ancoleman/ai-design-components --all -g -y
Skills in Collection (75)
Showing top 50 of 75 by quality score. Use the install list command or open individual skills for the rest.
提供Linux系统管理技能，涵盖systemd服务、进程、文件系统、网络及性能调优。适用于部署应用、优化服务器、排查生产故障及管理用户安全。面向DevOps和后端开发者。
部署应用程序到Linux服务器
排查生产环境服务故障或性能问题
管理系统用户、权限或SSH配置
监控磁盘空间或分析系统日志
npx skills add ancoleman/ai-design-components --skill administering-linux -g -y
构建AI/ML数据基础设施，涵盖RAG流水线、特征存储、嵌入生成及数据编排。用于搭建检索增强生成系统、向量数据库集成及ML特征服务，支持从数据摄入到评估的全流程架构与实现。
构建RAG（检索增强生成）流水线
实现语义搜索或向量数据库
设置实时ML特征存储
创建嵌入生成管道
npx skills add ancoleman/ai-design-components --skill ai-data-engineering -g -y
提供现代数据平台架构设计的战略指导，涵盖存储范式、建模方法及数据治理，辅助决策技术选型。
设计新数据平台或现代化遗留系统
选择数据存储范式如数据湖或数仓
决定数据建模方法如维度模型或数据网格
npx skills add ancoleman/ai-design-components --skill architecting-data -g -y
提供跨云网络架构设计决策框架，涵盖VPC拓扑、子网策略、零信任及混合连接。用于规划多VPC、多云互联及安全分段，支持从扁平到Hub-Spoke等模式的选择与权衡。
设计VPC/VNet拓扑
实施网络分段与安全控制
规划多VPC或多云连接
建立混合云连接
npx skills add ancoleman/ai-design-components --skill architecting-networks -g -y
指导设计全面的安全架构，涵盖纵深防御、零信任原则、威胁建模及控制框架映射。适用于新系统设计、现有架构审计及安全治理建立等场景。
为新系统或云迁移设计安全架构
对现有系统进行安全审计或风险评估
实施企业级零信任架构
建立安全治理和合规框架
进行应用或API的威胁建模
npx skills add ancoleman/ai-design-components --skill architecting-security -g -y
将AI设计组件技能的输出组装为生产就绪的组件系统，验证Token集成、生成框架脚手架并正确连接导入链，适用于React/Next.js等项目的最终整合阶段。
完成技能链工作流后的最终组装
生成新项目脚手架
验证CSS Token集成
调试组件集成问题
npx skills add ancoleman/ai-design-components --skill assembling-components -g -y
构建AI聊天界面和对话式UI，支持流式响应、上下文管理及多模态交互。提供ChatGPT风格组件，处理流式文本、Token限制、再生及AI特有错误，适用于创建AI助手或代码副驾驶。
构建ChatGPT风格的对话界面
创建AI助手或Copilot
实现带有Markdown的流式文本响应
管理对话上下文和Token限制
处理多模态输入（文本、图像、文件）
npx skills add ancoleman/ai-design-components --skill building-ai-chat -g -y
提供CI/CD流水线构建的最佳实践，涵盖GitHub Actions、GitLab CI等平台的自动化测试、构建与部署流程。重点解决供应链安全(SLSA)、Monorepo优化及并行化策略。
设置新项目持续集成
实现自动化测试工作流
构建带安全证明的容器镜像
优化缓慢的CI流水线
npx skills add ancoleman/ai-design-components --skill building-ci-pipelines -g -y
用于在Python、Go和Rust中构建专业CLI工具的指南，涵盖框架选型（Typer/Cobra/clap）、参数解析、子命令组织及配置管理。适用于开发开发者工具、自动化脚本及基础设施管理界面。
创建命令行工具
构建CLI接口
添加CLI参数
解析命令行选项
npx skills add ancoleman/ai-design-components --skill building-clis -g -y
提供构建表格和数据网格的系统化方案，涵盖从简单HTML到企业级虚拟滚动网格的实现。支持排序、过滤、分页及大数据量优化，确保性能与可访问性。
创建表格或数据网格
实现排序、过滤或分页功能
处理大规模数据集性能问题
构建类似电子表格的界面
npx skills add ancoleman/ai-design-components --skill building-tables -g -y
指导配置主机、云及容器防火墙，涵盖iptables/UFW/安全组等工具，提供常见场景规则与安全加固方案。
配置服务器或服务的防火墙规则
设置云平台（AWS/GCP/Azure）的安全组
允许或阻止特定端口/IP访问
在Ubuntu上配置UFW防火墙
创建iptables或nftables规则
npx skills add ancoleman/ai-design-components --skill configuring-firewalls -g -y
提供Nginx配置指南，涵盖静态站点、反向代理、负载均衡、SSL/TLS终止及性能调优。包含生产级安全实践与代码示例，用于快速搭建Web服务器和API网关。
配置Nginx静态网站
设置Nginx反向代理
实现Nginx负载均衡
启用Nginx SSL/TLS
进行Nginx性能调优
npx skills add ancoleman/ai-design-components --skill configuring-nginx -g -y
用于构建包含KPI、图表和过滤器的交互式仪表盘界面，支持BI分析、实时监控及高管报告等场景。
构建商业智能或分析仪表盘
创建高管报告界面
实现实时监控系统
设计带有指标和趋势的KPI展示
npx skills add ancoleman/ai-design-components --skill creating-dashboards -g -y
提供Python、Go、Rust和Node.js的系统调试工作流，涵盖本地、远程、容器及生产环境。支持设置断点、调试K8s Pod、远程连接及分布式追踪，帮助高效定位代码问题。
设置代码断点
调试运行中的容器或Pod
配置远程调试连接
安全地调试生产环境问题
分析核心转储或堆栈跟踪
npx skills add ancoleman/ai-design-components --skill debugging-techniques -g -y
提供从Kubernetes到Serverless及边缘函数的生产部署策略指导，涵盖IaC工具选型、GitOps自动化及CI/CD流程，辅助开发者根据负载特征选择最优基础设施方案。
部署应用到生产环境
搭建CI/CD流水线或GitOps工作流
在Kubernetes、Serverless或边缘计算间做技术选型
实施基础设施即代码(IaC)
npx skills add ancoleman/ai-design-components --skill deploying-applications -g -y
提供AWS服务选型、架构设计及Well-Architected框架应用的决策框架，涵盖计算、存储、数据库及服务模式选择。
设计AWS云架构
选择AWS计算或存储服务
实施Serverless或容器化模式
应用AWS Well-Architected原则
npx skills add ancoleman/ai-design-components --skill deploying-on-aws -g -y
提供 Azure 云架构设计与实施指南，涵盖计算、存储、网络及服务选型。基于 Well-Architected Framework，辅助进行云原生应用构建、工作负载迁移及成本与安全优化决策。
设计 Azure 云架构
选择 Azure 计算服务
规划存储解决方案
迁移工作负载至 Azure
npx skills add ancoleman/ai-design-components --skill deploying-on-azure -g -y
提供GCP服务选型决策框架与实现模式，涵盖计算、存储、数据库、数据分析、ML及网络架构。指导基于GCP构建云原生应用，支持多云迁移与基础设施设计。
选择GCP计算服务如Cloud Run或GKE
设计数据分析和机器学习工作流
在GCP上构建云原生应用架构
npx skills add ancoleman/ai-design-components --skill deploying-on-gcp -g -y
指导设计可扩展、可靠且容错的分布式系统，涵盖CAP/PACELC定理、一致性模型、复制模式、分区策略、分布式事务及弹性模式。
设计微服务架构
构建跨数据中心或区域的系统
选择一致性与可用性权衡
实现分布式事务如Saga或CQRS
npx skills add ancoleman/ai-design-components --skill designing-distributed-systems -g -y
提供现代CSS响应式布局系统的设计指南，涵盖Grid、Flexbox及容器查询技术。用于构建自适应界面、管理间距与断点，解决复杂页面结构及多端适配问题。
构建响应式后台仪表盘或应用外壳
实现基于Grid或Flexbox的复杂页面布局
设计移动端优先的响应式组件
npx skills add ancoleman/ai-design-components --skill designing-layouts -g -y
用于设计生产级 SDK，涵盖重试、错误处理、分页及多语言支持。适用于构建 API 客户端库或开发者接口，提供资源与命令两种架构模式，以及 TypeScript/Python/Go 等语言的最佳实践和认证策略。
构建 REST API 客户端库
实现指数退避重试逻辑
设计多语言 SDK 接口
创建内部服务 SDK
npx skills add ancoleman/ai-design-components --skill designing-sdks -g -y
提供时间线、活动流、甘特图及日历界面的实现模式，涵盖垂直/水平时间线、实时交互、响应式设计与无障碍访问，适用于展示历史事件、项目进度及通知日志。
创建活动时间流或通知列表
构建甘特图或项目排期表
开发日历或时间轴可视化组件
展示审计日志或历史事件
npx skills add ancoleman/ai-design-components --skill displaying-timelines -g -y
优化RAG系统的向量嵌入，涵盖模型选型、分块策略、缓存实现及性能调优，旨在提升语义搜索质量并降低API成本。
构建RAG系统
实现语义搜索
优化嵌入API成本
改进文档检索质量
处理大规模文档集
npx skills add ancoleman/ai-design-components --skill embedding-optimization -g -y
用于评估LLM系统质量与安全的技能，涵盖自动化指标、LLM-as-judge及基准测试。适用于测试提示词、验证RAG管道、检测幻觉偏见及模型对比。
测试提示词正确性
验证RAG管道质量
测量幻觉或偏见
比较不同模型性能
npx skills add ancoleman/ai-design-components --skill evaluating-llms -g -y
用于生成全面的技术文档，包括API规范、代码注释、文档站点、架构决策记录及系统图表。适用于REST/GraphQL API、多语言库、项目指南及CI/CD自动化文档流程。
生成API文档
创建代码文档
构建文档站点
编写架构决策记录
生成系统架构图
npx skills add ancoleman/ai-design-components --skill generating-documentation -g -y
提供用户引导和帮助中心构建的系统模式，涵盖新手引导、功能发现、交互式教程、工具提示及渐进式披露等机制。旨在优化新用户激活、功能采用率及自助支持体验，包含实施策略与无障碍设计指南。
构建首次使用体验或产品导览
实现新功能发现或公告
创建交互式教程或引导任务
添加工具提示或上下文帮助
设计设置流程或完成清单
npx skills add ancoleman/ai-design-components --skill guiding-users -g -y
提供SOC2、HIPAA等合规框架的持续合规工程方案，通过统一控制映射、策略即代码和自动化证据收集实现多框架合规。
构建需企业级合规认证的SaaS产品
处理医疗或支付敏感数据
实施跨框架安全控制
自动化审计证据收集
npx skills add ancoleman/ai-design-components --skill implementing-compliance -g -y
提供基于React/TypeScript的拖拽排序实现指南，涵盖看板、列表、文件上传及无障碍支持，使用dnd-kit库构建交互式UI。
需要实现拖拽交互的UI组件
构建可排序列表或看板
npx skills add ancoleman/ai-design-components --skill implementing-drag-drop -g -y
指导使用 ArgoCD 或 Flux 实施 GitOps，以 Kubernetes 为目标的声明式、拉取式持续交付。涵盖多集群管理、漂移检测及渐进式发布等核心原则与工具选型。
部署到 Kubernetes
ArgoCD 设置
Flux 引导
GitOps 流水线
环境推广
多集群部署
自动协调
npx skills add ancoleman/ai-design-components --skill implementing-gitops -g -y
指导在生产系统中基于 OpenTelemetry 标准实现监控、日志和链路追踪，涵盖 LGTM 栈部署及告警配置，提升系统可观测性。
构建需要性能与错误可见性的生产系统
调试包含多个服务的分布式系统
设置监控、日志或追踪基础设施
实现带追踪关联的结构化日志
npx skills add ancoleman/ai-design-components --skill implementing-observability -g -y
提供实时通信技能，涵盖SSE、WebSocket、WebRTC及CRDT等协议选型与实现模式，支持LLM流式输出、协作编辑、聊天应用及离线同步场景。
构建实时聊天或协作工具
实现LLM响应流式传输
开发需要低延迟双向通信的应用
npx skills add ancoleman/ai-design-components --skill implementing-realtime-sync -g -y
提供全栈搜索与过滤功能的实现模式，涵盖前端React组件（防抖、自动补全）及后端Python查询优化（SQLAlchemy、Elasticsearch），支持高性能搜索接口开发。
需要实现产品搜索或数据列表过滤功能
构建带自动补全或分面筛选的UI界面
优化搜索接口的性能与数据库查询
npx skills add ancoleman/ai-design-components --skill implementing-search-filter -g -y
用于在Kubernetes环境中配置和部署Istio、Linkerd或Cilium等服务网格，实现mTLS安全通信、流量管理、授权策略及渐进式交付。
设置带mTLS的服务网格
配置Istio流量路由
实施金丝雀发布
保护微服务间通信
npx skills add ancoleman/ai-design-components --skill implementing-service-mesh -g -y
用于配置TLS证书与加密通信，涵盖HTTPS设置、mTLS实现、证书生命周期管理及故障排查。支持开发环境mkcert、生产环境cert-manager/Certbot及内部PKI构建，并提供TLS 1.3最佳实践指南。
配置服务间安全通信
调试证书验证错误
npx skills add ancoleman/ai-design-components --skill implementing-tls -g -y
提供从云存储、API、文件及流式源向数据库导入数据的模式，涵盖ETL/ELT构建、批量加载与实时CDC，支持Python和TypeScript实现。
需要导入CSV/JSON/Parquet等文件数据
从S3/GCS/Azure等云存储拉取数据
消费REST/GraphQL API接口数据
构建ETL或ELT数据处理管道
npx skills add ancoleman/ai-design-components --skill ingesting-data -g -y
指导如何根据场景选择并配置四层/七层负载均衡方案，涵盖算法、健康检查及云厂商实现，支持高可用与流量分发。
配置负载均衡器
实现高可用架构
流量路由策略设计
npx skills add ancoleman/ai-design-components --skill load-balancing-patterns -g -y
提供基于Ansible的服务器配置自动化指南，涵盖Playbook编写、角色管理、动态库存、密钥管理及Molecule测试。
创建或调试Ansible Playbook
配置Ansible角色结构
管理静态或动态库存
使用Vault管理密钥
使用Molecule进行测试
npx skills add ancoleman/ai-design-components --skill managing-configuration -g -y
用于管理DNS记录、TTL策略及DNS即代码自动化。涵盖域名解析配置、Kubernetes集成、多云DNS服务对比、负载均衡设置及故障排查，旨在优化DNS传播与缓存。
配置域名解析或新增应用DNS
从Kubernetes自动化更新DNS记录
排查DNS传播或解析故障
在不同云提供商间迁移DNS
npx skills add ancoleman/ai-design-components --skill managing-dns -g -y
提供Git工作流管理指南，涵盖分支策略选择、提交规范及钩子配置。用于优化团队协作、代码质量管控和自动化发布流程。
选择分支策略
实施提交规范
配置Git钩子
管理Monorepo
npx skills add ancoleman/ai-design-components --skill managing-git-workflows -g -y
提供基于SRE原则的端到端事件管理指导，涵盖检测、响应、沟通及事后复盘。适用于设置应急流程、设计升级策略、编写运行手册及进行无责复盘，旨在提升系统可靠性与恢复速度。
设置团队应急响应流程
设计值班轮换和升级政策
创建常见故障场景的运行手册
在事件后进行无责复盘
实施内部和外部沟通协议
npx skills add ancoleman/ai-design-components --skill managing-incidents -g -y
提供媒体与文件管理的系统化实现模式，涵盖文件上传、图像/视频/音频播放器、文档查看器及性能优化策略，用于构建高性能且可访问的富媒体内容体验。
实现文件上传功能
构建图片画廊或轮播组件
创建视频或音频播放器
集成PDF或文档查看器
优化媒体加载性能
npx skills add ancoleman/ai-design-components --skill managing-media -g -y
提供CI/CD中多层安全扫描、SBOM生成及风险优先级的DevSecOps实践，涵盖容器、SAST、DAST、SCA和密钥检测，用于构建安全门禁与合规流程。
在CI/CD流水线中集成安全扫描
为合规性生成软件物料清单(SBOM)
基于风险优先级进行漏洞修复
实施安全门禁以阻止高危漏洞部署
建立DevSecOps自动化工作流
npx skills add ancoleman/ai-design-components --skill managing-vulnerabilities -g -y
提供LLM及传统ML模型的生产环境部署方案，涵盖vLLM、TensorRT-LLM等推理引擎选型，以及BentoML、LangChain等编排工具，旨在优化推理性能并构建AI API。
部署LLM或ML模型到生产环境
构建支持流式响应的AI API
优化模型推理吞吐量与延迟
实现RAG管道或Agent应用
npx skills add ancoleman/ai-design-components --skill model-serving -g -y
提供生产级Kubernetes集群操作框架，涵盖资源管理、高级调度、网络存储配置、安全加固及自动扩缩容。适用于部署应用、配置RBAC、排查CrashLoopBackOff等运维场景。
Deploy my application to Kubernetes
Configure resource requests and limits
Set up autoscaling for my pods
Implement NetworkPolicies for security
My pod is stuck in Pending/CrashLoopBackOff
npx skills add ancoleman/ai-design-components --skill operating-kubernetes -g -y
提供FinOps实践框架，涵盖云成本可视性、承诺折扣管理、资源右缩及自动化治理，适用于AWS/Azure/GCP/K8s环境下的降本增效与预算控制。
降低云支出
实施预算控制和异常检测
优化Kubernetes资源利用率
建立多云成本可视性
npx skills add ancoleman/ai-design-components --skill optimizing-costs -g -y
提供SQL查询性能优化指导，涵盖PostgreSQL、MySQL和SQL Server的执行计划分析、索引策略及查询重写。用于排查慢查询、超时问题及数据库性能调优。
遇到慢查询或数据库超时
分析EXPLAIN执行计划
确定索引需求
重写低效查询
npx skills add ancoleman/ai-design-components --skill optimizing-sql -g -y
提供性能工程框架，涵盖负载、压力、浸泡和尖峰测试类型，以及CPU/内存/I/O剖析和后端/前端优化策略。用于容量规划、回归检测、瓶颈识别及建立性能SLO。
验证系统在高负载下的表现
通过剖析识别性能瓶颈
优化应用响应速度
进行容量规划和回归检测
npx skills add ancoleman/ai-design-components --skill performance-engineering -g -y
提供灾难恢复策略设计、备份系统实现及恢复验证指南。涵盖RTO/RPO规划、数据库备份、K8s DR、跨区域复制及混沌工程测试，支持多云架构与合规要求。
定义RTO和RPO目标
实施数据库备份与时间点恢复
配置跨区域复制和高可用
通过混沌实验测试灾难恢复流程
npx skills add ancoleman/ai-design-components --skill planning-disaster-recovery -g -y
构建内部开发者平台(IDP)，通过自助服务、黄金路径和平台即产品思维，优化开发者体验并提升研发效率。涵盖IDP架构设计、工具集成及团队建立。
构建或改进内部开发者平台
设计开发者门户(如Backstage)
实施黄金路径和软件模板
建立或重组平台工程团队
测量和改善开发者体验
npx skills add ancoleman/ai-design-components --skill platform-engineering -g -y
