Agent Skills
› MODSetter/SurfSense
MODSetter/SurfSense
GitHub提供代码库设计词汇与原则，指导定义深模块、接口和接缝，旨在通过小接口封装复杂逻辑，提升代码可测试性、AI导航性及维护本地性。
Install All Skills
npx skills add MODSetter/SurfSense --all -g -y
Skills in Collection (49)
提供代码库设计词汇与原则，指导定义深模块、接口和接缝，旨在通过小接口封装复杂逻辑，提升代码可测试性、AI导航性及维护本地性。
设计或改进模块接口
寻找代码深化机会
决定模块接缝位置
需要统一代码设计术语时
npx skills add MODSetter/SurfSense --skill codebase-design -g -y
将React项目从Radix UI迁移至Base UI，支持单组件或全项目。通过shadcn CLI生成基准文件并应用差异，确保构建可用及自定义样式保留。
请求从 radix 迁移到 base-ui
转换 radix 原语
切换 shadcn 项目的底层库
npx skills add MODSetter/SurfSense --skill migrate-radix-to-base -g -y
管理 shadcn/ui 组件，涵盖添加、搜索、修复、调试、样式调整和组合 UI。提供项目上下文、组件文档及使用示例，适用于涉及 shadcn/ui、组件注册表或包含 components.json 的项目。
使用 shadcn CLI 添加或搜索组件
处理 shadcn/ui 项目的样式与布局问题
构建基于 shadcn 的 UI 界面
npx skills add MODSetter/SurfSense --skill shadcn -g -y
指导测试驱动开发(TDD)实践，涵盖红绿重构循环、公共接口测试、接缝确认及反模式规避。适用于用户提及TDD、红绿重构或集成测试场景。
用户希望以测试优先方式构建功能或修复bug
用户提到“red-green-refactor”
用户希望进行集成测试
npx skills add MODSetter/SurfSense --skill tdd -g -y
管理SurfSense桌面应用界面文本的添加、变更与多语言翻译。规范ICU MessageFormat键值命名、格式化处理及翻译流程，确保本地化一致性与质量。
需要新增或修改界面文案
进行非英语语言的本地化翻译
调整国际化文件结构或术语表
npx skills add MODSetter/SurfSense --skill translate -g -y
配置SEO和GEO监控预警系统，自动检测排名下降、流量异常、技术故障及竞争对手动态，支持阈值设定、优先级分类与通知配置。
设置SEO监控告警
创建排名下降预警
监控技术SEO健康度
追踪竞争对手动向
npx skills add MODSetter/SurfSense --skill alert-manager -g -y
将模糊的动画描述反向查找为精确术语，帮助用户准确命名效果以便向AI或设计师提问。专注于词汇定义与辨析，不涉及设计或开发实现。
询问动画效果的名称
描述运动效果但不知其专业术语
npx skills add MODSetter/SurfSense --skill animation-vocabulary -g -y
用于分析网站反向链接配置，评估链接质量与权威性，识别有毒链接，发现外链建设机会并监控竞争对手的链接策略变化。
审计当前反向链接配置文件
识别有害或有毒链接
发现外链建设机会
分析竞争对手的反向链接策略
npx skills add MODSetter/SurfSense --skill backlink-analyzer -g -y
用于竞品SEO和GEO策略分析，涵盖关键词、内容、外链及技术评估，识别市场缺口与AI引用机会，为制定竞争策略提供可复用的情报输入。
进入新市场或细分领域
规划基于竞品成功的内容策略
分析竞品排名靠前的原因
寻找外链和合作机会
识别竞品遗漏的内容缺口
分析竞品在AI响应中的引用策略
基准测试自身SEO表现
npx skills add MODSetter/SurfSense --skill competitor-analysis -g -y
通过对比竞品分析内容缺口，发现缺失的主题、关键词及内容形式，生成优先级排序的研究简报和编辑日历，辅助制定内容策略。
规划内容策略与编辑日历
寻找快速见效的内容机会
分析竞争对手优势领域
识别细分市场中未满足的主题需求
npx skills add MODSetter/SurfSense --skill content-gap-analysis -g -y
基于CORE-EEAT标准的80项内容质量审计工具，提供加权评分、否决检查及修复计划，作为发布前的质量门禁。
用户询问内容是否准备好发布
完成SEO或GEO内容写作后自动触发
npx skills add MODSetter/SurfSense --skill content-quality-auditor -g -y
用于识别并更新过时内容以恢复搜索排名和流量。通过分析内容新鲜度、性能数据和竞争差距，提供优先级排序的更新建议和GEO优化策略。
内容排名或流量下降
统计数据过时
竞争对手发布更优内容
需要为新年更新内容
行业变化需更新内容
为现有内容添加新章节
将旧内容转换为GEO优化格式
npx skills add MODSetter/SurfSense --skill content-refresher -g -y
评估域名权威性与可信度，基于40项标准进行审计。涵盖引用、影响力、信任及实体评分，执行否决检查并生成改进计划，用于SEO/内容策略中的域名信誉验证。
用户询问网站或域名的可信度
SEO活动前评估域名权威性
竞争对手域名基准测试
识别PBN或链接农场等操纵行为
作为上游工具（如backlink-analyzer）的后续信誉核查
npx skills add MODSetter/SurfSense --skill domain-authority-auditor -g -y
基于Emil Kowalski的设计工程哲学，指导UI打磨、组件设计、动画决策及细节优化，提升软件体验与美感。
UI代码审查
界面细节优化
动画效果咨询
npx skills add MODSetter/SurfSense --skill emil-design-eng -g -y
审计并构建品牌在搜索引擎和AI系统中的实体身份，优化知识图谱、维基数据和AI引用表现，解决实体混淆问题。
品牌在Google或AI系统中未被识别
需要建立新的品牌/产品实体
审计现有实体存在性
修复知识面板错误
解决实体歧义问题
npx skills add MODSetter/SurfSense --skill entity-optimizer -g -y
指导构建生产级、高水准的前端UI。涵盖视觉设计、组件开发、响应式布局及无障碍优化，强调基于具体主题的原创设计与工程严谨性，避免AI默认样式。
创建或重塑用户界面
前端组件与页面开发
视觉重设计与响应式适配
npx skills add MODSetter/SurfSense --skill frontend-design -g -y
优化内容以在AI系统中获得引用，提升可见性。支持现有内容GEO优化、新内容创作及审计，增强结构化、权威性与可引用性。
需要优化现有内容以获取AI引用
创建兼顾SEO与GEO的新内容
对内容进行GEO就绪度审计
npx skills add MODSetter/SurfSense --skill geo-content-optimizer -g -y
分析代码库架构，识别模块耦合与浅层设计问题，基于领域语言和ADR提出重构方案。旨在通过增加模块深度提升可测试性、局部性和AI导航能力，优化系统结构。
用户希望改进代码库架构
寻找重构机会
合并紧密耦合的模块
提高代码可测试性或AI导航能力
npx skills add MODSetter/SurfSense --skill improve-codebase-architecture -g -y
分析网站内链结构，优化站点架构、权重分配及孤儿页，提供SEO诊断与修复计划。
改善站点SEO架构
修复无内链的孤立页面
制定主题集群内链策略
npx skills add MODSetter/SurfSense --skill internal-linking-optimizer -g -y
用于SEO和GEO内容策略的关键词研究技能，执行关键词发现、意图分类、难度评估、机会评分及主题聚类，生成高价值关键词列表与战略简报。
制定新内容策略或活动
扩展新话题或市场
为特定产品或服务寻找关键词
识别长尾关键词机会
了解行业搜索意图
规划内容日历
研究GEO优化关键词
npx skills add MODSetter/SurfSense --skill keyword-research -g -y
为SEO/GEO项目提供跨会话持久化记忆管理，通过HOT/WARM/COLD三级缓存体系自动维护项目上下文、状态追踪及归档，确保关键信息在多次交互中保留与高效检索。
用户要求记住或保存信息
查询项目历史状态或决策
新SEO项目初始化记忆结构
审计或报告完成后自动提醒
需要更新或查找项目特定术语
npx skills add MODSetter/SurfSense --skill memory-management -g -y
用于优化网页标题、元描述及社交媒体标签，提升点击率并支持A/B测试变体生成。
创建新页面元标签
优化现有元标签以提高CTR
为社交媒体分享准备Open Graph和Twitter Card
npx skills add MODSetter/SurfSense --skill meta-tags-optimizer -g -y
用于页面SEO审计的技能，分析标题、头部、图片等元素并生成评分报告和修复优先级建议。
发布前后进行页面SEO审核
诊断页面排名不佳原因
优化现有内容以提升表现
npx skills add MODSetter/SurfSense --skill on-page-seo-auditor -g -y
生成SEO/GEO绩效报告与仪表盘，整合排名、流量等数据，提供趋势分析、执行摘要及ROI计算，服务于利益相关者沟通。
月度/季度SEO报告生成
面向高管或客户的绩效更新
SEO投资回报率(ROI)评估
GEO可见性报告需求
npx skills add MODSetter/SurfSense --skill performance-reporter -g -y
提供Python开发决策原则，涵盖框架选型、异步同步选择及类型提示策略。通过引导提问而非直接给代码，培养开发者根据上下文进行技术决策的能力。
需要选择Python Web框架时
决定使用异步还是同步模式时
编写Python代码需添加类型提示时
npx skills add MODSetter/SurfSense --skill python-patterns -g -y
用于追踪关键词排名和SERP特征变化的监控技能，支持传统搜索与AI响应可见性分析、趋势检测及报告生成。
设置新活动排名追踪
监控关键词位置变化
分析排名长期趋势
对比竞争对手排名
跟踪SERP特性出现情况
监控AI摘要包含情况
为利益相关者创建排名报告
npx skills add MODSetter/SurfSense --skill rank-tracker -g -y
专注于审查动画和运动代码的专业技能，依据高标准工艺准则评估动效的合理性、性能及无障碍体验。默认倾向于标记问题，仅当动效符合严格标准时才予以通过，旨在提升前端交互质量。
请求审查包含CSS或JS动画的代码片段
询问关于动效设计原则或性能优化的问题
需要针对过渡效果进行代码走查
npx skills add MODSetter/SurfSense --skill review-animations -g -y
用于生成JSON-LD结构化数据（如FAQ、产品、文章等），帮助搜索引擎理解内容并实现富媒体搜索结果。
需要为网页添加结构化数据标记
生成FAQ或HowTo类型的Schema
npx skills add MODSetter/SurfSense --skill schema-markup-generator -g -y
用于生成搜索引擎优化的博客文章、落地页及内容资产。通过关键词自然融入、标题与元数据优化、结构化排版及片段目标定位，提升内容搜索排名与可读性。
撰写针对特定关键词的博客文章
创建SEO优化的落地页或服务页面
编写产品描述或对比评测文章
制作旨在获取特色摘要的指南
npx skills add MODSetter/SurfSense --skill seo-content-writer -g -y
分析搜索引擎结果页以揭示排名因素、SERP特性及AI概览模式，辅助内容策略制定。适用于关键词研究、竞争分析及排名潜力评估。
创建目标关键词内容前
分析特定页面排名原因
识别SERP功能机会
评估关键词难度
npx skills add MODSetter/SurfSense --skill serp-analysis -g -y
管理 shadcn/ui 组件与项目，涵盖添加、搜索、调试、样式调整及 UI 组合。提供项目上下文、组件文档及使用示例，强制执行 Tailwind 样式和表单规范。
shadcn init
创建带有 --preset 的应用
切换至 --preset
处理 components.json 文件的项目
使用 shadcn/ui 组件注册表
npx skills add MODSetter/SurfSense --skill shadcn -g -y
指导如何设计适度复杂度的系统架构，涵盖需求约束澄清、领域划分、数据流映射及边界定义。提供复杂度检查清单与结构化输出模板，辅助进行服务分解、单体/微服务评估及重构迁移规划。
用户要求设计应用架构或系统结构
需要规划服务分解方案
评估单体与微服务利弊
制定扩展性决策
审查结构性权衡
npx skills add MODSetter/SurfSense --skill system-architecture -g -y
Python TDD工作流，采用红-绿-重构循环。指导通过公共接口编写集成测试，避免水平切片反模式，强调垂直切片和测试行为而非实现细节。
用户希望使用TDD构建功能或修复bug
提到“red-green-refactor”
要求编写集成测试
询问测试优先开发
npx skills add MODSetter/SurfSense --skill tdd -g -y
执行全面的技术SEO审计，涵盖核心网页指标、爬取与索引状态、移动端适配及网站性能等，生成优先修复方案。
诊断排名下降原因
新网站上线前检查
网站迁移前SEO审计
定期技术健康检查
npx skills add MODSetter/SurfSense --skill technical-seo-checker -g -y
生成UGC创作者简报，包含产品信息、钩子要求、话术要点及真实性指南，用于指导外部人才制作真实自然的短视频内容。
与UGC创作者合作
准备创作者包
扩展外部人才的内容生产
npx skills add MODSetter/SurfSense --skill ugc-brief -g -y
提供Vercel官方React和Next.js性能优化指南，涵盖消除数据瀑布、包体积优化、服务端性能等58条规则。用于指导代码编写、审查及重构，确保应用性能最佳。
编写或审查React/Next.js组件
实施数据获取逻辑
重构代码以优化性能或减少包体积
npx skills add MODSetter/SurfSense --skill vercel-react-best-practices -g -y
审查Web界面代码是否符合设计规范，支持UI、无障碍及UX审计。通过抓取最新指南并逐行比对，输出文件与行号格式的合规性问题报告。
review my UI
check accessibility
audit design
review UX
check my site against best practices
npx skills add MODSetter/SurfSense --skill web-design-guidelines -g -y
基于python-docx库创建和修订Microsoft Word文档。支持生成报告、信函等，遵循排版规范。提供原地修订功能，处理文本、表格及样式修改，并具备版本验证与保存能力。
需要生成Word文档
请求编辑或修订现有DOCX文件
npx skills add MODSetter/SurfSense --skill docx -g -y
根据指定主题生成严格 JSON 格式的抽卡学习卡组，用于主动回忆复习。支持自定义卡片数量与难度，确保内容原子化且无重复，符合特定 Schema 规范并经过验证保存。
用户需要制作学习卡片或复习材料
请求将知识内容转换为闪卡格式
npx skills add MODSetter/SurfSense --skill flashcards -g -y
生成自包含的交互式HTML片段，用于创建计算器、配置器、仪表板等原型。遵循无依赖、内存状态、无障碍及响应式设计规范，支持就地修订与验证保存。
需要创建前端交互原型或组件
生成无需后端支持的纯前端HTML工具
npx skills add MODSetter/SurfSense --skill html -g -y
基于用户选定风格，生成事实性信息图。通过编写Markdown内容调用图像模型生成PNG，验证无误后保存，支持单次修复与原地修订。
用户请求生成信息图或可视化图表
需要将文本数据转换为图片格式的信息图
npx skills add MODSetter/SurfSense --skill infographic -g -y
该技能用于生成符合规范的层级思维导图。它通过编写Markdown内容，调用内置渲染器生成2400x1600的PNG图片，并进行验证和保存，确保输出简洁、结构平衡且无外部依赖。
需要创建结构化知识图谱或大纲
将复杂信息转化为可视化思维导图
生成文档摘要或章节结构的视觉展示
npx skills add MODSetter/SurfSense --skill mindmap -g -y
生成高质量PDF文件，支持简历、报告等。通过WeasyPrint或ReportLab渲染，处理现有文件转换及基于Markdown的修订，并强制进行质量验证以确保输出合规。
需要创建PDF文档
将现有文件转换为PDF
对已有PDF内容进行修订
npx skills add MODSetter/SurfSense --skill pdf -g -y
用于使用python-pptx库创建和编辑可修改的PowerPoint演示文稿文件。遵循严格的排版、字体和布局规范，确保生成符合专业标准的.pptx文档。
用户请求生成PPT或幻灯片
需要创建或编辑.pptx文件
npx skills add MODSetter/SurfSense --skill pptx -g -y
根据指定主题生成严格格式的JSON单选测验，包含题目、选项、正确答案及解析。支持5-30题，确保选项合理且无歧义，并通过验证工具保存为工作区文件。
用户要求创建选择题测验
需要生成结构化评估内容
npx skills add MODSetter/SurfSense --skill quiz -g -y
基于Remotion在沙箱环境中生成1920x1080 narrated MP4视频。严格限制使用预置依赖和字体，通过规划幻灯片规范、调用语音合成及构建TSX场景模块完成渲染流程，支持最多12个场景且时长不超过180秒。
需要生成带有旁白的演示视频
要求离线环境下使用Remotion创建MP4
npx skills add MODSetter/SurfSense --skill video -g -y
用于创建和修订Excel工作簿，支持预算、跟踪表等。使用xlsxwriter生成含公式缓存的新文件，用openpyxl及LibreOffice处理修订与重算，确保验证通过。
用户请求创建Excel文件
用户请求修改现有Excel文件
npx skills add MODSetter/SurfSense --skill xlsx -g -y
前端工作流入口，处理React/Next.js组件构建、重构、样式及动画。涵盖shadcn/ui集成、色彩主题、视觉打磨和交互审查，智能加载性能、配色等子技能指导。
React或Next.js组件开发与重构
UI样式调整与视觉打磨
shadcn/ui组件集成与配置
前端代码审查
npx skills add MODSetter/SurfSense --skill frontend-workflow -g -y
提供 Playwright 测试开发的全方位指南，涵盖 E2E、组件、API 及可视化测试的编写、调试、修复不稳定测试、POM 架构设计、CI/CD 集成及性能与无障碍测试等场景。
编写 Playwright 自动化测试用例
调试失败的测试或修复不稳定测试
配置 Playwright 测试框架结构
npx skills add MODSetter/SurfSense --skill playwright-testing -g -y
