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 (88)
Showing top 50 of 88 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
基于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战略设计分析代码库，识别核心、支持及通用子域，建议限界上下文及服务边界，辅助理解业务能力和规划重构。
询问代码库中的业务领域
确定服务边界划分
识别限界上下文
对子域进行分类
进行DDD领域分析
npx skills add tech-leads-club/agent-skills --skill domain-analysis -g -y
将现有组件按业务领域分组，为服务化架构规划提供依据。适用于组件归类、域名映射及命名空间重构，不用于从零识别新领域或分析耦合度。
将组件分组到逻辑领域
识别组件所属领域以构建服务架构
从组件创建领域分组
分析组件与领域的归属关系
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组件组合模式指南，解决布尔属性泛滥问题。涵盖复合组件、状态提升及React 19 API变更，适用于重构复杂组件、构建可复用库或审查架构。
重构具有大量布尔属性的组件
构建可复用的组件库
设计灵活的组件API
审查组件架构
npx skills add tech-leads-club/agent-skills --skill react-composition-patterns -g -y
Cloudflare平台部署技能，涵盖Workers、Pages等服务。支持代码运行、数据存储、AI/ML及网络安全的决策引导与部署流程，包括认证配置和环境设置。
用户请求在Cloudflare上部署应用或基础设施
需要托管、发布项目到Cloudflare
npx skills add tech-leads-club/agent-skills --skill cloudflare-deploy -g -y
自动化将 Web 项目部署至 Netlify，支持 CLI 认证、站点链接及构建发布。适用于用户请求在 Netlify 上部署、托管或发布网站/仓库的场景，涵盖预览和生产环境部署。
部署到 Netlify
在 Netlify 上托管网站
发布 Netlify 站点
链接 Netlify 仓库
npx skills add tech-leads-club/agent-skills --skill netlify-deploy -g -y
用于将应用部署到 Render 云平台。通过分析代码库生成 render.yaml 蓝图或创建服务，支持 Git 托管和预构建镜像，提供安全配置指导及 Dashboard 链接。
用户希望部署应用到 Render
需要生成 Render 部署蓝图
在 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），涵盖架构决策、实施计划及风险评估。适用于新功能开发、系统集成、系统迁移等场景，旨在促进团队对齐和利益相关者审批。
用户要求编写设计文档或 TDD
启动新功能或集成项目前
需要为重大技术变更制定方案
npx skills add tech-leads-club/agent-skills --skill technical-design-doc-creator -g -y
用于在Cursor编辑器中创建具有隔离上下文的AI子智能体，支持复杂多步工作流。适用于需要专业化、可复用且需并行或顺序执行的场景。
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等方式寻找盲点和假设，不生成解决方案。
挑战想法或计划
运行预-mortem分析
红队测试设计
npx skills add tech-leads-club/agent-skills --skill the-fool -g -y
将 Figma 设计稿转换为高保真生产代码的 Skill。通过 Figma MCP 获取节点上下文、布局与样式，确保像素级还原。适用于提供 Figma URL 或节点 ID 并要求实现指定设计的场景。
用户要求根据 Figma 链接实现 UI 组件或页面
用户提供 Figma 节点 ID 并要求生成对应代码
npx skills add tech-leads-club/agent-skills --skill figma-implement-design -g -y
通过 Figma MCP 服务器获取设计上下文、截图及资产，并将 Figma 节点转换为符合项目规范的生产代码。涵盖数据获取、探索及设计转代码的实现流程。
需要获取 Figma 设计上下文或截图
将 Figma 设计节点转换为前端代码
处理 Figma URL 或 Node ID
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界面指南，涵盖无障碍、交互、样式等规范。适用于用户要求检查UI、可访问性或设计合规性的场景。
review my UI
check accessibility
audit design
review UX
check my site against best practices
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格式，提供详细工作流与最佳实践指南。
搜索Confluence页面或文档
创建新的Confluence页面
更新现有Confluence页面
列出Confluence空间
在页面上添加评论
npx skills add tech-leads-club/agent-skills --skill confluence-assistant -g -y
用于撰写、审查和编辑技术文档，确保结构一致、语气准确且技术无误。适用于创建README、更新docs目录或用户明确要求编写文档的场景。
用户说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 获取当前分支的 PR 评论，向用户展示并确认需修复的内容，随后应用修改以解决审查反馈。
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 问题，支持搜索、创建、更新、状态流转及 Sprint 任务处理。自动检测工作区配置以获取项目信息，提供自然语言与 JQL 查询能力。
创建 Jira 工单
更新我的 Sprint
检查 Jira 状态
转移此问题
搜索 Jira
将票证移至完成
npx skills add tech-leads-club/agent-skills --skill jira-assistant -g -y
专注于UGC广告增长的策略技能，涵盖创作者招募、AI内容生成、创意测试及付费放大。提供从有机验证到规模化投放的完整框架，适用于TikTok、Meta等平台，旨在通过结构化流程实现盈利增长。
创建UGC广告活动
招募UGC创作者
生成AI UGC内容
使用Spark Ads或白名单投放
提及UGC测试或创作者简报
npx skills add tech-leads-club/agent-skills --skill ai-ugc-ads -g -y
专注于SaaS客户成功、留存率优化及扩张收入增长的GTM策略技能。通过NRR分析、健康评分和自动化流程，帮助减少流失并提升净收入留存率。
用户希望降低客户流失率
构建扩张收入系统
优化净收入留存率(NRR)
提及churn, retention, upsell等关键词
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只读查询生产环境错误、汇总问题及拉取健康数据，适用于检查Sentry、查看近期崩溃或生成生产错误报告等场景。
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三大核心网页指标提供优化方案，以提升页面体验和搜索排名。涵盖加载、交互性和视觉稳定性问题修复及检查清单。
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 框架的性能优化指南，提供获取95+ Lighthouse分数的方案。涵盖关键CSS内联、资源压缩、字体加载及LCP优化等具体配置与布局模式。
Astro 网站性能优化
提升 Lighthouse 评分
配置 astro-critters
npx skills add tech-leads-club/agent-skills --skill perf-astro -g -y
通过 CLI 或 Node API 运行 Lighthouse 审计，解析报告并设置性能预算。适用于测量网站性能、分析分数及集成至 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性能优化的系统方法，涵盖图片、字体、第三方脚本优化及代码分割。用于解决页面加载慢、包体积大、布局偏移等问题，提升LCP/INP等核心指标。
网站加载速度慢
需要减小Bundle体积
优化懒加载策略
修复布局偏移
npx skills add tech-leads-club/agent-skills --skill perf-web-optimization -g -y
基于Vercel工程团队的React和Next.js性能优化指南，提供57条规则，用于指导代码编写、审查及重构，涵盖消除瀑布流、包体积优化及服务端性能等关键领域。
编写新的React组件或Next.js页面
实施数据获取逻辑
审查代码以发现性能问题
重构现有React/Next.js代码
优化包体积或加载时间
npx skills add tech-leads-club/agent-skills --skill react-best-practices -g -y
用于优化搜索引擎可见性和排名的技能，涵盖技术SEO、页面优化及结构化数据。适用于改进SEO、修复元标签、添加结构化数据或优化站点地图等场景。
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无障碍性，涵盖图像替代文本、图标命名、视觉隐藏类及色彩对比度等规范，确保内容对残障人士可用。
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
综合网页质量审计技能，基于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
基于代码库进行威胁建模，识别信任边界、资产和攻击路径，生成具体的安全分析报告。用于评估代码安全风险，而非通用架构总结或最佳实践检查。
对代码库进行威胁建模
枚举威胁或滥用路径
执行应用安全威胁建模
npx skills add tech-leads-club/agent-skills --skill security-threat-model -g -y
基于 Chrome DevTools MCP 的浏览器控制技能，支持页面自动化、视觉检查、调试及性能分析。用于处理截图、网络请求、控制台错误和性能瓶颈排查等场景。
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 PR 检查失败
需要查看 GitHub Actions 运行日志
npx skills add tech-leads-club/agent-skills --skill gh-fix-ci -g -y
监控 Nx Cloud CI 流水线状态并自动执行自愈修复。通过子代理轮询 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工作区中执行构建、测试、代码检查和启动等任务。支持单项目运行、批量运行及基于变更的项目运行，帮助用户高效管理前端或全栈项目的日常开发流程。
执行构建或测试命令
检查受影响项目的任务
Nx工作区任务执行
npx skills add tech-leads-club/agent-skills --skill nx-run-tasks -g -y
管理 Nx monorepo 工作区，涵盖项目探索、配置解析、依赖分析及 CI/CD 集成。用于优化构建缓存和设置项目边界。
配置 Nx 工作区结构
分析受影响的项目
优化构建缓存
集成 CI/CD 流程
npx skills add tech-leads-club/agent-skills --skill nx-workspace -g -y
基于 Playwright 的浏览器自动化技能，支持自动检测本地开发服务器、编写测试脚本及执行。适用于页面测试、表单填写、截图、响应式设计及登录流程验证等 Web 功能测试场景。
需要自动化浏览器操作
进行 Web 页面功能测试
验证前端 UI 或交互逻辑
npx skills add tech-leads-club/agent-skills --skill playwright-skill -g -y
指导构建演进式模块化单体架构，涵盖DDD边界定义、模块组织、防腐层、事件驱动、韧性设计及2026技术栈选型。适用于平台设计、上下文映射及架构文档生成。
设计新平台或后端服务
定义限界上下文和上下文映射
决定单体与微服务架构选型
集成外部系统（如ERP、AI）并解耦
实现调用韧性与实时推送
选择现代TypeScript技术栈
生成架构图或文档
npx skills add tech-leads-club/agent-skills --skill evolutionary-modular-architecture -g -y
前端设计咨询技能，引导用户通过结构化流程收集视觉参考和设计偏好，确保高保真输出。适用于构建、改进UI或界面，不处理后端逻辑。
构建或设计前端界面
提供设计参考或截图
改善布局或视觉效果
npx skills add tech-leads-club/agent-skills --skill frontend-blueprint -g -y
