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服务器
排查系统慢或故障问题
优化服务器性能
管理Linux用户和权限
npx skills add ancoleman/ai-design-components --skill administering-linux -g -y
构建AI/ML数据基础设施，涵盖RAG管道、特征存储、向量化及嵌入生成。提供架构模式、编排工作流（Dagster等）及评估指标，用于生产级AI应用的数据处理与流转。
构建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拓扑、子网策略、零信任及混合连接。支持AWS/GCP/Azure多云环境，指导单VPC、多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等项目的脚手架
调试组件集成问题如导入断裂
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 流水线的模式，涵盖 SLSA 供应链安全、Monorepo 优化及并行策略，支持 GitHub Actions、GitLab CI 和 Argo Workflows。
设置新项目持续集成
实现自动化测试工作流
优化缓慢的 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）和云安全组，提供常见场景规则示例与安全模式，防止锁定和误配。
配置服务器或服务防火墙
设置云资源安全组
允许或阻止特定端口/IP
加固服务器初始设置
实施网络分段
npx skills add ancoleman/ai-design-components --skill configuring-firewalls -g -y
指导配置Nginx用于静态站点、反向代理、负载均衡、SSL终止及性能调优，提供生产级安全最佳实践。
配置Nginx
设置反向代理
实现负载均衡
启用SSL/TLS
性能调优
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）及容器环境的系统化调试工作流，涵盖本地断点、远程连接、K8s Pod调试及生产安全调试技术。
设置代码断点
调试运行中的容器或K8s Pod
配置远程调试连接
分析核心转储或堆栈跟踪
npx skills add ancoleman/ai-design-components --skill debugging-techniques -g -y
提供从Kubernetes到Serverless及边缘计算的部署策略指导，涵盖IaC工具（Pulumi/OpenTofu）、GitOps自动化及数据库选型，辅助完成生产环境基础设施搭建与发布。
部署应用到生产环境
设置CI/CD流水线或Git工作流
选择Kubernetes、Serverless或边缘部署方案
实现基础设施即代码
npx skills add ancoleman/ai-design-components --skill deploying-applications -g -y
提供AWS服务选型、架构设计及Well-Architected框架应用指南，涵盖计算、数据库及服务优化决策。
设计AWS云架构
选择计算或存储/数据库服务
实施Serverless或容器模式
应用AWS Well-Architected原则
npx skills add ancoleman/ai-design-components --skill deploying-on-aws -g -y
提供Azure云架构设计指南，涵盖计算、存储、AI及网络服务选型。基于Well-Architected框架，指导应用构建与迁移，优化成本与安全。
在Microsoft Azure上构建新应用
将工作负载迁移到Azure云平台
进行Azure云架构设计与服务选型
npx skills add ancoleman/ai-design-components --skill deploying-on-azure -g -y
提供GCP服务选型决策框架与实施模式，涵盖计算、存储、数据库、数据分析及AI/ML等领域。指导基于GCP构建云原生应用，包括服务选择、架构设计及最佳实践，支持使用Terraform和SDK进行开发部署。
在Google Cloud Platform上构建应用程序或基础设施
需要选择GCP的计算、存储或数据库服务
设计数据分析和机器学习工作流
迁移至GCP或构建多云架构
npx skills add ancoleman/ai-design-components --skill deploying-on-gcp -g -y
提供分布式系统设计指导，涵盖CAP/PACELC定理、一致性模型、复制与分区策略、事务及弹性模式，用于构建可扩展且容错的架构。
设计微服务或分布式系统架构
选择数据一致性与可用性平衡策略
实现分布式事务或容错机制
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的技能，涵盖重试、错误处理、分页及多语言支持。指导构建REST API客户端库或内部服务SDK，提供资源型与命令型架构模式，以及TypeScript、Python、Go等语言的特定实现规范。
构建API客户端库
创建内部服务SDK
实现指数退避重试逻辑
设计多语言支持的开发者接口
npx skills add ancoleman/ai-design-components --skill designing-sdks -g -y
用于创建时间轴、活动流、甘特图和日历等组件的 Skill，提供实现模式与决策框架，支持实时数据、无障碍设计及响应式布局。
创建活动流或通知展示
构建项目甘特图或日程表
实现垂直或水平时间轴可视化
开发日历界面或历史事件展示
npx skills add ancoleman/ai-design-components --skill displaying-timelines -g -y
优化RAG和语义搜索系统的向量嵌入，涵盖模型选择、分块策略、缓存实现及性能调优，旨在降低成本并提升检索质量。
构建RAG系统
实现语义搜索
优化嵌入API成本
改进文档检索质量
npx skills add ancoleman/ai-design-components --skill embedding-optimization -g -y
评估LLM系统质量与安全，涵盖自动化指标、LLM-as-judge及基准测试。用于验证RAG管道、检测幻觉与偏见、模型对比及CI/CD集成，确保生产环境可靠性。
测试提示词正确性
验证RAG管道质量
测量幻觉或偏见
比较不同模型表现
运行基准测试
npx skills add ancoleman/ai-design-components --skill evaluating-llms -g -y
用于生成全面的技术文档，包括API规范、代码注释、文档站点、架构决策记录及系统架构图。支持多种语言和工具，适用于外部API文档、内部库文档及开发者门户建设。
需要生成REST或GraphQL API的OpenAPI规范
为TypeScript/Python等库创建代码文档
搭建项目文档站点如Docusaurus或MkDocs
编写架构决策记录ADR
生成系统架构或数据流图
npx skills add ancoleman/ai-design-components --skill generating-documentation -g -y
提供用户引导和帮助系统的系统化模式，涵盖新手引导、功能发现、交互式教程、工具提示及渐进式披露等机制，旨在优化新用户激活与功能采用率。
构建首次使用体验或产品漫游
实现新功能发现和交互式教程
添加工具提示和上下文帮助
设计设置流程或完成清单
npx skills add ancoleman/ai-design-components --skill guiding-users -g -y
实现 SOC 2、HIPAA、PCI-DSS 和 GDPR 等合规框架，通过统一控制映射、策略即代码执行及自动化证据收集，降低多框架实施成本。
构建需 SOC 2 认证的 SaaS 产品
处理医疗数据需 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
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）。适用于构建产品搜索、高级布尔查询及性能优化场景。
需要添加搜索功能
构建过滤器界面
实现分面搜索
优化搜索性能
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及内部PKI部署。涵盖证书生成、自动化生命周期管理、TLS 1.3最佳实践配置及故障排查，保障网络通信安全与服务认证。
设置HTTPS或API安全
实现服务间mTLS认证
调试证书验证错误
配置负载均衡器TLS终止
npx skills add ancoleman/ai-design-components --skill implementing-tls -g -y
提供从云存储、API、文件及流式源向数据库导入数据的数据摄取模式。涵盖ETL/ELT构建、文件格式处理及CDC，支持Python和TypeScript快速上手。
导入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、云托管或K8s），配置健康检查与会话管理，实现高可用和故障转移。
需要在多服务器或区域间分发流量
实施高可用性和故障转移机制
基于URL、标头或地理位置路由流量
部署到Kubernetes集群
选择云托管与自托管负载均衡器
npx skills add ancoleman/ai-design-components --skill load-balancing-patterns -g -y
提供基于 Ansible 的服务器配置自动化指南，涵盖 Playbook 编写、角色结构、库存管理、秘密管理及 Molecule 测试等最佳实践。
使用 Ansible 创建或管理服务器配置
调试 Ansible Playbook 失败或处理程序问题
实现 GitOps 配置即代码工作流
npx skills add ancoleman/ai-design-components --skill managing-configuration -g -y
提供DNS记录配置、TTL策略制定及DNS-as-code自动化指南，涵盖多云服务商集成与故障排查。
配置域名解析
自动化DNS更新
设置基于DNS的负载均衡
排查DNS传播问题
npx skills add ancoleman/ai-design-components --skill managing-dns -g -y
管理Git分支策略、提交规范及协作工作流，辅助选择Trunk-Based/GitHub Flow/GitFlow，实施Conventional Commits以实现自动化版本控制，配置Git Hooks保障代码质量，以及优化Monorepo结构。
选择项目或团队的分支策略
实施一致的提交信息格式
设置Git钩子以进行代码检查
管理包含多个项目的Monorepo
npx skills add ancoleman/ai-design-components --skill managing-git-workflows -g -y
提供端到端事件管理指导，涵盖检测、响应、沟通及事后复盘。基于SRE原则，支持故障定级、值班轮岗设计、运行手册创建及无责复盘，旨在提升系统可靠性与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
提供CI/CD流水线中的多层安全扫描、SBOM生成及漏洞优先级的综合解决方案，涵盖容器、代码、依赖及密钥检测，助力DevSecOps落地与合规。
构建安全扫描流水线
生成SBOM以满足合规要求
基于风险优先级处理漏洞
实施容器部署前的安全检查
npx skills add ancoleman/ai-design-components --skill managing-vulnerabilities -g -y
提供LLM和ML模型的生产环境部署指南，涵盖vLLM、TensorRT-LLM等推理引擎选型，BentoML/Triton传统模型服务，以及LangChain/LlamaIndex编排框架，旨在优化吞吐量并实现AI API集成。
部署LLM或ML模型到生产环境
构建AI API或流式响应接口
优化模型推理性能与GPU利用率
实现RAG管道或智能体应用
npx skills add ancoleman/ai-design-components --skill model-serving -g -y
提供生产级Kubernetes集群操作指南，涵盖资源管理、调度、网络、存储、安全加固及自动扩缩容。用于部署工作负载、配置集群资源、实施安全策略或排查CrashLoopBackOff等运维故障。
部署应用到Kubernetes
配置资源请求和限制
设置Pod自动扩缩容
实现NetworkPolicy安全策略
Pod处于Pending或CrashLoopBackOff状态
配置RBAC最小权限
配置数据库持久化存储
跨可用区分散Pod
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分析执行计划、制定索引策略及重写低效查询，解决慢查询、超时及数据库性能瓶颈问题。
调试慢查询或数据库超时
分析EXPLAIN执行计划
确定索引需求
重写低效SQL语句
npx skills add ancoleman/ai-design-components --skill optimizing-sql -g -y
专注于系统性能工程，涵盖负载、压力、浸泡及尖峰测试框架，提供CPU/内存等瓶颈分析工具及缓存、查询优化策略，用于容量规划、回归检测及SLO制定。
验证系统在预期流量下的处理能力
查找系统最大容量和崩溃点
诊断应用响应慢的原因
检测内存泄漏或资源耗尽
优化前端核心网页指标以提升SEO
在CI/CD中建立性能测试流程
npx skills add ancoleman/ai-design-components --skill performance-engineering -g -y
提供灾难恢复策略设计、备份系统实施及恢复流程验证指南，涵盖RTO/RPO规划、数据库备份、K8s DR及混沌工程测试。
制定RTO和RPO目标
实现数据库点-in-time恢复
配置跨区域复制或多区域故障转移
通过混沌实验测试灾难恢复程序
npx skills add ancoleman/ai-design-components --skill planning-disaster-recovery -g -y
用于构建内部开发者平台(IDP)，提供自助服务、黄金路径及优化开发者体验。涵盖平台战略、架构设计(Backstage/Crossplane/Argo CD)及团队建立，旨在降低认知负载并提升研发效能。
构建或改进内部开发者平台
设计开发者门户
实施黄金路径和软件模板
建立或重组平台工程团队
评估和提升开发者体验
npx skills add ancoleman/ai-design-components --skill platform-engineering -g -y
