Agent Skills
› tech-leads-club/agent-skills
tech-leads-club/agent-skills
GitHub识别跨组件重复的业务逻辑,分析耦合影响并建议合并或抽取为共享库,旨在减少代码冗余、提升可维护性。
安装全部 Skills
npx skills add tech-leads-club/agent-skills --all -g -y
集合内 Skills (95)
按质量分展示前 50 个(共 95 个),完整列表请用安装命令预览或逐个打开详情。
识别跨组件重复的业务逻辑,分析耦合影响并建议合并或抽取为共享库,旨在减少代码冗余、提升可维护性。
查找跨组件的通用领域功能
识别应合并的重复领域逻辑
检测在多个组件中使用的共享类
分析组件重叠以进行重构
npx skills add tech-leads-club/agent-skills --skill component-common-domain-detection -g -y
分析代码组件层级结构,识别根命名空间中的孤立类及嵌套问题,提供扁平化重构方案以优化模块组织。
清理组件结构
查找孤立类
修复模块层级
扁平化嵌套组件
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
基于Khononov三维模型分析模块间耦合度,评估架构健康度、依赖强度与变更频率,识别需解耦的模块。
分析模块耦合度
检查代码依赖关系
评估架构集成质量
识别需要解耦的模块
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
用于规划遗留系统迁移、代码现代化及单体拆分的专家技能。基于毒藤图模式生成证据驱动的迁移路线图,涵盖研究分析与策略设计阶段,不执行具体实现。
legacy system migration planning
monolith decomposition strategy
microservices consolidation roadmap
cross-language rewrites planning
npx skills add tech-leads-club/agent-skills --skill legacy-migration-planner -g -y
提供React组件组合模式指南,解决布尔属性泛滥问题,支持构建灵活、可维护的组件库及API设计。涵盖复合组件、状态提升、上下文提供者等架构规范,并包含React 19新API最佳实践,旨在提升代码扩展性与可读性。
重构包含大量布尔属性的组件
构建可复用的组件库
设计灵活的组件API
审查组件架构
使用复合组件或上下文提供者
npx skills add tech-leads-club/agent-skills --skill react-composition-patterns -g -y
用于在 Cloudflare 平台部署应用和基础设施的技能。支持 Workers、Pages 等服务,提供认证、决策树及各类产品参考,指导用户完成边缘计算、存储、AI 等资源的发布与配置。
用户请求部署应用到 Cloudflare
用户询问如何在 Cloudflare 上托管或发布项目
用户需要配置 Cloudflare Workers 或 Pages
npx skills add tech-leads-club/agent-skills --skill cloudflare-deploy -g -y
自动化将Web项目部署到Netlify,支持通过CLI验证认证、检测配置、链接或创建站点,并执行生产或预览环境部署。
用户要求部署网站到Netlify
用户请求发布或托管Netlify站点
npx skills add tech-leads-club/agent-skills --skill netlify-deploy -g -y
用于将应用部署至Render云平台的技能,通过分析代码库生成render.yaml蓝图或直接创建服务。支持Git驱动和预构建Docker镜像部署,指导用户处理API密钥安全及环境配置,提供Dashboard链接。
用户希望部署应用到Render平台
需要生成render.yaml配置文件
希望在Render上托管或发布应用
npx skills add tech-leads-club/agent-skills --skill render-deploy -g -y
用于将应用部署到 Vercel,支持预览和指定生产环境。默认执行预览部署,仅在用户明确要求时执行生产部署。包含超时设置、无认证时的脚本回退方案及网络权限提升等故障处理指南。
deploy my app
deploy and give me the link
push this live
create a preview deployment
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),通过交互式探索收集信息,涵盖架构决策、实施计划和风险评估。适用于新功能开发、系统迁移及需要团队对齐或利益相关者批准的场景,遵循Google、Amazon等业界标准。
用户要求编写技术设计文档
规划新功能或系统集成项目
需要进行重大技术变更前的文档化
npx skills add tech-leads-club/agent-skills --skill technical-design-doc-creator -g -y
用于在Cursor编辑器中创建具有隔离上下文的专业子智能体,支持复杂多步工作流、并行执行及特定领域专家配置。
cursor subagent
cursor agent
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等方式寻找盲点和假设,不生成解决方案。
需要挑战现有方案或决策时
进行红队测试或压力测试假设时
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 链接或节点 ID 获取设计数据
执行从 Figma 设计到前端代码的转换任务
配置或调试 Figma MCP 服务器连接
npx skills add tech-leads-club/agent-skills --skill figma -g -y
用于创建独特且生产级的前端界面,避免通用AI审美。指导用户构建具有强烈设计方向、精美排版和协调配色的Web组件或页面,生成高质量代码而非仅做设计审查。
构建网页组件
开发前端页面
制作海报或应用界面
npx skills add tech-leads-club/agent-skills --skill frontend-design -g -y
审查前端 UI 代码是否符合 Web 界面规范,涵盖无障碍、交互、样式等。适用于检查可访问性、审核设计或验证 UX 最佳实践,输出简洁的问题定位信息。
review my UI
check accessibility
audit design
review UX
npx skills add tech-leads-club/agent-skills --skill web-design-guidelines -g -y
提供减少LLM编码错误的行为准则,指导在编写、修改或审查代码时遵循谨慎原则。涵盖思考假设、保持简洁、精准变更及目标驱动执行等规范,旨在提升代码质量并避免过度设计。
编写新代码实现功能
修改或重构现有代码
修复Bug或进行代码审查
npx skills add tech-leads-club/agent-skills --skill coding-guidelines -g -y
Confluence操作助手,支持通过Atlassian MCP工具搜索、创建、更新页面及列表空间。需自动检测或请求Cloud ID配置,优先使用自然语言搜索,内容编辑强制使用Markdown格式。
search Confluence
create a Confluence page
update a page
find documentation in Confluence
list spaces
add a comment to a page
npx skills add tech-leads-club/agent-skills --skill confluence-assistant -g -y
专注于技术文档的撰写、审查与编辑,确保内容准确、结构一致且易于理解。适用于创建README、更新docs目录及优化Markdown文件,不涉及代码注释或API参考生成。
write documentation
review this doc
improve this README
create a guide
edit markdown
npx skills add tech-leads-club/agent-skills --skill docs-writer -g -y
处理 GitHub PR 的代码审查评论。通过 gh CLI 获取评论,向用户展示并确认需修复的内容,随后应用修改以回应反馈。
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
Jira助手,通过Atlassian MCP工具管理Jira问题,支持搜索、创建、更新、状态流转及Sprint任务处理。自动检测工作区配置,提供自然语言或JQL查询方式,用于高效处理Jira相关操作。
创建Jira工单
更新我的Sprint
检查Jira状态
转移此问题状态
搜索Jira
将票证移至完成
npx skills add tech-leads-club/agent-skills --skill jira-assistant -g -y
用于需求探索与决策制定的技能。通过结构化访谈厘清现状、定义问题并评估可行性,输出包含关键决策、流程、数据模型及接口契约的设计文档,辅助后续规划,严禁直接用于编码或任务拆解。
research this
help me understand this problem
should we build this
discovery
explore this problem
npx skills add tech-leads-club/agent-skills --skill tlc-discover -g -y
将已审批计划或需求冻结为检查项,通过构建并独立验证器证明每个检查,确保交付物符合规范。
implement this plan
build this ticket
implement this spec
write the checks
verify work
npx skills add tech-leads-club/agent-skills --skill tlc-implement -g -y
将产品想法转化为 PRD 文件,聚焦情境、问题与决策,禁止涉及技术设计或方案实现。用于明确需求边界和成功标准,产出纯产品视角的规格文档。
write the PRD
create the PRD
PRD
product spec
product requirements
tlc-prd
npx skills add tech-leads-club/agent-skills --skill tlc-prd -g -y
专注于UGC广告增长的策略技能,涵盖从创作者招募、AI内容生成到付费放大的全流程。通过有机验证和结构化测试框架,在TikTok、Meta等平台实现低成本高效获客与规模化投放。
创建UGC广告活动
招募UGC创作者
生成AI UGC内容
提及'UGC'或'用户生成内容'
Spark Ads或白名单投放
npx skills add tech-leads-club/agent-skills --skill ai-ugc-ads -g -y
专注于降低客户流失、构建扩张收入及优化净收入留存率的GTM策略技能。提供NRR基准、定价模型分析及改进框架,覆盖自动化客户成功与再参与系统,适用于非技术实现的商业增长场景。
用户希望减少客户流失或构建扩张收入
提及 churn, retention, NRR, upsell, customer success 等关键词
npx skills add tech-leads-club/agent-skills --skill expansion-retention -g -y
在AI辅助编码过程中促进刻意技能发展,通过交互式练习帮助用户深入理解代码。适用于完成功能、架构决策或用户请求理解时,避免用于紧急调试。
触发场景1
触发场景2
npx skills add tech-leads-club/agent-skills --skill learning-opportunities -g -y
通过 Sentry API 只读查询生产环境错误、汇总问题及拉取健康数据。支持列出未解决事件、查看事件详情与堆栈,需配置认证令牌。
检查 Sentry
生产环境有什么错误
总结 Sentry 问题
最近的崩溃
生产错误报告
npx skills add tech-leads-club/agent-skills --skill sentry -g -y
专注优化LCP、INP、CLS三大核心Web指标以提升页面体验与搜索排名,提供具体修复方案。
improve Core Web Vitals
fix LCP
reduce CLS
optimize INP
page experience optimization
fix layout shifts
npx skills add tech-leads-club/agent-skills --skill core-web-vitals -g -y
提供Astro框架的性能优化指南,涵盖关键CSS内联、压缩、字体加载及LCP优化,旨在提升Lighthouse评分至95分以上。
优化Astro网站性能
提升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性能优化策略,涵盖图片、字体、第三方脚本及缓存优化。指导代码分割与Bundle分析,旨在提升页面加载速度与核心指标。
网站加载缓慢
需要减小Bundle体积
修复布局偏移(CLS)
优化Lighthouse评分
npx skills add tech-leads-club/agent-skills --skill perf-web-optimization -g -y
提供 React 和 Next.js 性能优化指南,涵盖消除数据瀑布流、包体积优化及服务端渲染等规则。用于编写、审查或重构代码时确保最佳性能模式。
React/Next.js 组件编写与审查
前端性能瓶颈分析与优化
数据获取策略重构
npx skills add tech-leads-club/agent-skills --skill react-best-practices -g -y
基于Lighthouse审计和Google指南,专注于技术SEO、页面内优化及结构化数据。用于提升搜索引擎可见性,涵盖robots.txt配置、元标签控制、规范URL及XML站点地图优化。
improve SEO
optimize for search
fix meta tags
add structured data
sitemap 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、安全头、依赖审计及输入清理,规避漏洞并提升标准合规性。
apply best practices
security audit
modernize code
code quality review
check for vulnerabilities
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
基于代码仓库进行威胁建模,枚举信任边界、资产、攻击者能力及滥用路径,生成具体的安全风险评估报告。适用于需要深入分析应用安全架构和潜在威胁的场景。
对代码库或特定路径进行威胁建模
枚举系统威胁或滥用路径
执行应用安全(AppSec)威胁建模
npx skills add tech-leads-club/agent-skills --skill security-threat-model -g -y
用于控制 Chrome 浏览器进行页面调试、性能分析、自动化操作及安全检查的技能。
debug this page
take a screenshot
check network requests
profile performance
npx skills add tech-leads-club/agent-skills --skill chrome-devtools -g -y
用于调试和修复 GitHub Actions PR 检查失败。通过 gh CLI 获取日志,总结失败原因,制定修复计划并在用户批准后实施。
GitHub PR 检查失败需要排查
请求修复 GitHub Actions 工作流错误
npx skills add tech-leads-club/agent-skills --skill gh-fix-ci -g -y
监控 Nx Cloud CI 流水线状态并自动执行自愈修复。当用户请求检查 CI 状态、监控管道或修复失败时触发,需连接 Nx Cloud,不支持本地任务执行。
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 工作区中执行构建、测试、 lint、服务及受影响项目任务。支持单任务、多任务和基于变更的任务运行,适用于开发流程中的代码执行与验证环节。
用户要求运行测试或构建应用
需要执行 lint 或受影响的命令
提及 nx run, run-many 或 affected
npx skills add tech-leads-club/agent-skills --skill nx-run-tasks -g -y
用于配置、探索和优化 Nx monorepo 工作区,涵盖项目结构分析、边界配置、构建缓存优化及 CI/CD 集成。
设置 Nx 工作区
分析受影响的项目
优化构建缓存
实现基于 affected 的 CI/CD
npx skills add tech-leads-club/agent-skills --skill nx-workspace -g -y


