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.
识别跨组件重复的业务逻辑并建议合并，以消除冗余、提升可维护性。适用于分析组件重叠、寻找共享领域逻辑或规划代码整合的场景，不用于代码级重复检测。
where is this logic duplicated?
find common code between services
what can be consolidated?
detect shared domain logic
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
将现有组件按业务领域分组，规划服务架构。适用于组件归类、命名空间重构及服务提取前的准备，不用于从零识别新领域或耦合分析。
Group components into logical domains
Identify component domains for service-based architecture
Analyze which components belong to which domains
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，提升代码可维护性。
重构包含大量布尔属性的组件
构建可复用的组件库
设计灵活的组件API
审查组件架构
使用复合组件或上下文提供者
npx skills add tech-leads-club/agent-skills --skill react-composition-patterns -g -y
用于在 Cloudflare 平台（Workers、Pages等）部署应用和基础设施的聚合技能，提供认证、决策树及各类服务参考。
部署应用到 Cloudflare
配置 Cloudflare Workers 或 Pages
发布项目至 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 镜像部署，强调安全处理密钥及引导用户配置。
部署应用到 Render
创建 render.yaml 蓝图
在 Render 上托管应用
npx skills add tech-leads-club/agent-skills --skill render-deploy -g -y
将应用部署到 Vercel，支持预览和指定生产环境。提供 CLI 及无认证脚本两种部署方式，处理超时、权限升级等异常，返回部署链接。
deploy my app
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等业界标准，适用于新功能开发、系统迁移或重大技术变更前。
用户要求编写技术设计文档
创建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设计稿转化为高保真生产代码，确保像素级还原。支持通过URL或桌面端选择节点获取设计上下文，提取布局、样式和组件信息并生成代码。
用户提供Figma链接要求实现设计
需要将设计稿转换为前端代码
npx skills add tech-leads-club/agent-skills --skill figma-implement-design -g -y
基于 Figma MCP 服务器，将设计稿转化为前端代码。涵盖获取设计上下文、截图及资产，并遵循特定流程实现像素级还原，同时适配项目现有的组件库与设计规范。
需要将 Figma 设计节点转换为生产代码
获取 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 界面设计规范，涵盖无障碍、交互模式及视觉设计。适用于用户请求检查 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工具执行搜索、创建、更新页面及空间管理等操作。支持自动检测项目配置，强调使用Markdown格式内容并优先通过自然语言搜索高效获取文档信息。
用户需要搜索Confluence中的页面或文档
用户要求创建新的Confluence页面
用户请求更新现有的Confluence页面
用户希望列出或导航Confluence空间
用户需要在页面上添加评论
npx skills add tech-leads-club/agent-skills --skill confluence-assistant -g -y
用于撰写、审查和编辑技术文档，确保内容准确、结构一致且易于理解。适用于创建README、更新/docs目录及Markdown文件优化。
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
通过 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 任务处理，自动检测工作区配置。
创建 Jira 工单
更新 Sprint
检查 Jira 状态
转换问题状态
搜索 Jira 问题
npx skills add tech-leads-club/agent-skills --skill jira-assistant -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)
提及 churn, upsell, renewal 等关键词
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只读查询生产环境错误、汇总问题及获取健康数据。支持列出未解决Issue、查看事件详情，需配置认证Token。
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三大核心网页指标提供优化方案，提升页面加载速度、交互响应和视觉稳定性，改善用户体验及SEO排名。
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框架的性能优化方案，通过集成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 及 GitHub Actions 集成方案，用于执行网站性能审计、解析报告及配置性能预算。适用于测量性能指标和 CI 流程集成。
lighthouse
run lighthouse
lighthouse score
performance audit
performance budget
npx skills add tech-leads-club/agent-skills --skill perf-lighthouse -g -y
提供Web性能优化系统方案，涵盖图片、字体、第三方脚本优化，代码分割、缓存策略及Bundle分析。用于解决页面加载慢、体积大、布局偏移等问题，提升LCP/INP等核心指标。
网站加载缓慢
需要减小打包体积
修复布局偏移(CLS)
优化首屏交互时间(TTI)
实施懒加载
npx skills add tech-leads-club/agent-skills --skill perf-web-optimization -g -y
基于 Vercel Engineering 的 React 和 Next.js 性能优化指南，提供57条规则。用于编写、审查或重构代码时确保最佳性能模式，涵盖消除瀑布流、包体积优化及渲染性能等。
React组件或Next.js页面开发
代码审查以发现性能问题
重构现有代码以提升性能
优化数据获取与包体积
npx skills add tech-leads-club/agent-skills --skill react-best-practices -g -y
提供搜索引擎优化技能，涵盖技术SEO、页面优化和结构化数据。指导配置robots.txt、meta标签、规范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、安全头、依赖审计及输入 sanitization 等，用于代码质量审查与安全加固。
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 DevTools MCP控制浏览器，用于页面调试、性能分析、截图及自动化操作。
debug this page
take a screenshot
check network requests
profile performance
inspect console errors
npx skills add tech-leads-club/agent-skills --skill chrome-devtools -g -y
用于调试和修复 GitHub Actions 中失败的 PR 检查。通过 gh CLI 获取日志、分析失败原因、制定修复计划并在用户批准后实施，仅支持 GitHub Actions，排除其他 CI 工具。
用户请求排查 GitHub PR 检查失败
需要查看 GitHub Actions 运行日志以定位错误
npx skills add tech-leads-club/agent-skills --skill gh-fix-ci -g -y
监控 Nx Cloud CI 流水线状态并自动执行自愈修复。通过轮询 CIPE 结果，支持配置超时、重试及自动修复工作流（如锁文件更新），需验证 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、serve 等任务。支持单项目运行、批量运行及基于变更的受影响项目运行，帮助用户高效管理多项目工程的任务调度。
run tests
build my app
lint affected
serve the project
run all tasks
nx affected
npx skills add tech-leads-club/agent-skills --skill nx-run-tasks -g -y
管理 Nx monorepo 工作区，涵盖项目配置、结构探索、影响分析及 CI/CD 集成。用于优化构建缓存和设置项目边界，不包含代码生成或任务执行。
配置 Nx monorepo 工作区
分析受影响的项目
优化构建缓存
实现 CI/CD 流程
npx skills add tech-leads-club/agent-skills --skill nx-workspace -g -y
基于 Playwright 的浏览器自动化技能，支持自动检测开发服务器、编写测试脚本、执行页面测试、表单填充、截图及响应式设计验证等任务。
用户希望自动化浏览器交互
需要测试网站功能或验证 UX
进行登录流程或链接检查
npx skills add tech-leads-club/agent-skills --skill playwright-skill -g -y
指导设计实现演进式模块化单体平台，涵盖DDD、防腐层、弹性机制及2026技术栈选型。用于定义限界上下文、模块组织、架构决策及生成架构图，避免简单CRUD或纯领域模型审查。
设计新平台或后端服务
定义限界上下文和上下文映射
选择单体与微服务架构
集成外部系统（如ERP、AI）
实现调用弹性和实时推送
技术栈选型
生成架构文档或图表
npx skills add tech-leads-club/agent-skills --skill evolutionary-modular-architecture -g -y
前端设计顾问，通过结构化发现流程收集视觉参考和设计偏好，确保高保真UI实现。适用于网站、组件等界面构建与优化，不处理后端逻辑。
用户请求构建或改进前端界面
提供设计参考或截图
涉及UI/UX设计咨询
npx skills add tech-leads-club/agent-skills --skill frontend-blueprint -g -y
