Agent Skills
› ancoleman/ai-design-components
ancoleman/ai-design-components
GitHub提供Linux系统管理技能，涵盖systemd服务、进程、文件系统、网络及性能调优。适用于部署应用、优化服务器、排查生产故障及管理用户安全。
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服务、进程、文件系统、网络及性能调优。适用于部署应用、优化服务器、排查生产故障及管理用户安全。
部署应用程序
优化服务器性能
排查生产问题
管理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
指导现代数据平台架构设计，涵盖存储范式、建模方法、Data Mesh及治理框架选择。用于新平台构建或遗留系统现代化决策。
设计新数据平台或现代化遗留系统
选择数据存储范式（湖/仓/湖仓一体）
确定数据建模方法
评估集中式与去中心化架构
npx skills add ancoleman/ai-design-components --skill architecting-data -g -y
提供云网络架构设计技能，涵盖VPC拓扑、子网策略、零信任及混合连接。支持AWS/GCP/Azure多环境规划、安全隔离与成本优化决策。
设计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等项目的脚手架
调试组件集成问题如导入错误或主题未切换
npx skills add ancoleman/ai-design-components --skill assembling-components -g -y
构建AI聊天界面与对话式UI，支持流式响应、上下文管理、多模态输入及工具调用可视化。提供ChatGPT风格组件，处理Token限制、错误模式及反馈机制，适用于创建AI助手或Copilot。
构建ChatGPT风格的对话界面
实现AI助手或代码Copilot
需要流式文本渲染或多模态交互
管理对话上下文与Token限制
npx skills add ancoleman/ai-design-components --skill building-ai-chat -g -y
提供构建安全高效的CI/CD流水线模式，涵盖GitHub Actions、GitLab CI等。支持SLSA供应链安全、Monorepo优化及并行化策略，用于自动化测试、构建和部署工作流。
设置新项目持续集成
实现自动化测试工作流
构建带安全溯源的容器镜像
优化缓慢的CI流水线
实施SLSA供应链安全
npx skills add ancoleman/ai-design-components --skill building-ci-pipelines -g -y
用于在Python、Go和Rust中构建专业CLI工具的技能，涵盖Typer、Cobra等框架选择、参数解析、子命令组织及配置管理，适用于开发工具和自动化脚本。
创建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/安全组等工具。用于服务暴露、服务器加固和网络分段，提供规则示例与安全模式，防止锁定和配置错误。
配置服务器或服务的防火墙规则
设置云资源的安全组
允许特定端口通过防火墙
屏蔽指定IP地址
在Ubuntu上设置UFW
创建iptables或nftables规则
配置堡垒机防火墙
实施出站过滤
npx skills add ancoleman/ai-design-components --skill configuring-firewalls -g -y
指导工程师配置Nginx，涵盖静态站点、反向代理、负载均衡、SSL/TLS终止、缓存及性能调优。提供生产就绪的配置模式与安全最佳实践。
配置Nginx用于Web服务器
设置反向代理或负载均衡
启用SSL/TLS安全连接
进行Nginx性能优化与缓存配置
npx skills add ancoleman/ai-design-components --skill configuring-nginx -g -y
用于构建综合仪表板和分析界面，整合数据可视化、KPI卡片、实时更新及交互布局。适用于BI系统、监控面板及高管报表，支持多组件协调与过滤。
创建商业智能仪表盘
实现实时监控界面
开发高管汇报展示页
构建可自定义的拖拽式仪表板编辑器
npx skills add ancoleman/ai-design-components --skill creating-dashboards -g -y
提供Python、Go、Rust和Node.js的调试工作流，涵盖本地、远程、容器及生产环境。支持设置断点、连接调试器、分析核心转储及分布式追踪，辅助高效定位和解决代码问题。
在Python、Go、Rust或Node.js代码中设置断点
调试正在运行的容器或Kubernetes Pod
建立远程调试连接
安全地调试生产环境问题
npx skills add ancoleman/ai-design-components --skill debugging-techniques -g -y
提供从Kubernetes到Serverless及边缘函数的生产部署策略指导，涵盖IaC、GitOps及数据库选型，辅助完成应用发布与基础设施管理。
部署应用到生产环境
设置CI/CD流水线或GitOps工作流
选择Kubernetes、Serverless或边缘部署方案
实施基础设施即代码(IaC)
npx skills add ancoleman/ai-design-components --skill deploying-applications -g -y
提供AWS服务选型决策框架和实施模式，涵盖计算、数据库及架构设计。用于指导AWS云架构设计、服务选择、无服务器/容器模式实现及Well-Architected原则应用，兼顾成本与性能优化。
设计AWS云架构
选择AWS计算或存储服务
实施无服务器或容器模式
应用AWS Well-Architected Framework
npx skills add ancoleman/ai-design-components --skill deploying-on-aws -g -y
提供Azure云架构设计与实施指南，涵盖计算、存储、AI服务选型及Well-Architected框架最佳实践。
设计Azure新应用架构
迁移工作负载至Azure
npx skills add ancoleman/ai-design-components --skill deploying-on-azure -g -y
提供GCP服务选型决策框架与实施模式，涵盖计算、存储、数据库、数据分析及ML等领域。指导基于工作负载需求选择合适服务，并展示使用Terraform和SDK的生产就绪架构模式。
在GCP上构建应用或基础设施
选择GCP计算/存储/数据库服务
设计数据分析管道
实现机器学习工作流
迁移至GCP或多云架构
npx skills add ancoleman/ai-design-components --skill deploying-on-gcp -g -y
用于设计高可用、可扩展的分布式系统，涵盖CAP/PACELC理论、一致性模型、复制模式、分区策略及Saga/CQRS等分布式事务与容错模式。
设计微服务架构
跨地域数据同步与复制策略选择
实现分布式事务（如Saga、事件溯源）
构建具备容错能力的分布式系统
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，涵盖重试、错误处理、分页及多语言支持。提供资源型与命令型架构模式，规范TS/Python/Go实现细节，以及API Key和OAuth认证策略，旨在提升开发者体验。
构建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管道、检测幻觉与偏见，以及模型对比和CI/CD集成。
测试RAG系统正确性
测量LLM输出中的幻觉
评估生成内容质量指标
比较不同模型性能
检测响应中的偏见
npx skills add ancoleman/ai-design-components --skill evaluating-llms -g -y
生成全面的技术文档，涵盖API规范、代码注释、文档站点、架构决策记录及系统架构图。适用于REST/GraphQL API文档、多语言库文档、开发者门户搭建及自动化文档流水线设置。
需要为API生成OpenAPI/Swagger文档
为代码库生成TypeDoc或Sphinx等文档
构建Docusaurus或MkDocs文档站点
编写架构决策记录(ADR)
生成Mermaid或PlantUML架构图
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、处理敏感数据或执行多框架安全控制的场景。
构建需SOC2认证的SaaS产品
处理医疗PHI数据需HIPAA合规
处理支付卡数据需PCI-DSS验证
服务欧盟用户需GDPR合规
自动化合规证据收集与审计准备
npx skills add ancoleman/ai-design-components --skill implementing-compliance -g -y
提供基于React/TypeScript和dnd-kit实现拖拽、排序及可访问性界面的技能，涵盖看板、列表、文件上传等场景。
构建拖拽交互界面
实现列表或网格排序功能
开发支持直接操作的UI组件
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 标准实现生产级可观测性，涵盖指标、日志和链路追踪。集成 Prometheus、Grafana 等工具，支持结构化日志与追踪关联，适用于分布式系统性能监控、错误排查及告警配置。
构建需要性能可见性的生产系统
调试包含多个服务的分布式系统
设置监控、日志或追踪基础设施
配置生产系统告警规则
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 CFSSL的部署与调试。
设置HTTPS或API安全通信
实现服务间mTLS认证
生成和管理数字证书
调试证书验证错误
npx skills add ancoleman/ai-design-components --skill implementing-tls -g -y
提供从云存储、API、文件及流式源向数据库加载数据的方法，支持ETL/ELT管道构建与数据迁移。
导入CSV/JSON/Parquet文件
从S3/GCS/Azure Blob加载数据
消费REST/GraphQL API接口
构建ETL/ELT管道
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创建或管理服务器配置
部署应用或管理云环境动态库存
使用Molecule测试Ansible角色
npx skills add ancoleman/ai-design-components --skill managing-configuration -g -y
管理DNS记录、TTL策略及DNS-as-code自动化。涵盖多云提供商配置、Kubernetes集成、负载均衡与故障排查，提供记录选型指南和变更流程。
配置域名解析
通过Kubernetes自动化DNS更新
设置基于DNS的负载均衡
排查跨云服务商的传播问题
npx skills add ancoleman/ai-design-components --skill managing-dns -g -y
管理Git分支策略、提交规范及协作流程。用于选择Trunk/GitHub Flow/GitFlow，实施Conventional Commits以自动化版本控制，配置Git Hooks进行质量门禁，以及优化Monorepo结构。
选择项目或团队的分支策略
实施统一的提交消息格式
设置代码质量检查的Git Hooks
管理包含多个项目的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
提供媒体与文件管理的系统化实现模式，涵盖多格式上传、展示组件及优化策略，用于构建高性能且可访问的富媒体体验。
实现文件上传功能
构建图像或视频展示组件
优化媒体加载性能
npx skills add ancoleman/ai-design-components --skill managing-media -g -y
提供多层面漏洞扫描（容器、SAST、DAST、SCA、密钥）及SBOM生成策略，实现基于风险的优先级排序和CI/CD安全门禁，支持DevSecOps工作流构建与合规要求。
构建包含安全扫描的CI/CD流水线
为满足合规性生成软件物料清单(SBOM)
实施基于风险的方法优先处理漏洞修复
在部署前扫描容器镜像
npx skills add ancoleman/ai-design-components --skill managing-vulnerabilities -g -y
提供LLM和ML模型的生产环境部署指南，涵盖vLLM、TensorRT-LLM等推理引擎选型，以及BentoML、LangChain等工具使用，旨在优化GPU效率与API集成。
部署LLM或机器学习模型到生产环境
构建AI API服务
优化模型推理吞吐量与延迟
实现RAG管道或流式响应
npx skills add ancoleman/ai-design-components --skill model-serving -g -y
提供生产环境 Kubernetes 集群操作指南，涵盖资源管理、高级调度、网络存储配置、安全加固及自动伸缩策略，辅助部署、排错及高可用架构实施。
将应用部署到 Kubernetes
配置 Pod 资源请求和限制
设置 Pod 自动伸缩
实现 NetworkPolicies 安全策略
排查 Pod Pending 或 CrashLoopBackOff 问题
配置 RBAC 权限控制
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性能优化指导，涵盖执行计划分析、索引策略及查询重写。用于解决慢查询、超时问题，识别反模式并提升数据库性能。
遭遇慢查询或数据库超时
分析EXPLAIN执行计划
确定索引需求
重写低效查询
识别查询反模式
npx skills add ancoleman/ai-design-components --skill optimizing-sql -g -y
用于系统性能工程，涵盖负载测试、瓶颈分析与优化。支持容量规划、回归检测及SLO建立，涉及k6等工具及CPU/内存分析。
验证API在预期流量下的处理能力
查找系统最大容量和崩溃点
识别应用变慢的原因
检测内存泄漏或资源耗尽
优化Core Web Vitals以提升SEO
在CI/CD中设置性能测试
npx skills add ancoleman/ai-design-components --skill performance-engineering -g -y
提供灾难恢复策略设计、备份系统实施及恢复流程验证的综合指南。涵盖RTO/RPO规划、数据库备份、K8s DR配置、跨区域复制及混沌工程测试，确保高可用与合规性。
定义RTO和RPO目标
实现数据库点-in-time恢复
配置Kubernetes集群备份与恢复工作流
设置跨区域复制以实现高可用
通过混沌实验测试灾难恢复程序
npx skills add ancoleman/ai-design-components --skill planning-disaster-recovery -g -y
用于构建内部开发者平台(IDP)，提供自助服务、黄金路径和开发者体验优化。涵盖平台策略、Backstage/Port架构设计、基础设施编排及GitOps集成，旨在降低认知负荷并提升研发效能。
构建或改进内部开发者平台
设计开发者门户(如Backstage)
实施黄金路径和软件模板
建立或重组平台工程团队
评估和提升开发者体验(DevEx)
npx skills add ancoleman/ai-design-components --skill platform-engineering -g -y
