Agent Skills
› tech-leads-club/agent-skills
tech-leads-club/agent-skills
GitHub识别跨组件重复的业务逻辑，分析耦合影响并建议合并或提取共享库，以提升代码可维护性。
Install All Skills
npx skills add tech-leads-club/agent-skills --all -g -y
Skills in Collection (89)
Showing top 50 of 89 by quality score. Use the install list command or open individual skills for the rest.
识别跨组件重复的业务逻辑，分析耦合影响并建议合并或提取共享库，以提升代码可维护性。
查找组件间共有的领域功能
检测应合并的重复域逻辑
分析组件重叠以进行重构
npx skills add tech-leads-club/agent-skills --skill component-common-domain-detection -g -y
检测并修复组件层级结构问题，识别根命名空间中的孤立类，将嵌套组件扁平化为叶子节点。用于清理代码结构、消除非叶子节点的代码残留，确保组件定义规范。
clean up component structure
find orphaned classes
fix module hierarchy
flatten nested components
npx skills add tech-leads-club/agent-skills --skill component-flattening-analysis -g -y
识别代码库中的架构组件并计算大小指标，评估分解可行性，定位过大或过小的模块，为单体拆分和迁移规划提供依据。
分析代码库结构
识别需要拆分的过大组件
创建组件清单以进行分解规划
npx skills add tech-leads-club/agent-skills --skill component-identification-sizing -g -y
基于三维模型分析模块间耦合度，评估架构健康与依赖关系。用于识别过度耦合、模块拆分或合并决策，辅助理解集成强度、物理距离及变更频率。
询问模块是否耦合过紧
展示依赖关系
分析集成质量
确定需解耦的模块
生成耦合报告
评估架构健康状况
npx skills add tech-leads-club/agent-skills --skill coupling-analysis -g -y
用于制定单体应用向分布式架构迁移的逐步分解计划和路线图，包括模式识别、优先级排序、阶段规划及进度跟踪。
制定单体拆分计划
创建迁移路线图
确定服务提取顺序
评估拆分优先级
npx skills add tech-leads-club/agent-skills --skill decomposition-planning-roadmap -g -y
基于DDD战略设计分析代码库，识别核心、支撑和通用子域，划分界限上下文并建议服务边界。适用于领域建模、重构规划及业务理解。
分析代码库中的领域边界
识别核心、支撑和通用子域
从问题空间映射界限上下文
评估领域内聚性
规划领域驱动重构
npx skills add tech-leads-club/agent-skills --skill domain-analysis -g -y
将现有组件按业务领域分组，规划服务化架构。适用于组件归类、服务边界划分及命名空间重构，辅助DDD落地。
将组件分组到逻辑领域
为基于服务的架构识别组件领域
从组件创建领域分组
分析哪些组件属于哪些领域
npx skills add tech-leads-club/agent-skills --skill domain-identification-grouping -g -y
用于规划遗留系统迁移、代码现代化及单体拆解的专家技能。基于绞杀者模式生成证据驱动的迁移路线图，涵盖研究、领域映射与风险评估，不执行实施。
规划遗留系统迁移
单体架构拆解为微服务
跨语言或框架重构路线图制定
应用绞杀者植物模式进行增量迁移
npx skills add tech-leads-club/agent-skills --skill legacy-migration-planner -g -y
提供React组件组合模式指南，解决布尔属性泛滥问题，指导构建灵活可复用的组件库和API设计。涵盖复合组件、状态提升及React 19新特性，适用于重构和架构审查。
重构包含大量布尔属性的组件
构建可复用的组件库
设计灵活的组件API
审查组件架构
npx skills add tech-leads-club/agent-skills --skill react-composition-patterns -g -y
用于在 Cloudflare 平台（Workers、Pages 等）部署应用和基础设施的技能。涵盖认证检查、产品选型决策树及部署流程，适用于发布项目或配置云资源。
用户请求部署应用到 Cloudflare
用户询问如何托管或发布项目至 Cloudflare
npx skills add tech-leads-club/agent-skills --skill cloudflare-deploy -g -y
自动化将Web项目部署到Netlify，涵盖CLI认证、站点链接/创建及生产或预览环境发布。
部署网站到Netlify
发布Web项目
链接Git仓库到Netlify
npx skills add tech-leads-club/agent-skills --skill netlify-deploy -g -y
用于将应用部署到 Render 云平台。通过分析代码库生成 render.yaml 蓝图或提供 Dashboard 深度链接，支持 Git 驱动和预构建 Docker 镜像的部署流程，并严格指导用户安全处理 API 密钥。
用户希望将应用部署到 Render
需要创建 render.yaml 蓝图文件
在 Render 上托管或发布应用
npx skills add tech-leads-club/agent-skills --skill render-deploy -g -y
用于将应用部署到 Vercel，支持预览和指定生产环境部署。提供 CLI 命令及无认证时的脚本回退方案，自动处理超时与网络权限升级，并返回部署链接。
用户请求部署应用到 Vercel
用户要求获取部署链接或创建预览部署
npx skills add tech-leads-club/agent-skills --skill vercel-deploy -g -y
用于创建结构化RFC文档，辅助重大技术或流程决策的提案、利益相关者对齐及记录备选方案与理由。适用于需集体决策前的文档起草场景。
用户要求撰写或起草RFC/提案
需要为重大变更收集反馈并达成一致
需要在行动前记录决策及其依据
npx skills add tech-leads-club/agent-skills --skill create-rfc -g -y
用于创建交互式技术设计文档(TDD)的Skill，支持自动语言适配和多行业标准模板，适用于架构决策、新功能规划及迁移方案等场景。
用户请求编写技术设计文档
创建RFC或架构提案
新功能或系统迁移前的技术规划
npx skills add tech-leads-club/agent-skills --skill technical-design-doc-creator -g -y
用于在Cursor编辑器中创建具有隔离上下文的AI子智能体，支持复杂多步工作流。适用于需要专用提示、并行执行或深度专业化的场景，通过定义Markdown文件实现智能体配置与复用。
cursor subagent
cursor agent
Create a new subagent/agent
Create specialized assistant
npx skills add tech-leads-club/agent-skills --skill cursor-subagent-creator -g -y
指导创建具有隔离上下文和深度专业化的AI子智能体，适用于复杂多步工作流、验证或编排任务。提供结构定义、元数据配置及提示词编写规范，支持并行执行与复用。
create subagent
new agent
specialized assistant
create verifier
npx skills add tech-leads-club/agent-skills --skill subagent-creator -g -y
用于在决策前对计划、架构或提案进行批判性审查。通过苏格拉底式提问、红队测试、预-mortem分析等模式，挑战假设并发现盲点，旨在压力测试想法而非生成解决方案。
挑战想法或计划
运行预-mortem分析
红队测试设计
压力测试假设
审计证据质量
npx skills add tech-leads-club/agent-skills --skill the-fool -g -y
将Figma设计稿转化为像素级还原的生产代码，支持URL解析或桌面端选择节点。通过MCP获取设计上下文与Token，确保视觉一致性，需预先配置Figma MCP连接。
用户提供Figma链接要求实现设计
在Figma桌面端选中节点并要求生成代码
npx skills add tech-leads-club/agent-skills --skill figma-implement-design -g -y
利用 Figma MCP 服务器获取设计上下文、截图和资产，并将 Figma 节点转换为生产代码。提供从设计到代码的标准化流程，确保视觉一致性与组件复用。
需要获取 Figma 设计数据或资产时
将 Figma 设计稿转换为前端代码时
npx skills add tech-leads-club/agent-skills --skill figma -g -y
指导创建独特、生产级的前端界面，避免通用AI美学。适用于构建网页组件、页面及应用，强调大胆的美学方向和精细的代码实现。
用户要求构建网页组件或页面
需要生成具有独特设计风格的前端应用代码
npx skills add tech-leads-club/agent-skills --skill frontend-design -g -y
审查UI代码是否符合Web界面指南，涵盖无障碍、交互、设计模式等。适用于用户要求检查UI、可访问性或设计审计的场景。
review my UI
check accessibility
audit design
npx skills add tech-leads-club/agent-skills --skill web-design-guidelines -g -y
提供减少LLM编码错误的行为准则，指导代码实现、修改及审查。强调先思考、保持简单、精准变更和目标驱动执行，避免过度设计和无关改动，适用于日常开发任务。
编写新代码
修改现有代码
代码审查
npx skills add tech-leads-club/agent-skills --skill coding-guidelines -g -y
Confluence助手，基于Atlassian MCP工具执行搜索、创建、更新页面及空间管理。支持自然语言查询与Markdown内容操作，自动检测配置并规范资源标识符使用。
用户要求搜索Confluence文档或页面
用户需要创建新的Confluence页面
用户请求更新现有Confluence页面内容
用户想要列出或导航Confluence空间
用户需要在页面上添加评论
npx skills add tech-leads-club/agent-skills --skill confluence-assistant -g -y
用于撰写、审查和编辑技术文档，确保结构一致、语气恰当且技术准确。适用于创建README、更新/docs目录及Markdown文件，不处理代码注释或API参考生成。
用户要求编写文档
审查Markdown文件
改进README
创建指南
编辑Markdown
npx skills add tech-leads-club/agent-skills --skill docs-writer -g -y
通过 gh CLI 处理 GitHub PR 的代码审查和 Issue 评论。自动验证认证，展示评论列表并获取用户选择，随后应用修复。适用于解决代码反馈，不用于创建 PR 或 CI 调试。
address PR comments
fix review feedback
respond to PR review
handle PR comments
npx skills add tech-leads-club/agent-skills --skill gh-address-comments -g -y
通过 Atlassian MCP 工具管理 Jira，支持搜索、创建、更新问题及状态流转。自动检测项目配置，辅助用户高效处理敏捷开发中的任务跟踪与协作。
创建 Jira 工单
更新我的冲刺进度
检查 Jira 状态
转换此问题状态
搜索 Jira
将工单移至完成
npx skills add tech-leads-club/agent-skills --skill jira-assistant -g -y
专注于UGC广告增长策略的Skill，涵盖从创作者招募、AI内容生成到付费放大和创意测试的全流程。提供零预算启动路径及多平台投放框架，适用于TikTok、Meta等平台，旨在通过有机验证实现规模化盈利。
创建UGC广告活动
招募UGC创作者
生成AI UGC内容
使用Spark Ads或白名单投放
提及Arcads或Creatify等工具
npx skills add tech-leads-club/agent-skills --skill ai-ugc-ads -g -y
面向GTM战略家的技能，专注于通过NRR优化、防流失、自动客户成功和基于用量的扩张策略，帮助创始人和收入领导者构建系统，将现有客户转化为增长引擎。
用户希望减少客户流失或构建扩张收入
提及 churn, retention, NRR, upsell, customer success, renewal 等关键词
npx skills add tech-leads-club/agent-skills --skill expansion-retention -g -y
在AI辅助编码后提供交互式学习练习，促进技能提升。适用于创建新文件、架构变更或用户询问原理时触发，旨在通过预测、对比和复述等方式增强理解，避免被动消费代码。
用户要求学习练习
帮助理解代码
教学请求
询问原理
完成新功能或模块后
npx skills add tech-leads-club/agent-skills --skill learning-opportunities -g -y
通过 Sentry API 只读查询生产环境错误、汇总问题及获取健康数据，支持列出问题、查看详情和事件。需配置只读令牌，不用于 SDK 配置或告警设置。
check Sentry
what errors in production?
summarize Sentry issues
recent crashes
production error report
npx skills add tech-leads-club/agent-skills --skill sentry -g -y
专注于优化LCP、INP和CLS三大核心网页指标，提升页面体验与搜索排名。提供具体修复方案，如预加载资源、内联关键CSS及服务端渲染，区别于通用性能优化。
improve Core Web Vitals
fix LCP
reduce CLS
optimize INP
npx skills add tech-leads-club/agent-skills --skill core-web-vitals -g -y
提供针对 Astro 框架的性能优化方案，旨在实现 Lighthouse 95+ 高分。涵盖关键 CSS 内联、资源压缩、字体加载及 LCP 优化等具体实践。
Astro 网站性能优化
提升 Lighthouse 分数
配置 astro-critters
npx skills add tech-leads-club/agent-skills --skill perf-astro -g -y
提供 Lighthouse 性能审计的 CLI、Node API 及 CI/CD 集成指南，支持生成报告、设置性能预算及自动化测试。
lighthouse
run lighthouse
lighthouse score
performance audit
performance budget
npx skills add tech-leads-club/agent-skills --skill perf-lighthouse -g -y
提供系统化的Web性能优化方案，涵盖图片、字体、第三方脚本及代码分割等关键领域。通过测量、识别、实施和验证流程，帮助解决加载缓慢、包体积过大及布局偏移问题，提升页面速度和用户体验。
网站加载速度慢
需要减小JS/CSS包体积
优化首屏渲染时间(LCP)
减少布局偏移(CLS)
实现懒加载或代码分割
npx skills add tech-leads-club/agent-skills --skill perf-web-optimization -g -y
基于Vercel工程的React与Next.js性能优化指南，涵盖消除瀑布流、包体积优化及服务端渲染等57条规则。用于指导代码编写、审查与重构，确保应用达到最佳性能表现。
编写或重构React/Next.js组件
优化数据获取策略
进行代码性能审查
减少Bundle体积
npx skills add tech-leads-club/agent-skills --skill react-best-practices -g -y
专注于提升搜索引擎可见性与排名的技能，涵盖技术SEO、页面优化及结构化数据。处理robots.txt、Sitemap、Canonical等配置，指导内容结构优化。
improve SEO
optimize for search
fix meta tags
add structured data
sitemap optimization
search engine optimization
npx skills add tech-leads-club/agent-skills --skill seo -g -y
基于 WCAG 2.1 标准的 Web 无障碍审计与改进指南，涵盖 POUR 原则、合规等级及可感知性实现细节（如图片 alt、图标名称、色彩对比度），旨在提升内容对残障用户的可用性。
improve accessibility
a11y audit
WCAG compliance
screen reader support
keyboard navigation
make accessible
npx skills add tech-leads-club/agent-skills --skill accessibility -g -y
提供现代Web开发最佳实践，涵盖HTTPS、CSP、安全头、依赖审计及输入净化等，确保代码安全性、兼容性与质量。
应用最佳实践
安全审计
代码现代化
代码质量审查
检查漏洞
npx skills add tech-leads-club/agent-skills --skill best-practices -g -y
基于 Google Lighthouse 的综合网页质量审计，覆盖性能、无障碍、SEO 及最佳实践。通过多领域检查提供分级问题分类与修复建议，适用于网站整体质量评估与优化场景。
audit my site
review web quality
run lighthouse audit
check page quality
optimize my website
npx skills add tech-leads-club/agent-skills --skill web-quality-audit -g -y
针对Python、JS/TS和Go等语言及框架，提供安全最佳实践指导。用于生成默认安全的代码、被动检测漏洞或应请求输出安全审计报告并建议修复方案。
用户明确要求安全最佳实践指导
需要进行安全审查或报告
需要符合安全默认值的编码帮助
npx skills add tech-leads-club/agent-skills --skill security-best-practices -g -y
基于代码仓库执行应用安全威胁建模，识别信任边界、资产、攻击者能力及滥用路径，生成具体的 Markdown 威胁模型报告。
对代码库进行威胁建模
枚举威胁或滥用路径
执行 AppSec 威胁建模
npx skills add tech-leads-club/agent-skills --skill security-threat-model -g -y
用于通过Chrome DevTools MCP控制浏览器，支持页面导航、自动化操作、视觉检查、调试（控制台/网络）及性能分析。适用于单页调试，不适用于完整E2E测试。
debug this page
take a screenshot
check network requests
profile performance
inspect console errors
analyze page load
npx skills add tech-leads-club/agent-skills --skill chrome-devtools -g -y
用于调试和修复 GitHub Actions 中失败的 PR 检查。通过 gh CLI 获取日志，总结失败原因，制定修复计划并在用户批准后实施，排除非 GitHub Actions 的检查。
用户请求修复 GitHub PR 中的 CI 失败
需要分析 GitHub Actions 运行日志以定位错误
npx skills add tech-leads-club/agent-skills --skill gh-fix-ci -g -y
监控 Nx Cloud CI 流水线状态并自动执行自愈修复。当用户触发相关指令时，验证云连接后派生子代理轮询状态，根据结果进行决策或应用常见修复策略，支持自定义配置和上下文管理。
watch CI
monitor pipeline
check CI status
fix CI failures
self-heal CI
npx skills add tech-leads-club/agent-skills --skill nx-ci-monitor -g -y
用于在 Nx 工作区中执行构建、测试、代码检查和开发服务等任务。支持单项目运行、批量运行及基于变更的影响分析，帮助用户高效管理前端或全栈项目的日常开发与 CI 流程。
run tests
build my app
lint affected
serve the project
nx affected
npx skills add tech-leads-club/agent-skills --skill nx-run-tasks -g -y
用于配置、探索和优化 Nx monorepo 工作空间，涵盖项目结构分析、边界配置、构建缓存优化及受影响的 CI/CD 流程。
配置 Nx monorepo 工作空间
分析受影响的项目以优化构建
实现基于 affected 命令的 CI/CD 流程
npx skills add tech-leads-club/agent-skills --skill nx-workspace -g -y
基于 Playwright 的浏览器自动化技能，支持自动检测本地开发服务器、编写并执行测试脚本。用于网页功能验证、表单填写、截图、响应式设计及登录流程测试等浏览器交互场景。
需要自动化浏览器操作
进行网页功能或UI测试
验证网站响应式设计
测试登录流程
npx skills add tech-leads-club/agent-skills --skill playwright-skill -g -y
指导设计演进式模块化单体架构，涵盖DDD边界定义、模块组织、防腐层及弹性策略，适用于平台搭建与后端设计。
设计新平台或后端服务
定义限界上下文
选择单体与微服务架构
集成外部系统
实现调用弹性
npx skills add tech-leads-club/agent-skills --skill evolutionary-modular-architecture -g -y
前端设计顾问，通过结构化发现流程收集视觉参考和设计偏好，指导用户构建高保真前端界面。适用于网站、组件及UI优化等场景，强调先理解需求再编码，避免无效返工。
build me a UI
design a page
create a component
improve this layout
make this look better
frontend
interface
redesign
npx skills add tech-leads-club/agent-skills --skill frontend-blueprint -g -y
