Agent Skills
› fanfan-de/anybox
fanfan-de/anybox
GitHub提供Anybox桌面端前端UI规范，指导React/Electron界面设计、实现、评审与重构。涵盖组件结构、CSS Token管理及主题适配，确保视觉一致性与代码质量。
Install All Skills
npx skills add fanfan-de/anybox --all -g -y
Skills in Collection (391)
Showing top 50 of 391 by quality score. Use the install list command or open individual skills for the rest.
提供Anybox桌面端前端UI规范，指导React/Electron界面设计、实现、评审与重构。涵盖组件结构、CSS Token管理及主题适配，确保视觉一致性与代码质量。
需要设计或实现Anybox前端界面时
进行前端UI代码评审或重构时
npx skills add fanfan-de/anybox --skill anybox-frontend-guidelines -g -y
指导 Anybox Android 移动端的全流程开发与发布，涵盖本地开发、真机测试、APK构建及 GitHub 版本管理。
需要构建或发布 Android APK
执行移动端本地开发与调试
处理移动端 OTA 更新与版本回滚
npx skills add fanfan-de/anybox --skill anybox-mobile-release -g -y
用于构建、评审、迁移和验证 Anybox 插件包及其清单，涵盖 MCP Server、Connector 依赖管理及分发规范。
创建或更新 Anybox 插件目录
诊断插件安装问题
生成 plugin.json 清单
插件发布与分发
npx skills add fanfan-de/anybox --skill anybox-plugin -g -y
用于将 anyboxProvider 项目打包、上传至腾讯云服务器，配置环境变量并通过 Docker Compose 完成部署与验证的自动化流程。
用户需要部署 anyboxProvider 项目到腾讯云
用户需要更新或重新部署已存在的腾讯云实例
npx skills add fanfan-de/anybox --skill deploy-anybox-tencent-docker-windows -g -y
指导在腾讯云服务器上执行anybox服务的Docker Compose部署、版本切换、备份及故障处理。涵盖环境检查、脚本运行、端口冲突解决及安全配置，专注服务器侧操作。
需要在腾讯云服务器上部署或更新应用
服务器部署出现nginx端口占用或环境变量错误
npx skills add fanfan-de/anybox --skill deploy-anybox-tencent-server -g -y
Fanfande Studio 前端风格规范，指导 Electron/React 桌面应用的 UI 设计、构建与重构。涵盖 Token 使用、组件样式、交互状态及文案极简原则，确保安静克制的生产力工具视觉一致性。
需要设计或重构 React/Electron 前端界面时
检查或调整 UI 组件样式、颜色 Token 和交互状态时
审查前端代码是否符合全局产品风格规范时
npx skills add fanfan-de/anybox --skill fanfande-frontend-style -g -y
指导构建、解释、审查和验证 Anybox/Fanfande 插件包结构。涵盖 manifest 编写、MCP 服务器集成、技能捆绑、连接器定义及迁移规范，确保符合当前插件系统标准。
询问插件文件夹结构
编写 plugin.json 清单
添加 MCP 服务器或技能
定义应用连接器
检查插件包合规性
npx skills add fanfan-de/anybox --skill fanfande-plugin-structure -g -y
提供前端基础UI组件（如菜单、按钮）的复用样式模板与实现规则，指导基于CSS Token的设计、实现或重构，确保多端一致性与可访问性。
需要为React/Vite项目创建统一的基础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文件的读取、创建与审查，强调通过渲染验证布局。提供生成、提取文本及视觉检查的工作流，确保排版美观且无格式缺陷。
需要生成或修改PDF文档
审查PDF的视觉布局和排版质量
npx skills add fanfan-de/anybox --skill pdf -g -y
提供音频转录技能，支持使用OpenAI模型将音频文件转换为文本。具备说话人分离功能，可识别多个说话人并生成带标签的JSON输出，适用于会议记录、采访整理等场景。
用户要求转录音频或视频内容
需要从录音中提取文字
要求对访谈或会议内容进行说话人标注
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第三方插件包，涵盖插件结构定义、manifest编写、MCP服务器及技能配置，并支持调试安装与诊断故障。
创建新的Anybox插件包
编写或校验plugin.json配置
将API或工具转换为可安装插件
调试插件目录发现或安装失败问题
npx skills add fanfan-de/anybox --skill anybox-plugin-development -g -y
用于启动Anybox本地开发环境，通过执行脚本在独立PowerShell窗口中同时运行服务端和桌面客户端进程，支持手动测试与本地验证。
用户请求启动服务器或客户端
需要进行本地验证或手动测试
npx skills add fanfan-de/anybox --skill anybox-start-dev -g -y
通过Node REPL控制Chrome浏览器，用于UI交互、状态检查及本地应用测试。强调优先使用专用API，仅在无合适工具或需利用现有会话状态时使用此技能。
用户明确要求操作Chrome浏览器
需要检查页面视觉或交互状态
执行点击、填充、截图等UI自动化任务
依赖已登录会话或扩展的网页操作
npx skills add fanfan-de/anybox --skill Chrome -g -y
指导创建、审查和验证 Anybox 第三方插件包，涵盖结构定义、manifest 编写、能力配置及调试发布流程。
创建新插件
编写 plugin.json
添加 MCP 服务器或 Skill
调试插件安装或目录问题
npx skills add fanfan-de/anybox --skill anybox-plugin-development -g -y
从会议记录中提取行动项并自动创建Jira任务。支持解析Confluence页面或直接粘贴的文本，识别指派人和任务描述，查找账号ID并生成结构化工单，简化会后任务分配流程。
从会议记录提取行动项
将会议笔记转换为Jira任务
根据会议纪要创建待办事项
npx skills add fanfan-de/anybox --skill capture-tasks-from-meeting-notes -g -y
从Jira查询项目问题数据，分析进度、优先级和阻碍因素，生成结构化状态报告并可选发布至Confluence。适用于周报、日报或Sprint总结，需与用户确认范围、受众及发布目标。
生成项目状态报告
汇总项目进展或更新
从Jira生成周/日报
将状态摘要发布到Confluence
分析项目阻碍和完成情况
npx skills add fanfan-de/anybox --skill generate-status-report -g -y
指导Agent构建和调试Box集成，涵盖文件上传下载、文件夹管理、共享链接、元数据、Webhook事件及Box AI检索。提供路由表指引选择正确API对象与参考文档，确保最小化端到端路径验证与安全访问控制。
需要实现Box文件上传、下载或文件夹操作
调试Box API调用错误（如401/403）
配置Box Webhook或事件驱动流程
使用Box AI进行文档搜索或摘要提取
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 App集成Siri或Shortcuts支持
设计App Intents和AppEntity以优化系统交互
npx skills add fanfan-de/anybox --skill ios-app-intents -g -y
利用XcodeBuildMCP在iOS模拟器上构建、运行应用，并通过UI交互、截图和日志捕获进行调试与故障排查。
用户需要启动或重新构建iOS应用
用户要求检查模拟器界面或点击元素
用户需要分析运行时日志以定位问题
npx skills add fanfan-de/anybox --skill ios-debugger-agent -g -y
用于在iOS模拟器中捕获、符号化并分析ETTrace性能配置文件。支持启动或运行时延迟剖析，对比追踪数据，识别CPU密集型调用栈，生成火焰图JSON报告。
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 预览与热重载。通过启动本地服务并在浏览器中查看模拟器画面，实现无需 Xcode Canvas 的实时迭代、交互演示及截图验证。
需要在浏览器中查看或交互 iOS 应用
希望在非 Xcode 环境下进行 SwiftUI 预览和热重载开发
需要捕获浏览器可见的模拟器画面作为证明
npx skills add fanfan-de/anybox --skill ios-simulator-browser -g -y
用于实现和审查 iOS 26+ SwiftUI Liquid Glass UI 的 Skill。指导使用原生 API、处理版本兼容与回退、优化性能及确保设计一致性，涵盖新建、改进和审查三种工作流。
实现新的 Liquid Glass UI 功能
审查现有功能的 Liquid Glass 正确性
检查性能与设计适配
npx skills add fanfan-de/anybox --skill swiftui-liquid-glass -g -y
针对 SwiftUI 应用进行性能审计，通过代码审查与运行时 Profiling 诊断渲染卡顿、内存增长等问题，提供根因分析与优化方案。
SwiftUI 界面渲染缓慢或掉帧
滚动卡顿或动画不流畅
需要分析视图更新频率或内存占用
排查主线程阻塞问题
npx skills add fanfan-de/anybox --skill swiftui-performance-audit -g -y
提供 SwiftUI UI 构建与重构指南，涵盖导航、状态管理、布局及组件模式。支持现有项目优化与新项目脚手架搭建，强调现代 API 使用与代码规范。
需要构建或重构 SwiftUI 界面
涉及 SwiftUI 状态管理或布局设计
新项目 SwiftUI 架构初始化
npx skills add fanfan-de/anybox --skill swiftui-ui-patterns -g -y
指导将 SwiftUI 视图重构为小型、稳定且可测试的结构。强调使用原生 MV 模式，优先拆分大型视图为专用子视图类型，规范代码排序与数据流，避免过度使用 ViewModel。
拆分大型 SwiftUI 视图文件
优化视图状态管理与数据流
清理 Observation 所有权
npx skills add fanfan-de/anybox --skill swiftui-view-refactor -g -y
指导在macOS开发中，当SwiftUI功能不足时，如何最小化地桥接至AppKit。涵盖NSView/VC包装器选择、窗口面板操作、响应者链及数据流边界管理，确保架构清晰。
需要访问NSWindow或面板
处理菜单验证或响应者链
实现NSViewRepresentable桥接
npx skills add fanfan-de/anybox --skill appkit-interop -g -y
提供macOS应用构建、运行和调试的Shell优先工作流，自动管理Xcode和SwiftPM项目，生成统一入口脚本以简化启动、停止及日志排查流程。
需要构建或运行macOS应用
诊断应用启动或运行时故障
npx skills add fanfan-de/anybox --skill build-run-debug -g -y
指导在macOS SwiftUI应用中实现Liquid Glass设计，通过移除自定义遮罩、规范布局结构及合理使用系统材质，打造原生且统一的现代UI体验。
需要为macOS应用添加或优化Liquid Glass视觉效果
检查并移除阻碍系统玻璃效果的自定义背景或遮罩层
npx skills add fanfan-de/anybox --skill liquid-glass -g -y
用于准备 macOS 应用的打包、签名和公证工作流，支持归档验证、分发包检查及公证失败排查，确保应用符合发布要求。
macOS 应用归档与导出
App Bundle 结构验证
代码签名与 hardened runtime 检查
Notarization 故障排查
npx skills add fanfan-de/anybox --skill packaging-notarization -g -y
用于诊断 macOS 代码签名、权限及 Gatekeeper 问题。通过检查二进制文件和 entitlements，分类失败原因（如签名无效、沙箱不匹配），并提供最小修复路径和验证命令。
macOS 应用启动被拒
代码签名或权限错误
Gatekeeper 信任策略拒绝
沙箱或硬化运行时问题
npx skills add fanfan-de/anybox --skill signing-entitlements -g -y
针对macOS平台SwiftPM包的构建、运行与测试技能。适用于以Package.swift为主入口的仓库，提供包检查、编译执行、窄范围测试及失败原因分析流程。
需要构建或测试Swift Package Manager项目
仓库无Xcode项目且需使用SwiftPM
npx skills add fanfan-de/anybox --skill swiftpm-macos -g -y
提供macOS SwiftUI桌面应用开发指南，涵盖窗口场景建模、组件构建及新工程脚手架搭建。指导用户选择正确的Scene模型，规范文件结构与状态管理，确保遵循平台设计模式并集成自动化构建配置。
创建新的macOS SwiftUI应用项目
实现macOS特定的UI组件如窗口、工具栏或设置面板
重构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 视图重构指南，规范场景建模、文件结构拆分及状态管理，旨在将大型视图拆分为稳定、可维护的小组件，并限制 AppKit 的使用范围。
重构大型 SwiftUI 视图
优化 macOS 应用架构
拆分职责单一的 UI 文件
npx skills add fanfan-de/anybox --skill view-refactor -g -y
用于自定义macOS SwiftUI应用的窗口行为，包括场景分类、工具栏与标题定制、拖拽区域设置、窗口恢复与调整大小策略及初始放置位置优化。
需要自定义macOS SwiftUI窗口外观或行为
处理窗口工具栏隐藏后的拖拽功能
npx skills add fanfan-de/anybox --skill window-management -g -y
用于从零构建或重构高视觉质量的Web应用、仪表盘及创意网站。通过AI生成设计稿并严格对照实现，确保前端UI与交互达到生产级标准。
创建全新的前端应用或网页
对现有界面进行重新设计或现代化改造
npx skills add fanfan-de/anybox --skill frontend-app-builder -g -y
用于前端应用的测试、调试及视觉验证。通过Chrome插件或Playwright执行交互检查、回归测试和UI修复，自动推断目标流程并生成QA报告。
调试前端UI界面
测试本地Web应用
修复前端交互Bug
进行视觉质量保证
npx skills add fanfan-de/anybox --skill frontend-testing-debugging -g -y
提供Vercel维护的React和Next.js性能优化指南，涵盖消除瀑布流、包体积优化等64条规则，用于指导代码编写、审查及重构以确保最佳性能。
编写或重构React/Next.js组件
审查代码性能问题
优化数据获取与包体积
npx skills add fanfan-de/anybox --skill react-best-practices -g -y
管理 shadcn/ui 组件项目，支持添加、搜索、修复、调试、样式调整和组合 UI。提供项目上下文、组件文档及使用示例，规范 Tailwind 样式与表单结构。
shadcn init
create an app with --preset
switch to --preset
shadcn/ui component registry
components.json file
npx skills add fanfan-de/anybox --skill shadcn -g -y
提供PostgreSQL性能优化与最佳实践指南，涵盖查询、索引、连接池、RLS安全及Schema设计。用于编写、审查或优化SQL查询和数据库配置。
编写或优化SQL查询
设计数据库Schema
审查数据库性能问题
配置连接池或扩展
npx skills add fanfan-de/anybox --skill supabase-postgres-best-practices -g -y
该技能用于根据简报、大纲或现有内容生成符合品牌规范的Canva演示文稿。流程包括提取源内容、选择品牌套件、制定幻灯片计划及生成候选方案，最终交付可编辑的演示链接。
用户希望将笔记或大纲转化为演示文稿
用户要求基于现有Canva文档或设计链接创建带品牌标识的幻灯片
npx skills add fanfan-de/anybox --skill canva-branded-presentation -g -y
将单个 Canva 设计自动适配并导出为 Facebook、Instagram 和 LinkedIn 等主流社交平台的标准化尺寸变体，支持并行处理与失败隔离。
用户需要将一个 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 交互、本地应用测试及截图。
需要操作已登录会话或特定扩展的网页
需检查页面视觉状态或执行 UI 交互
测试本地 Web 应用
无专用 API/CLI 可用时的网页自动化
npx skills add fanfan-de/anybox --skill Chrome -g -y
将本地文件夹初始化为Cinema项目，通过创建标准目录结构和元数据文件来支持AI媒体生成工作流。适用于项目初始化、检查或修复场景。
用户要求初始化本地文件夹为Cinema项目
用户请求准备或打开Cinema项目目录
用户需要修复缺失的Cinema元数据
npx skills add fanfan-de/anybox --skill Initialize Cinema Project -g -y
