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 (93)
Showing top 50 of 93 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
识别组件层级问题，发现根命名空间中的孤立类，并提供扁平化重构方案。用于清理组件结构、修复模块层次及确保组件仅作为叶子节点存在。
清理组件结构
查找孤立类
修复模块层级
扁平化嵌套组件
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战略设计分析代码库，识别核心、支持及通用子域，建议限界上下文和服务边界，评估领域内聚性。
询问代码库中的业务领域划分
确定服务边界或限界上下文
进行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规范。
重构存在大量布尔属性的组件
构建可复用的组件库
设计灵活的组件API
审查组件架构
使用复合组件或上下文提供者
npx skills add tech-leads-club/agent-skills --skill react-composition-patterns -g -y
用于在 Cloudflare 平台（Workers、Pages 等）部署应用和基础设施的 Skill，涵盖认证、产品选型及各类服务配置。
用户请求将项目部署或发布到 Cloudflare
需要配置 Cloudflare Workers 或 Pages 环境
npx skills add tech-leads-club/agent-skills --skill cloudflare-deploy -g -y
自动化将 Web 项目部署到 Netlify，支持 CLI 认证、站点关联及生产/预览环境发布。
部署网站到 Netlify
发布 Netlify 站点
创建 Netlify 预览链接
npx skills add tech-leads-club/agent-skills --skill netlify-deploy -g -y
用于在 Render 平台部署应用，支持生成 render.yaml 蓝图或通过 MCP 工具直接创建服务。涵盖 Git 托管流程，指导用户配置环境、处理依赖及保护 API 密钥安全。
部署应用到 Render
生成 render.yaml 蓝图
在 Render 上托管应用
npx skills add tech-leads-club/agent-skills --skill render-deploy -g -y
将应用部署到 Vercel，支持预览和正式环境。处理认证失败回退、超时及沙箱网络权限问题，返回部署链接。
用户请求部署应用或网站
用户要求生成预览部署链接
用户指令包含 deploy, push live
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编辑器中创建具有隔离上下文的AI子智能体，支持复杂多步工作流。
cursor subagent
cursor agent
npx skills add tech-leads-club/agent-skills --skill cursor-subagent-creator -g -y
指导创建具有隔离上下文的专业化AI子代理，适用于复杂多步工作流、验证或调试场景。提供结构定义与元数据配置指南。
创建子代理
新建专用助手
创建验证器
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 设计稿转换为高保真生产代码。通过 Figma MCP 获取节点上下文与设计规范，确保像素级还原并符合项目约定。适用于提供 Figma URL 或节点 ID 时实现设计组件的场景。
用户要求根据 Figma 链接或节点 ID 生成前端代码
需要将 Figma 设计稿转化为具有视觉一致性的组件
npx skills add tech-leads-club/agent-skills --skill figma-implement-design -g -y
利用 Figma MCP 服务器获取设计上下文、截图及资产，并将 Figma 节点转化为符合项目规范的生产代码。适用于涉及 Figma URL、设计转代码实现或 MCP 配置排障的场景，确保视觉与行为的一致性。
需要基于 Figma 链接提取节点并生成前端代码
进行设计到代码的转换任务
Figma MCP 服务配置或故障排查
npx skills add tech-leads-club/agent-skills --skill figma -g -y
用于创建具有独特设计感的生产级前端界面，避免通用AI美学。指导用户构建网页组件、页面及应用，强调大胆的美学方向、排版、色彩及布局细节，生成视觉 striking 且功能完善的代码。
需要构建网页组件或页面
要求生成具有高设计质量的界面代码
请求制作海报或应用程序的前端部分
npx skills add tech-leads-club/agent-skills --skill frontend-design -g -y
审查UI代码是否符合Web界面指南，涵盖无障碍、交互、样式等规范。适用于用户要求检查设计合规性、可访问性或UX最佳实践的场景，非性能或SEO审计。
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工具执行搜索、创建、更新页面及评论等操作。自动检测配置，优先使用自然语言搜索，支持Markdown内容管理。
在Confluence中搜索文档或页面
创建新的Confluence页面
更新现有Confluence页面
列出Confluence空间
向页面添加评论
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 获取当前分支的 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，支持自动检测项目配置。涵盖搜索、创建、更新、状态流转及任务查询等功能，提升敏捷开发中的 issue 管理效率。
创建 Jira ticket
更新我的 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
tlc-discover
npx skills add tech-leads-club/agent-skills --skill tlc-discover -g -y
将已规划的工作转化为实现，提取检查清单并构建，通过独立验证器证明每个检查项。支持不同详细程度的验证配置。
extract a checklist
build this ticket
implement this spec
tlc-implement
npx skills add tech-leads-club/agent-skills --skill tlc-implement -g -y
专注UGC广告增长策略，涵盖创作者招募、AI内容生成、创意测试及付费放大。提供从有机验证到规模化投放的完整框架，适用于TikTok等平台，不涉及技术实现。
创建UGC广告活动
招募UGC创作者
生成AI UGC内容
提及Spark Ads或白名单
进行UGC测试
npx skills add tech-leads-club/agent-skills --skill ai-ugc-ads -g -y
面向GTM战略家的技能，专注于通过自动化客户成功、健康评分和流失挽回构建留存与扩展系统，优化净收入留存率(NRR)并降低流失。
用户希望减少流失或构建扩展收入
提及NRR、续订、增购或客户成功
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、查询生产错误或生成报告，需配置认证令牌，不用于SDK配置或告警设置。
检查Sentry
生产环境有什么错误
总结Sentry问题
最近的崩溃
生产错误报告
npx skills add tech-leads-club/agent-skills --skill sentry -g -y
专注于优化LCP、INP和CLS三大核心Web指标，以提升页面体验和搜索排名。提供具体修复方案如预加载、内联关键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 框架的性能优化指南，通过集成 astro-critters 和 @playform/compress 实现关键 CSS 内联与资源压缩，结合字体加载策略和 LCP 图片预加载，助力网站获得 95+ Lighthouse 评分。
需要优化 Astro 网站性能
追求高 Lighthouse 评分
配置 critical CSS 或资源压缩
npx skills add tech-leads-club/agent-skills --skill perf-astro -g -y
提供Lighthouse性能审计的CLI、Node API及CI集成指南，支持报告解析与性能预算设置。用于网站性能测量、分数解读及自动化审计流程。
lighthouse
run lighthouse
lighthouse score
performance audit
performance budget
npx skills add tech-leads-club/agent-skills --skill perf-lighthouse -g -y
提供Web性能优化方案，涵盖图片、字体、第三方脚本处理及代码分割策略，旨在提升页面加载速度并降低包体积。
网站加载缓慢
需要减小打包体积
修复布局偏移问题
优化Lighthouse评分
npx skills add tech-leads-club/agent-skills --skill perf-web-optimization -g -y
提供React和Next.js性能优化指南，涵盖消除瀑布流、Bundle优化及服务端性能等57条规则。用于编写、审查或重构代码以确保最佳性能表现。
编写React组件或Next.js页面
实现数据获取逻辑
审查代码性能问题
重构现有代码以提升性能
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
npx skills add tech-leads-club/agent-skills --skill seo -g -y
基于WCAG 2.1标准审计和改进网页无障碍性，涵盖图片替代文本、图标按钮命名及色彩对比度等核心原则，确保内容对所有用户可用。
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
根据语言和框架提供安全最佳实践指导、代码审查及漏洞报告。支持识别上下文技术栈，加载对应参考文档，用于编写安全默认代码、被动检测漏洞或生成修复建议的安全报告。
用户请求安全最佳实践指南
要求进行安全审查或报告
需要默认安全的编码帮助
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 测试。
用户需要调试网页或检查控制台错误
用户要求截取网页屏幕快照
用户希望分析网络请求或页面加载性能
npx skills add tech-leads-club/agent-skills --skill chrome-devtools -g -y
用于调试和修复 GitHub Actions 中失败的 PR 检查。通过 gh CLI 获取日志、总结失败原因，制定修复计划并在用户批准后实施，仅限 GitHub Actions 环境。
GitHub PR 检查失败需要排查
请求修复 GitHub Actions CI 任务
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工作区中执行构建、测试、代码检查和服务等任务。支持单项目运行、多项目批量运行及基于变更的影响分析，帮助开发者高效管理前端项目的开发与发布流程。
执行构建或测试任务
对受影响的代码进行 lint 或测试
启动开发服务器
批量运行多个项目任务
npx skills add tech-leads-club/agent-skills --skill nx-run-tasks -g -y
用于 Nx 单体仓库的配置、探索与优化，包括项目结构分析、边界配置及构建缓存优化。
配置 Nx 工作区
探索项目结构
分析受影响项目
npx skills add tech-leads-club/agent-skills --skill nx-workspace -g -y
基于 Playwright 的通用浏览器自动化技能，支持自动检测开发服务器、编写并执行测试脚本。涵盖页面测试、表单填写、截图、响应式设计及登录流程验证等场景，适用于 Web 功能测试与交互自动化。
需要自动化浏览器操作
进行 Web 页面或 UI 测试
验证网站功能或 UX
拍摄网页截图
npx skills add tech-leads-club/agent-skills --skill playwright-skill -g -y
