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 (95)
Showing top 50 of 95 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
检测并修复组件层级问题，识别根命名空间中的孤立类，确保组件仅作为叶子节点存在。用于清理结构、扁平化嵌套组件及生成重构计划。
find orphaned classes in root namespaces
flatten component hierarchies
clean up component structure
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
将现有组件按业务领域分组，为服务化架构规划提供依据。用于组件归类、命名空间重构及领域映射分析。
Group components into logical domains
organize by domain
component-to-domain mapping
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架构
npx skills add tech-leads-club/agent-skills --skill react-composition-patterns -g -y
用于将应用和基础设施部署到 Cloudflare 平台（Workers, Pages 等）的技能。提供认证检查及针对代码运行、数据存储、AI/ML、网络和安全的决策树，辅助选择具体产品并加载参考文档。
用户请求在 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 蓝图或直接创建服务。指导用户配置 Git 远程仓库、处理 API 密钥安全及环境变量，涵盖基础设施即代码与直接创建流程。
用户希望将应用部署或托管到 Render
需要生成 Render 部署蓝图文件
询问如何在 Render 上发布或设置应用
npx skills add tech-leads-club/agent-skills --skill render-deploy -g -y
用于将应用部署至 Vercel，支持预览和指定生产环境发布。包含 CLI 命令执行、超时设置及无认证时的脚本回退方案，并处理沙箱网络权限升级等故障排查。
用户请求部署应用或网站
用户要求获取部署链接
用户明确要求推送上线
用户请求创建预览部署
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，专用于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链接并请求实现设计
在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美学。适用于构建网页组件、页面或应用，强调大胆的美学方向、排版、色彩和布局细节，生成高质量且富有创意的代码实现。
用户要求构建前端界面
需要设计独特的UI组件
请求生成具有特定美学风格的网页代码
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页面内容
列出或导航Confluence空间
在页面上添加评论
npx skills add tech-leads-club/agent-skills --skill confluence-assistant -g -y
专注于技术文档的撰写、审查与编辑，确保内容结构一致、语气专业且技术准确。适用于创建README、更新/docs目录及Markdown文件，强调基于代码验证准确性并遵循项目规范。
用户请求编写或改进文档
需要审查Markdown文件
npx skills add tech-leads-club/agent-skills --skill docs-writer -g -y
处理 GitHub PR 的 Review 和 Issue 评论。通过 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
Jira助手，通过Atlassian MCP工具管理Jira问题，支持搜索、创建、更新、状态流转及Sprint任务处理。自动检测工作区配置，提供基于自然语言和JQL的查询策略，优化Issue操作效率。
创建Jira工单
更新Sprint状态
检查Jira状态
转换Issue状态
搜索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
用于实现已规划任务，提取检查清单并构建，通过独立验证器证明每项检查。支持light/standard/ui多种配置级别，确保构建过程忠实于设计且可验证。
extract a checklist
build this ticket
implement this spec
tlc-implement
npx skills add tech-leads-club/agent-skills --skill tlc-implement -g -y
通过结构化访谈梳理产品背景、问题与决策，生成不包含技术方案的 PRD 文件。适用于需求定义阶段，禁止涉及技术选型或任务拆解。
write the PRD
create the PRD
product spec
product requirements
npx skills add tech-leads-club/agent-skills --skill tlc-prd -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基准、健康评分及自动化续费等场景，不处理技术实现。
减少客户流失
构建扩张收入
优化净收入留存
提及 churn, retention, upsell, 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配置或告警设置。
检查Sentry
生产环境有什么错误
汇总Sentry问题
最近的崩溃
生产错误报告
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
npx skills add tech-leads-club/agent-skills --skill core-web-vitals -g -y
提供 Astro 框架的性能优化指南，通过集成 astro-critters 和 @playform/compress 实现关键 CSS 内联、资源压缩及字体加载优化，旨在帮助站点获得 95+ 的 Lighthouse 分数。
优化 Astro 网站性能
提升 Lighthouse 评分
配置关键 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性能优化指南，涵盖图片、字体、代码分割及缓存策略。用于解决页面加载慢、包体积大等问题，提升LCP/INP等核心指标。
网站加载速度慢
需要减小Bundle体积
优化首屏渲染时间
修复布局偏移
npx skills add tech-leads-club/agent-skills --skill perf-web-optimization -g -y
提供React和Next.js性能优化指南，涵盖消除瀑布流、包体积优化及服务端性能等规则。用于编写、审查或重构代码以确保最佳性能模式，特别关注数据获取和加载速度优化。
编写新的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
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标准，对网站性能、无障碍、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
npx skills add tech-leads-club/agent-skills --skill chrome-devtools -g -y
该技能用于调试和修复 GitHub Actions 中失败的 PR 检查。通过 gh CLI 获取日志、分析失败原因，并生成修复计划，经用户批准后方可实施，专注于 GitHub 环境下的 CI 故障排查。
GitHub PR 检查失败
需要查看 GitHub Actions 运行日志
修复 CI/CD 流水线中的测试或构建错误
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、serve 等任务。支持单项目运行、多项目批量运行及受影响项目分析，适用于 CI/CD 和大型工作区的自动化流程管理。
用户请求运行测试或构建
需要执行 lint 检查
指定服务特定项目
分析并运行受影响的项目
npx skills add tech-leads-club/agent-skills --skill nx-run-tasks -g -y
用于配置、探索和优化 Nx monorepo 工作区。涵盖项目结构分析、依赖边界配置、构建缓存优化及 CI/CD 集成，辅助开发者管理多项目仓库架构与流水线。
配置 Nx monorepo 工作区
分析受影响的项目或依赖关系
优化 Nx 构建缓存策略
设置 Nx CI/CD 流水线
npx skills add tech-leads-club/agent-skills --skill nx-workspace -g -y
