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
基于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
将现有组件按业务领域分组，规划服务化架构。适用于组件归类、服务提取及命名空间重构，用于明确业务边界与能力归属。
将组件分组到逻辑领域
为服务化架构识别组件领域
从现有代码库规划服务提取
分析组件所属业务域
npx skills add tech-leads-club/agent-skills --skill domain-identification-grouping -g -y
用于规划遗留系统迁移、代码现代化及单体分解的专家技能。基于证据生成迁移路线图，遵循毒 fig 模式，涵盖研究分析与策略制定，不执行具体实施。
规划遗留系统迁移
单体应用分解为微服务
跨语言或框架重构路线图设计
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 等）上部署应用和基础设施。涵盖认证、代码运行、数据存储及 AI 等场景的决策引导，支持本地与 CI/CD 环境下的发布操作。
部署应用到 Cloudflare
托管 Web 项目到 Pages
配置 Workers 服务器less函数
设置 Cloudflare 身份认证
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 镜像部署，并提供 Dashboard 深度链接，同时强调 API 密钥的安全处理规范。
用户希望部署应用到 Render
需要创建 render.yaml 蓝图文件
在 Render 上设置应用托管或发布
npx skills add tech-leads-club/agent-skills --skill render-deploy -g -y
用于将应用部署到 Vercel，支持预览和正式环境。包含 CLI 命令、无认证 fallback 脚本及网络权限升级指引。
用户请求部署应用到 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)，涵盖架构决策、实施计划及风险评估。支持多语言自适应，遵循Google/Amazon等业界标准，适用于新功能、系统迁移或重大变更前文档化需求。
用户请求编写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等结构化方法发现盲点和假设，不生成解决方案。
质疑想法或决策
压力测试假设
npx skills add tech-leads-club/agent-skills --skill the-fool -g -y
将 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节点转换为符合项目规范的React+Tailwind代码。适用于涉及Figma链接、设计转代码实现或相关配置排障的场景。
需要将Figma设计稿转换为前端代码
需要获取Figma节点的结构化数据或截图
处理Figma链接中的特定节点实现
npx skills add tech-leads-club/agent-skills --skill figma -g -y
指导创建独特且生产级的前端界面，避免通用AI美学。适用于构建Web组件、页面或应用，强调大胆的设计方向、排版、色彩及布局细节，生成高质量代码。
用户要求构建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搜索、创建、更新页面及空间管理。自动检测配置，优先使用自然语言搜索，强制Markdown格式，适用于文档协作场景。
搜索Confluence页面或文档
创建新的Confluence页面
更新现有页面内容
列出或导航Confluence空间
在页面上添加评论
npx skills add tech-leads-club/agent-skills --skill confluence-assistant -g -y
用于编写、审查和编辑技术文档，确保结构一致、语气恰当且技术准确。适用于创建 README、更新 docs 目录或改进指南，但不处理代码注释或 API 参考生成。
用户请求编写文档
审查 Markdown 文件
改进 README
创建指南
npx skills add tech-leads-club/agent-skills --skill docs-writer -g -y
该技能用于通过gh CLI处理当前分支GitHub PR的审查和Issue评论。它引导用户查看评论、澄清需求并应用修复，专门针对PR反馈场景，不用于创建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
Jira助手，通过Atlassian MCP工具管理Jira问题，支持搜索、创建、更新、状态流转及Sprint任务处理。自动检测工作区配置，适用于创建工单、检查状态等场景。
create a Jira ticket
update my sprint
check Jira status
transition this issue
search Jira
move ticket to done
npx skills add tech-leads-club/agent-skills --skill jira-assistant -g -y
用于需求探索与决策制定的技能。通过结构化访谈厘清现状、问题与结论，生成包含设计、流程、Schema 及契约的设计文档，辅助团队在不参与讨论的情况下进行规划，严禁用于具体实现或任务拆分。
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或白名单
使用Creatify等工具
npx skills add tech-leads-club/agent-skills --skill ai-ugc-ads -g -y
专注降低流失、构建扩张收入及优化净收入留存率的GTM策略技能。涵盖自动化客户成功、健康评分及流失重触达系统，旨在将现有客户转化为增长引擎。
用户希望减少客户流失
构建扩张收入
提及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 只读查询生产环境错误、汇总问题及拉取健康数据。需配置认证令牌，支持列出未解决议题、获取详情与事件，禁止用于 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三大核心网页指标提供优化方案，改善页面体验与搜索排名。涵盖服务端响应、渲染阻塞资源、图片加载及客户端渲染延迟等问题的修复策略。
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内联、资源压缩及字体加载优化，旨在提升Lighthouse评分。
需要优化Astro网站性能
目标达到95+ Lighthouse分数
配置astro-critters插件
npx skills add tech-leads-club/agent-skills --skill perf-astro -g -y
通过CLI或Node API运行Lighthouse审计，解析报告并设置性能预算。适用于测量网站性能、解读分数、配置预算或在CI中集成审计流程。
lighthouse
run lighthouse
lighthouse score
performance audit
performance budget
npx skills add tech-leads-club/agent-skills --skill perf-lighthouse -g -y
提供前端页面性能优化方案，涵盖图片、字体、第三方脚本、关键CSS及代码分割等策略，旨在提升加载速度并改善核心指标。
网站速度慢
需要减小包体积
修复布局偏移
提升交互时间
优化Lighthouse分数
npx skills add tech-leads-club/agent-skills --skill perf-web-optimization -g -y
基于Vercel Engineering的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、页面优化及结构化数据。用于处理robots.txt配置、XML站点地图生成、URL结构优化及元标签设置，以提升网站在搜索引擎中的可见性和排名。
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 原则、合规级别及可感知性规范（如图片替代文本、图标按钮命名、色彩对比度），旨在提升内容对残障用户的可用性。
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开发最佳实践，涵盖安全、兼容性与代码质量。用于审计漏洞、现代化代码及提升安全性，排除无障碍和SEO场景。
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的综合Web质量审计技能，涵盖性能、无障碍、SEO等150+项检查。用于一次性审查网站多领域质量，提供分级问题分类及具体修复建议，非单一领域专注场景。
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级威胁建模，枚举信任边界、资产、攻击者能力及滥用路径，生成针对性Markdown报告。用于代码库安全分析，非通用架构总结或最佳实践检查。
用户要求对代码库进行威胁建模
需要枚举威胁或滥用路径
执行应用安全威胁建模
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 工作区中执行构建、测试、代码检查和开发服务等任务，支持单项目运行、批量运行及受影响项目分析。
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 工作区结构
分析项目依赖关系或受影响范围
设置 Nx CI/CD 流水线
npx skills add tech-leads-club/agent-skills --skill nx-workspace -g -y
基于 Playwright 的浏览器自动化技能，支持自动检测开发服务器、编写测试脚本及执行。用于网页功能验证、表单填写、截图、响应式设计及登录流程等交互测试，适用于前端 Web 应用的自动化测试场景。
需要自动化操作浏览器进行网页测试
请求对网站进行功能验证或 UI 检查
需要自动化填写表单或模拟用户交互
npx skills add tech-leads-club/agent-skills --skill playwright-skill -g -y
