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服务器
排查系统慢或服务失败问题
优化服务器性能
管理Linux用户和权限
npx skills add ancoleman/ai-design-components --skill administering-linux -g -y
构建AI/ML数据基础设施，涵盖RAG管道、特征存储及向量嵌入生成。提供生产级架构模式、编排工作流及评估指标，适用于检索增强生成和语义搜索场景。
构建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
提供云网络架构设计技能，涵盖AWS/GCP/Azure的VPC模式、子网策略、零信任及混合连接。用于规划网络拓扑、多云互联及安全分段，辅助选择扁平、Hub-Spoke等架构模式。
设计新云环境的VPC/VNet拓扑
实施网络分段和安全控制
规划多VPC或多云连接
建立混合云连接
npx skills add ancoleman/ai-design-components --skill architecting-networks -g -y
用于设计综合安全架构，涵盖纵深防御、零信任、威胁建模及合规框架映射。适用于新系统安全设计、现有架构审计及安全治理规划。
设计新系统或云迁移的安全架构
对现有系统进行安全审计或风险评估
实施企业级零信任架构
建立安全治理与合规框架
进行应用或微服务的威胁建模
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助手或Copilot开发。
构建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流水线
配置GitOps自动化
npx skills add ancoleman/ai-design-components --skill building-ci-pipelines -g -y
用于构建Python、Go和Rust的专业CLI工具，涵盖框架选型、参数解析、子命令组织及配置管理，适用于开发工具、自动化脚本及基础设施管理。
创建CLI工具
构建命令行界面
添加CLI参数
解析命令行选项
生成Shell补全
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）和云安全组，涵盖Web、数据库等场景的规则设置与防御纵深策略，防止服务暴露时的锁死与配置错误。
配置服务器或服务防火墙
设置云资源安全组
允许或阻止特定端口/IP流量
加固初始服务器安全
实现网络分段
npx skills add ancoleman/ai-design-components --skill configuring-firewalls -g -y
提供Nginx配置指南，涵盖静态站点、反向代理、负载均衡、SSL/TLS终止及性能调优。包含多平台安装步骤与生产级安全最佳实践示例，适用于Web服务器和API网关搭建。
配置Nginx用于静态网站或SPA
设置Nginx反向代理后端应用
实现Nginx负载均衡
启用Nginx SSL/TLS HTTPS
进行Nginx性能调优与缓存配置
npx skills add ancoleman/ai-design-components --skill configuring-nginx -g -y
用于构建综合仪表板和数据分析界面，整合KPI卡片、图表、实时数据及交互布局，支持业务智能、监控系统和高管报告等多场景需求。
构建商业智能或分析仪表板
创建高管报表界面
实现实时监控系统的可视化展示
npx skills add ancoleman/ai-design-components --skill creating-dashboards -g -y
提供Python、Go、Rust和Node.js的调试工作流，涵盖本地、远程及容器环境。支持设置断点、连接远程调试、分析核心转储及生产环境安全调试，协助快速定位代码问题。
设置代码断点
调试运行中的容器或Pod
配置远程调试连接
排查生产环境问题
分析堆栈跟踪或核心转储
npx skills add ancoleman/ai-design-components --skill debugging-techniques -g -y
提供从Kubernetes到Serverless及边缘计算的部署策略指导，涵盖CI/CD设置、GitOps工作流及IaC工具选型，辅助完成生产环境部署与基础设施管理。
部署应用到生产环境
设置CI/CD流水线
选择Kubernetes或Serverless架构
实施基础设施即代码
npx skills add ancoleman/ai-design-components --skill deploying-applications -g -y
提供AWS服务选型、架构设计及Well-Architected框架应用指南，涵盖计算、数据库及服务优化决策。
设计AWS云架构
选择AWS计算或存储服务
实施Serverless或容器模式
应用AWS Well-Architected Framework
npx skills add ancoleman/ai-design-components --skill deploying-on-aws -g -y
提供Azure云架构设计指南，涵盖计算、存储、AI服务及网络选型。基于Well-Architected框架，指导服务选择、成本优化与安全治理，支持应用构建与迁移。
设计Azure云架构
迁移工作负载到Azure
选择Azure计算或存储服务
优化Azure成本与性能
npx skills add ancoleman/ai-design-components --skill deploying-on-azure -g -y
提供GCP服务选型决策框架与架构模式，涵盖计算、存储、数据库、数据分析及ML等领域。指导基于GCP的基础设施构建、云原生应用设计及多云迁移，实现生产级最佳实践。
选择GCP计算或存储服务
设计GCP数据管道或ML工作流
架构GCP云原生应用
从AWS/Azure迁移至GCP
npx skills add ancoleman/ai-design-components --skill deploying-on-gcp -g -y
用于设计可扩展、可靠且容错的分布式系统，涵盖CAP/PACELC定理、一致性模型、复制策略、分区方案及Saga/CQRS等分布式事务与弹性模式。
设计微服务架构
构建跨地域多数据中心系统
选择一致性与可用性权衡策略
实现分布式事务如Saga或CQRS
npx skills add ancoleman/ai-design-components --skill designing-distributed-systems -g -y
提供现代CSS响应式布局指南，涵盖Grid、Flexbox及容器查询，用于构建适配多设备的界面结构。
构建响应式管理后台或应用外壳
设计网格卡片或画廊布局
实现基于断点或容器的自适应界面
npx skills add ancoleman/ai-design-components --skill designing-layouts -g -y
用于设计生产级 SDK，涵盖重试、错误处理、分页及多语言支持。提供资源型与命令型架构模式，指导 TypeScript/Python/Go 等语言的客户端库开发，优化开发者体验。
构建 REST API 客户端库
设计多语言 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文档化、多语言库文档构建、开发者门户搭建及自动化文档流水线配置等场景。
需要生成REST或GraphQL API的OpenAPI规范
为TypeScript、Python等库创建代码文档
构建项目或产品的文档站点
记录系统设计的架构决策(ADRs)
生成可视化系统架构或数据流图表
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等合规框架的统一控制映射与策略即代码实现，自动化证据收集以支持审计。适用于构建需满足多法规要求的系统或自动化安全控制流程。
需要实现SOC 2、HIPAA、PCI-DSS或GDPR合规
自动化合规证据收集和审计准备
在CI/CD中执行合规策略
npx skills add ancoleman/ai-design-components --skill implementing-compliance -g -y
提供基于React/TypeScript和dnd-kit库实现拖拽排序、看板、文件上传及无障碍访问的完整指南与最佳实践。
构建可拖拽的看板或列表
实现文件拖拽上传功能
开发支持触摸和键盘的可访问性交互界面
npx skills add ancoleman/ai-design-components --skill implementing-drag-drop -g -y
指导在 Kubernetes 中实施 GitOps 持续交付，使用 ArgoCD 或 Flux 实现声明式部署、自动同步和漂移检测。涵盖工具选型、核心原则及多集群管理场景。
deploy to Kubernetes
ArgoCD setup
Flux bootstrap
GitOps pipeline
environment promotion
multi-cluster deployment
automated reconciliation
npx skills add ancoleman/ai-design-components --skill implementing-gitops -g -y
基于 OpenTelemetry 标准实现生产级可观测性，涵盖指标、日志和链路追踪。用于构建具备性能与错误可见性的系统，支持结构化日志关联及告警配置。
构建需监控的生产系统
调试分布式服务
部署监控基础设施
配置生产告警规则
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组件（防抖、自动补全、筛选UI）和后端Python查询优化（SQLAlchemy、Elasticsearch），支持高性能、可访问性及用户体验优化。
需要添加产品搜索或分类价格筛选功能
构建自动补全或类型ahead搜索界面
实现动态计数的分面搜索接口
优化搜索性能如防抖和缓存策略
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、Kubernetes cert-manager及内部PKI等场景。
配置HTTPS服务
实施双向认证(mTLS)
调试证书验证错误
自动化证书续期
npx skills add ancoleman/ai-design-components --skill implementing-tls -g -y
提供从云存储、API、文件及流式源向数据库导入数据的数据摄入模式与代码示例，涵盖ETL/ELT管道构建及各类格式解析。
需要构建ETL或ELT管道
从S3/GCS等云存储加载数据
处理CSV/JSON/Parquet文件
接入REST/GraphQL API数据
实现CDC或Kafka/Kinesis流式摄入
npx skills add ancoleman/ai-design-components --skill ingesting-data -g -y
提供负载均衡选型与配置指南，涵盖L4/L7架构、调度算法、健康检查及云厂商方案，支持高可用、会话保持和零停机部署。
多服务器流量分发
实现高可用与故障转移
基于URL或地理位置的路由
Kubernetes集群部署
npx skills add ancoleman/ai-design-components --skill load-balancing-patterns -g -y
提供基于 Ansible 的服务器与应用配置自动化指南，涵盖 Playbook 创建、角色管理、动态库存、秘密管理及 Molecule 测试，确保幂等性与 GitOps 工作流。
使用 Ansible 创建或管理 Playbook
配置静态或动态主机库存
使用 ansible-vault 或 Vault 管理敏感信息
通过 Molecule 测试 Ansible 角色
调试 Ansible 执行失败或 Handler 问题
npx skills add ancoleman/ai-design-components --skill managing-configuration -g -y
用于管理DNS记录、TTL策略及DNS-as-code自动化。涵盖云厂商配置、Kubernetes集成、负载均衡设置及故障排查，指导域名解析与基础设施优化。
配置域名解析
自动化DNS更新
设置DNS负载均衡
排查DNS传播问题
npx skills add ancoleman/ai-design-components --skill managing-dns -g -y
管理Git分支策略、提交规范及协作工作流，涵盖Trunk/GitHub Flow/GitFlow选择、Conventional Commits实现及Git Hooks配置，适用于团队代码质量管控与自动化版本发布。
选择项目分支策略
实施标准化提交格式
配置Git钩子进行质量门禁
管理多项目Monorepo结构
npx skills add ancoleman/ai-design-components --skill managing-git-workflows -g -y
提供基于SRE原则的端到端事件管理指南，涵盖从检测、响应到复盘的全流程。包括严重性分级、角色职责（如IC）、沟通协议及无责文化，旨在优化MTTR并提升系统可靠性。
设置团队事件响应流程
设计值班轮岗和升级策略
进行事故后复盘
实施内部或外部沟通协议
npx skills add ancoleman/ai-design-components --skill managing-incidents -g -y
提供媒体与文件管理的系统化模式，涵盖上传、展示、播放器及优化策略。用于实现拖拽上传、图像画廊、音视频播放、文档查看等功能，确保高性能和可访问性。
实现文件上传功能
构建图像画廊或轮播组件
创建视频或音频播放器
集成云存储进行媒体管理
npx skills add ancoleman/ai-design-components --skill managing-media -g -y
实现涵盖容器、SAST、DAST、SCA及密钥扫描的多层安全检测，生成SBOM并进行基于风险的漏洞优先级排序，适用于构建DevSecOps工作流、合规审查及CI/CD安全门禁。
在CI/CD流水线中集成安全扫描
为合规性要求生成软件物料清单(SBOM)
基于风险方法优先处理漏洞修复
实施安全门禁策略
npx skills add ancoleman/ai-design-components --skill managing-vulnerabilities -g -y
提供LLM和ML模型的生产环境部署指南，涵盖vLLM、TensorRT-LLM等推理引擎选型，以及BentoML、Triton等传统模型服务方案，并包含LangChain/LlamaIndex编排和流式响应实现。
部署LLM或ML模型到生产环境
构建AI API接口
优化模型推理性能与延迟
实现RAG管道或流式响应
npx skills add ancoleman/ai-design-components --skill model-serving -g -y
提供生产环境Kubernetes集群运维技能，涵盖资源管理、高级调度、网络存储配置、安全加固及自动扩缩容。用于部署工作负载、排查故障及优化集群性能。
将应用部署到Kubernetes
配置Pod资源请求与限制
设置HPA或VPA自动扩缩容
实现NetworkPolicy网络安全策略
排查CrashLoopBackOff等运行故障
npx skills add ancoleman/ai-design-components --skill operating-kubernetes -g -y
提供FinOps实践框架，涵盖云成本可视性、承诺折扣管理、资源右置及自动化治理。适用于AWS/Azure/GCP/K8s环境的降本增效、预算控制与异常检测。
降低云支出
实施预算控制和可见性
多云平台成本管理
npx skills add ancoleman/ai-design-components --skill optimizing-costs -g -y
提供跨数据库SQL性能优化指导，涵盖执行计划分析、索引策略及查询重写，用于解决慢查询和性能瓶颈。
遇到慢查询或数据库超时
分析EXPLAIN执行计划
确定索引需求
重写低效查询
npx skills add ancoleman/ai-design-components --skill optimizing-sql -g -y
提供性能工程框架，涵盖负载测试、剖析与优化策略。用于容量规划、瓶颈定位、回归检测及建立性能SLO，支持CI/CD集成。
验证系统在高负载下的处理能力
通过剖析识别CPU或内存瓶颈
优化应用响应速度或Core Web Vitals
检测内存泄漏或资源耗尽问题
npx skills add ancoleman/ai-design-components --skill performance-engineering -g -y
提供灾难恢复策略设计、备份系统实施及恢复流程验证的综合指南，涵盖RTO/RPO规划、数据库备份、K8s DR及混沌工程测试。
定义恢复时间目标(RTO)和恢复点目标(RPO)
实现数据库备份与时间点恢复(PITR)
设置跨区域复制以实现高可用
通过混沌实验测试灾难恢复程序
npx skills add ancoleman/ai-design-components --skill planning-disaster-recovery -g -y
构建内部开发者平台(IDP)，提供自助服务、黄金路径和开发体验优化。涵盖平台策略、Backstage/Port架构、Crossplane编排及GitOps集成，旨在降低认知负荷并提升研发效能。
构建或改进内部开发者平台
设计开发者门户(如Backstage)
实施黄金路径和软件模板
建立或重组平台工程团队
npx skills add ancoleman/ai-design-components --skill platform-engineering -g -y
