Agent Skills
› fanfan-de/anybox
fanfan-de/anybox
GitHub提供Anybox桌面端前端UI规范，指导React/Electron界面设计、实现、评审与重构。涵盖组件复用、CSS Token管理及主题适配，确保视觉一致性与代码规范。
安装全部 Skills
npx skills add fanfan-de/anybox --all -g -y
集合内 Skills (375)
按质量分展示前 50 个（共 375 个），完整列表请用安装命令预览或逐个打开详情。
提供Anybox桌面端前端UI规范，指导React/Electron界面设计、实现、评审与重构。涵盖组件复用、CSS Token管理及主题适配，确保视觉一致性与代码规范。
需要设计或实现Anybox前端界面
进行前端UI代码评审或重构
处理CSS Token与主题适配问题
npx skills add fanfan-de/anybox --skill anybox-frontend-guidelines -g -y
指导 Anybox Android 移动端的全流程开发与发布，涵盖本地开发、真机测试、APK 构建及 GitHub Release 发布。严格规范版本管理、门禁检查与设备验证，确保交付质量与合规性。
Android 移动端应用开发
移动端 APK 打包与签名
移动端版本发布与回滚
真机 Smoke 测试执行
npx skills add fanfan-de/anybox --skill anybox-mobile-release -g -y
用于构建、评审、迁移和验证 Anybox 插件包及清单，涵盖 MCP Server、Connector 依赖、分发与安装诊断，确保符合最新运行时规范与安全要求。
创建或更新 Anybox 插件包结构
编写或校验 .anybox-plugin/plugin.json 清单
诊断插件安装或加载问题
评审插件安全性与兼容性
npx skills add fanfan-de/anybox --skill anybox-plugin -g -y
用于将anyboxProvider项目打包、上传至腾讯云服务器，并通过Docker Compose完成环境配置、部署及验证的自动化流程。
需要部署 anyboxProvider 到腾讯云服务器
更新或重新配置腾讯云上的 Docker 服务
npx skills add fanfan-de/anybox --skill deploy-anybox-tencent-docker-windows -g -y
在腾讯云服务器上执行Anybox服务的Docker Compose部署、版本切换、故障处理及健康检查。涵盖备份、环境配置保留、端口冲突解决及首次种子数据初始化，专用于服务器侧发布流程。
需要在腾讯云服务器上部署或更新Anybox服务
处理服务器上的Nginx端口占用或容器启动失败问题
执行首次管理员种子数据初始化
npx skills add fanfan-de/anybox --skill deploy-anybox-tencent-server -g -y
Fanfande Studio 前端 UI 风格规范，指导 React/Electron 应用的设计、构建与重构。涵盖桌面端界面元素、Token 管理及交互细节，强调克制、高密度的生产力工具视觉风格。
需要设计或重构前端 UI 组件时
检查或统一 Electron 桌面应用的视觉样式时
开发包含侧栏、工作区、表单等复杂布局的前端页面时
npx skills add fanfan-de/anybox --skill fanfande-frontend-style -g -y
用于构建、解释、审查或验证Anybox/Fanfande插件包结构。指导用户配置plugin.json清单、组织技能与连接器目录、处理注册表索引及迁移旧格式，确保插件符合当前运行时规范。
询问插件文件夹结构
编写plugin.json清单
审查插件包合规性
迁移旧版插件格式
npx skills add fanfan-de/anybox --skill fanfande-plugin-structure -g -y
提供前端基础UI组件（如菜单、滚动条）的样式模板与实现规则，指导在React等项目中复用CSS变量与设计Token，确保多主题兼容及可访问性。
需要为React或Electron项目创建一致的UI基础组件样式
重构现有前端界面以符合设计Token规范
实现右键菜单、下拉菜单或自定义滚动条
npx skills add fanfan-de/anybox --skill frontend-ui-style-kit -g -y
提供类 Obsidian 风格的桌面应用设置界面设计规范，涵盖布局、侧边栏及控件样式，用于构建或重构偏好设置 UI。
设计桌面应用设置页面
重构偏好设置界面
生成设置页 CSS 或组件
npx skills add fanfan-de/anybox --skill obsidian-like -g -y
用于PDF文件的读取、创建与审查，强调通过渲染检查布局。支持使用reportlab生成及pdfplumber提取文本，确保排版美观与内容准确。
需要阅读或审查PDF内容
需要程序化创建PDF文档
验证PDF最终渲染效果
npx skills add fanfan-de/anybox --skill pdf -g -y
调用 OpenAI CLI 工具将音频转录为文本，支持说话人分离及已知说话人提示。涵盖环境配置、依赖安装、参数决策及输出保存规范。
用户请求转录音频或视频中的语音内容
用户要求从录音中提取文本
用户需要标注采访或会议中的说话人身份
npx skills add fanfan-de/anybox --skill transcribe -g -y
自动化将本地Markdown文章发布至知乎，涵盖解析元数据、处理图片、填充编辑器及更新链接。
准备发布知乎文章
验证并上传Markdown到知乎
npx skills add fanfan-de/anybox --skill zhihu-md-publisher -g -y
指导创建、审查和验证Anybox第三方插件包，包括编写plugin.json、配置MCP服务器与技能、管理连接器及调试安装问题。
用户要求创建新插件或转换工具为插件
需要编写或验证plugin.json配置文件
调试插件目录发现或安装失败问题
npx skills add fanfan-de/anybox --skill anybox-plugin-development -g -y
用于启动Anybox本地开发环境，通过执行脚本在独立PowerShell窗口中同时运行Agent服务端和桌面客户端进程，支持手动测试和本地验证。
用户要求启动服务器或客户端
需要启动本地开发环境进行手动测试
Codex需要引导仓库以进行本地验证
npx skills add fanfan-de/anybox --skill anybox-start-dev -g -y
通过Node REPL控制Chrome浏览器，支持利用现有会话、扩展及页面状态进行UI交互、测试本地Web应用、截图等操作。优先使用专用API，仅在无合适替代方案时使用此技能。
用户明确要求操作Chrome浏览器
需要检查页面视觉或交互状态
涉及UI点击、填写、滚动等操作
测试本地Web应用
npx skills add fanfan-de/anybox --skill Chrome -g -y
用于创建、审查和验证 Anybox 第三方插件包。涵盖编写 plugin.json 清单、配置 MCP 服务与 Connector、定义 Skill，以及调试插件安装与目录发现问题。
用户要求创建或转换 Anybox 插件
需要编写或校验 plugin.json 配置文件
调试插件安装失败或目录识别异常
npx skills add fanfan-de/anybox --skill anybox-plugin-development -g -y
从会议记录或Confluence页面中提取行动项，识别负责人并自动在Jira中创建任务，实现会后工作项的自动化流转。
从会议笔记中提取行动项
将会议记录转换为Jira任务
解析会议笔记中的分配任务
npx skills add fanfan-de/anybox --skill capture-tasks-from-meeting-notes -g -y
从Jira获取项目问题数据，分析进度与阻塞项，生成日报/周报等状态报告，并可选择发布至Confluence。支持交互式确认范围、受众及发布目标，适用于向管理层或团队汇报项目状态。
生成项目状态报告
汇总项目进度或更新
从Jira生成周/日报
将状态摘要发布到Confluence
分析项目阻塞和完成情况
npx skills add fanfan-de/anybox --skill generate-status-report -g -y
指导构建和调试Box集成，涵盖文件上传下载、共享链接、协作、元数据及AI检索流程。提供路由指南以选择正确的API端点和参考文档，确保身份验证正确并最小化端到端路径。
需要实现Box内容工作流
调试Box API集成问题
添加Box SDK或API调用
配置Webhook或事件驱动自动化
npx skills add fanfan-de/anybox --skill box-content-api -g -y
通过Anybox浏览器扩展控制Chrome。建议先检查状态，新建标签页获取tabId，操作前快照元素，导航后等待。复杂流程或需JS/CDP时，使用Node REPL初始化runtime并调用底层API。
用户要求检查网页内容
用户要求控制Chrome浏览器
需要自动化网页交互
npx skills add fanfan-de/anybox --skill Browser -g -y
指导为iOS应用设计App Intents、实体及快捷方式，以暴露核心动作给Siri、Spotlight等系统入口。涵盖从识别高价值动作、定义精简实体、决定执行模式到验证路由的完整工作流，确保与主应用清晰解耦并实现高效深度链接。
需要为iOS应用添加Siri或快捷指令支持
设计App Intents以集成Widgets或Spotlight搜索
npx skills add fanfan-de/anybox --skill ios-app-intents -g -y
用于在iOS模拟器上构建、运行和调试应用。通过XcodeBuildMCP工具链管理模拟器状态，执行构建启动，捕获日志，并支持UI元素检查、点击及手势操作等交互行为。
需要在iOS模拟器上构建并运行App
需要检查或交互运行中App的UI界面
需要捕获和分析App运行时日志以排查问题
npx skills add fanfan-de/anybox --skill ios-debugger-agent -g -y
用于在iOS模拟器中捕获、符号化并分析ETTrace性能配置文件，专注于启动或运行时延迟 profiling。通过构建应用、链接框架、收集dSYMs及执行单次追踪，生成火焰图JSON以识别CPU热点栈，辅助性能优化与瓶颈定位。
iOS应用启动或运行时性能分析
查找CPU密集型代码栈
对比不同版本的性能追踪数据
npx skills add fanfan-de/anybox --skill ios-ettrace-performance -g -y
用于捕获和分析iOS模拟器进程中的内存泄漏，通过生成memgraph文件、总结泄漏数据及追溯所有权路径来定位根因，并验证修复效果。
调试iOS对象泄漏或保留循环
分析内存增长问题
npx skills add fanfan-de/anybox --skill ios-memgraph-leaks -g -y
提供iOS模拟器浏览器镜像与SwiftUI预览功能，支持在Codex内实时查看、交互及热重载，无需Xcode Canvas即可迭代UI并捕获截图验证。
用户需要在浏览器中观看或交互iOS应用
用户希望在Xcode外查看SwiftUI预览
需要对预览进行实时迭代或捕获截图
npx skills add fanfan-de/anybox --skill ios-simulator-browser -g -y
用于构建和审查符合 iOS 26+ Liquid Glass API 的 SwiftUI UI。提供实现、改进及代码审查指南，涵盖原生 API 使用、修饰符顺序、交互处理及降级方案，确保设计一致性与性能。
实现新的 Liquid Glass UI 功能
审查现有功能的玻璃效果实现
npx skills add fanfan-de/anybox --skill swiftui-liquid-glass -g -y
诊断 SwiftUI 运行时性能问题，通过代码审查和 Profiling 分析渲染卡顿、高 CPU 等异常，提供根因分析与优化方案。
诊断 SwiftUI 渲染缓慢或界面卡顿
排查滚动不流畅或视图更新开销大
进行 SwiftUI 性能剖析与优化
npx skills add fanfan-de/anybox --skill swiftui-performance-audit -g -y
提供SwiftUI UI构建与重构指南，涵盖导航、状态管理及布局等组件模式。指导新项目脚手架搭建及现有项目开发，强调使用原生状态管理和现代API，遵循组合原则与最佳实践。
构建SwiftUI界面
重构SwiftUI代码
设计导航结构
管理视图状态
npx skills add fanfan-de/anybox --skill swiftui-ui-patterns -g -y
指导重构 SwiftUI 视图，将其拆分为小型、可测试的稳定结构。遵循 MV 模式，优先使用 @State 和 @Environment，避免过度使用 ViewModel。建议将大视图拆分为专用子视图类型，并规范代码排序与依赖注入方式。
拆分大型 SwiftUI 视图文件
优化数据流与状态管理
清理 Observation 所有权
提取可复用的子视图组件
npx skills add fanfan-de/anybox --skill swiftui-view-refactor -g -y
指导在macOS开发中，当SwiftUI功能不足时，如何最小化、显式地桥接至AppKit。涵盖NSViewRepresentable等包装器选择、状态所有权管理及生命周期验证，确保SwiftUI作为真理源。
实现macOS原生行为但SwiftUI不支持
需要访问NSWindow或面板
处理菜单验证或响应者链
npx skills add fanfan-de/anybox --skill appkit-interop -g -y
提供macOS应用的构建、运行与调试自动化流程。通过生成统一脚本管理Xcode和SwiftPM项目，支持一键启动、崩溃排查及日志分析，优化本地开发体验。
需要构建并运行macOS应用
诊断应用启动或运行时失败
配置本地开发环境入口
npx skills add fanfan-de/anybox --skill build-run-debug -g -y
指导在macOS SwiftUI应用中实现Liquid Glass UI，包括移除冲突自定义样式、规范布局结构及工具栏设计，确保视觉一致性与可用性。
需要为macOS应用添加或优化Liquid Glass视觉效果
重构SwiftUI界面以符合现代macOS设计规范
npx skills add fanfan-de/anybox --skill liquid-glass -g -y
处理macOS应用打包、签名及公证工作流。用于归档验证、检查Bundle结构与权限，诊断公证失败原因，并提供分发就绪性评估与修复建议。
准备macOS应用分发
验证App Bundle结构
排查代码签名问题
分析公证失败原因
npx skills add fanfan-de/anybox --skill packaging-notarization -g -y
用于诊断 macOS 代码签名、权限及 Gatekeeper 问题。通过检查二进制文件签名状态和权限配置，分类失败原因并提供最小修复方案，解决启动拒绝或信任策略错误。
macOS应用启动失败
代码签名验证错误
沙盒权限不匹配
Gatekeeper信任策略拒绝
npx skills add fanfan-de/anybox --skill signing-entitlements -g -y
用于在macOS环境下通过SwiftPM构建、运行和测试Swift包。当仓库以Package.swift为主入口或无Xcode项目时使用，提供从检查包结构到执行命令及故障排查的完整工作流。
需要构建SwiftPM包
需要运行Swift可执行文件
需要测试Swift代码
仓库无Xcode项目
npx skills add fanfan-de/anybox --skill swiftpm-macos -g -y
指导在macOS中构建SwiftUI应用，涵盖窗口场景选择、桌面交互模式（如侧边栏、设置）、项目脚手架初始化及文件结构规范。
创建新的macOS SwiftUI应用
设计或重构SwiftUI窗口和组件布局
处理菜单栏扩展或文档组场景
npx skills add fanfan-de/anybox --skill swiftui-patterns -g -y
指导在macOS应用中集成轻量级运行时遥测，使用OSLog记录关键行为与状态以辅助调试。涵盖日志规范、最小化模式及构建验证流程，确保数据隐私与可过滤性。
需要添加应用运行时日志或遥测功能
排查UI交互或后台任务的行为问题
检查现有日志是否满足调试和过滤需求
npx skills add fanfan-de/anybox --skill telemetry -g -y
用于 macOS 测试分类与故障排查。通过识别测试框架、缩小范围并分类失败原因（构建、断言、崩溃等），智能重跑以区分环境设置问题与回归缺陷，最终输出清晰的故障摘要和修复建议。
测试失败需要定位原因
区分测试故障与产品Bug
解释断言错误或崩溃
排除环境设置导致的测试异常
npx skills add fanfan-de/anybox --skill test-triage -g -y
指导重构 macOS SwiftUI 视图，通过拆分大文件、明确场景结构及规范代码组织，提升视图稳定性与可维护性。
重构大型 SwiftUI 视图
优化 macOS 应用窗口状态管理
拆分职责混杂的代码文件
npx skills add fanfan-de/anybox --skill view-refactor -g -y
指导如何定制 macOS SwiftUI 应用的窗口行为，包括场景分类、工具栏与标题隐藏、拖拽区域设置、窗口恢复及初始位置调整，优先使用 SwiftUI 修饰符。
需要自定义 macOS SwiftUI 窗口的外观和行为
处理窗口工具栏、拖拽区域或启动放置逻辑
npx skills add fanfan-de/anybox --skill window-management -g -y
用于从零构建高质量前端应用、仪表盘及创意网页。优先通过图像生成视觉概念，经审批后严格实现像素级还原，确保设计稿与浏览器渲染效果一致。
创建新的前端应用或仪表盘
用户要求重新设计或现代化改造UI
需要从头构建创意网站或游戏界面
npx skills add fanfan-de/anybox --skill frontend-app-builder -g -y
用于前端应用的测试、调试及视觉质量保障。支持通过Chrome插件或Playwright验证UI交互与布局，执行代码修改后的渲染行为校验并生成QA报告。
修复前端UI交互Bug
进行前端应用测试
优化Web仪表盘界面
npx skills add fanfan-de/anybox --skill frontend-testing-debugging -g -y
提供React和Next.js性能优化指南，涵盖消除数据瀑布、打包体积优化及服务端/客户端性能提升。用于指导代码编写、审查与重构，确保应用达到最佳性能表现。
编写或重构React组件及Next.js页面
进行代码审查以发现性能问题
优化数据获取策略
减小Bundle体积或提升加载速度
npx skills add fanfan-de/anybox --skill react-best-practices -g -y
管理shadcn/ui组件与项目，支持添加、搜索、修复及样式调整。提供CLI操作指南、组件文档及使用示例，强制遵循Tailwind CSS布局与语义化色彩规范，确保UI一致性与可维护性。
需要安装或初始化shadcn组件
使用shadcn CLI搜索或获取组件文档
遇到shadcn组件样式或结构问题需调试
构建基于shadcn的UI界面
npx skills add fanfan-de/anybox --skill shadcn -g -y
提供PostgreSQL性能优化、Schema设计及安全配置的最佳实践指南，辅助编写、审查和优化SQL查询及数据库配置。
编写或优化SQL查询
设计数据库Schema
审查数据库性能问题
配置连接池或扩展
实施索引优化
npx skills add fanfan-de/anybox --skill supabase-postgres-best-practices -g -y
根据简报、大纲或现有Canva内容，结合品牌套件自动生成符合品牌规范的演示文稿。支持从链接提取素材、生成候选方案并创建可编辑幻灯片，确保内容准确且风格统一。
用户要求创建品牌化演示文稿
将笔记或大纲转换为PPT
基于现有Canva文档生成新设计
npx skills add fanfan-de/anybox --skill canva-branded-presentation -g -y
将单个Canva设计自动调整为Facebook、Instagram和LinkedIn等主流社交平台的标准化尺寸，批量生成并导出高清PNG图片及编辑链接，支持并行处理与失败隔离。
用户要求将Canva设计适配多个社交平台
需要一键生成多种社交媒体格式的变体
npx skills add fanfan-de/anybox --skill canva-resize-for-all-social-media -g -y
将Canva设计中的文本翻译为目标语言，保留原始布局并生成副本。需定位源文件、安全复制、批量翻译文本元素，并在用户确认后保存，同时提示潜在排版风险。
用户要求将Canva设计翻译成特定语言
用户希望基于现有设计创建本地化版本
npx skills add fanfan-de/anybox --skill canva-translate-design -g -y
通过 Anybox Node REPL 控制 Chrome 浏览器，用于处理依赖现有标签页、登录状态或 UI 交互的任务。支持导航、页面检查、本地应用测试及截图等操作。
用户明确请求打开或导航至 Chrome 页面
需要检查页面的视觉或交互状态
涉及点击、填写、滚动等 UI 操作
需要利用现有的浏览器会话或扩展
npx skills add fanfan-de/anybox --skill Chrome -g -y
将本地文件夹初始化为Cinema项目，通过Shell命令检查并创建标准目录结构与元数据文件，支持新建与修复现有项目，确保幂等性且不覆盖用户文件。
初始化本地电影项目
准备anybox项目文件夹
修复缺失的项目元数据
npx skills add fanfan-de/anybox --skill Initialize Cinema Project -g -y
