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 (395)
Showing top 50 of 395 by quality score. Use the install list command or open individual skills for the rest.
提供Anybox桌面端前端UI规范与实现流程，指导React/Electron界面设计、开发、评审及重构。涵盖组件复用、CSS Token管理、主题适配及代码收敛原则，确保视觉一致性与可访问性。
设计或实现Anybox前端UI组件
审查或重构前端界面代码
处理CSS Token与主题适配问题
npx skills add fanfan-de/anybox --skill anybox-frontend-guidelines -g -y
Anybox Android移动端开发与发布指南，涵盖本地开发、真机测试、签名构建及GitHub Release流程。
Android应用打包与发布
移动端真机测试与验证
React Native原生配置与构建
npx skills add fanfan-de/anybox --skill anybox-mobile-release -g -y
用于构建、评审和验证 Anybox 插件包及清单，涵盖 MCP Server、Connector、App Runtime 等规范，确保目录结构、权限及安全策略符合最新运行时要求。
创建或更新 Anybox 插件
诊断插件安装或兼容性问题
评审插件 manifest.json 规范
npx skills add fanfan-de/anybox --skill anybox-plugin -g -y
用于将anyboxProvider项目打包、上传至腾讯云并Docker部署。涵盖环境检查、配置生产变量、执行脚本及验证接口。
需要部署anyboxProvider到腾讯云服务器
更新或重新发布腾讯云上的Docker服务
配置腾讯云生产环境变量
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 前端 UI 风格规范，指导 React/Electron 界面设计与重构。涵盖 Token 使用、组件样式、交互状态及文案极简原则，确保桌面应用视觉一致性与生产力体验。
需要设计或重构前端 UI 组件
检查代码是否符合全局视觉规范
调整 Electron 应用样式与布局
npx skills add fanfan-de/anybox --skill fanfande-frontend-style -g -y
指导构建、解释和验证 Anybox/Fanfande 插件包结构，包括 manifest 编写、目录规范及迁移规则。
询问插件文件夹结构
编写 plugin.json 清单
检查插件包合规性
npx skills add fanfan-de/anybox --skill fanfande-plugin-structure -g -y
提供前端基础 UI 组件（如菜单、滚动条、按钮等）的可复用样式模板与实现规则，指导在 React/Vite 项目中映射设计 Token 并统一视觉规范。
需要为前端组件应用统一样式
重构或新建 UI 组件样式
配置 CSS Token 映射
npx skills add fanfan-de/anybox --skill frontend-ui-style-kit -g -y
提供类 Obsidian 风格的桌面应用设置界面设计规范，涵盖布局、侧边栏及控件样式，用于构建或重构偏好设置页面。
需要设计桌面端设置或偏好页面
要求生成具有安静、低对比度风格的 UI 组件
npx skills add fanfan-de/anybox --skill obsidian-like -g -y
提供PDF文件的读取、创建与视觉审查能力。通过渲染页面检查布局，使用Python库生成或提取内容，确保排版质量并清理临时文件。
需要读取或审查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文章发布至知乎，涵盖解析元数据、处理图片、填充编辑器及更新链接。
准备发布知乎文章
验证并上传.md到知乎
自动发布博客到知乎专栏
npx skills add fanfan-de/anybox --skill zhihu-md-publisher -g -y
用于创建、审查和验证 Anybox 第三方插件包。涵盖插件结构定义、manifest 编写、MCP/Connector 配置及调试安装故障，确保插件符合运行时规范。
用户要求创建或开发 Anybox 插件
需要将 API 或工具转换为可安装的插件包
编写或修改 plugin.json 配置文件
调试插件目录发现或安装诊断失败问题
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
通过Anybox Node REPL控制Chrome浏览器，用于导航、页面状态检查、UI交互（点击/输入）、本地Web应用测试及截图。优先使用专用API，仅在无替代方案或需利用现有会话状态时使用此技能。
用户明确要求操作Chrome浏览器
需要检查页面视觉或交互状态
需要进行UI自动化交互如点击或填写表单
测试本地Web应用的前端表现
npx skills add fanfan-de/anybox --skill Chrome -g -y
用于创建、审查和验证 Anybox 第三方插件包，涵盖插件结构定义、manifest 编写、MCP/Connector 配置及调试安装故障。
创建或转换第三方插件
编写 plugin.json 清单
添加 MCP 服务器或 Skill
调试插件目录或安装失败
npx skills add fanfan-de/anybox --skill anybox-plugin-development -g -y
从会议笔记中提取行动项并创建Jira任务，支持Confluence链接或直接粘贴文本，自动识别负责人并生成工单。
从会议记录提取行动项
将会议纪要转换为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
管理B站创作者账号，包括认证检查、粉丝数据监控与快照、视频及文章发布流程，以及严格保护下的内容删除操作。
查询B站创作者数据或粉丝变化
发布视频或文章到B站
删除B站视频或文章
npx skills add fanfan-de/anybox --skill bilibili-creator -g -y
通过官方MCP服务器控制Blender，实现场景检查、导航、渲染及修改。涵盖环境预检、API文档查询、安全执行Python代码及渲染工作流，支持对对象、材质和数据的操作与变更管理。
需要检查或导航Blender场景
请求渲染3D内容
需要修改Blender对象或材质
调用Blender Python API
npx skills add fanfan-de/anybox --skill blender-workflow -g -y
指导构建和调试 Box 集成，涵盖文件上传、文件夹管理、共享链接、协作、搜索及 Box AI 检索等工作流。提供路由指引以选择正确的 API 端点和验证步骤。
需要实现 Box 文件上传或下载功能
调试 Box Webhook 或事件触发逻辑
集成 Box AI 进行文档搜索或摘要
配置 Box 文件夹权限或协作关系
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等系统入口暴露应用动作与内容。涵盖从识别核心动作到实现深链接及运行时交接的完整工作流。
需要集成Siri或Shortcuts功能
实现Widget或控件中的应用交互
优化应用外部入口的深链接体验
npx skills add fanfan-de/anybox --skill ios-app-intents -g -y
通过XcodeBuildMCP在iOS模拟器上构建、运行和调试应用。支持发现设备、配置会话、编译启动、UI交互（点击/滑动）、截图及日志捕获，用于诊断运行时行为和检查界面状态。
需要构建并运行iOS应用
检查或操作iOS模拟器UI
获取应用日志以排查问题
npx skills add fanfan-de/anybox --skill ios-debugger-agent -g -y
用于在 iOS Simulator 中捕获、符号化并分析 ETTrace 性能配置文件，专注于启动或运行时延迟 profiling。
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 预览及热重载。用于在浏览器中实时交互、查看 UI 效果或捕获模拟证明。
需要在浏览器中查看 iOS 应用界面
使用 SwiftUI 进行组件预览和热重载开发
npx skills add fanfan-de/anybox --skill ios-simulator-browser -g -y
用于构建或审查符合 iOS 26+ SwiftUI Liquid Glass API 的 UI 功能。指导使用原生玻璃效果 API、正确修饰符顺序及降级方案，确保设计一致性与性能。
实现新的 SwiftUI 界面并需应用 Liquid Glass 效果
审查现有代码中 Liquid Glass 的使用正确性、性能与设计契合度
npx skills add fanfan-de/anybox --skill swiftui-liquid-glass -g -y
用于诊断 SwiftUI 应用性能问题，如渲染缓慢、卡顿等。通过代码审查定位潜在性能陷阱，必要时引导用户进行运行时性能分析，并提供修复建议和验证步骤。
诊断 SwiftUI 渲染缓慢或卡顿
排查视图更新开销过大
需要 SwiftUI 性能分析与优化建议
npx skills add fanfan-de/anybox --skill swiftui-performance-audit -g -y
提供 SwiftUI UI 构建与重构指南，涵盖导航、状态管理、布局及组件模式。支持现有项目优化与新项目脚手架搭建，强调现代 SwiftUI API 使用与代码规范。
需要构建或重构 SwiftUI 界面
处理 SwiftUI 状态管理与数据流
设计导航、列表或弹窗交互
新项目初始化 SwiftUI 架构
npx skills add fanfan-de/anybox --skill swiftui-ui-patterns -g -y
指导重构 SwiftUI 视图，遵循 MV 模式，优先使用本地状态和环境注入，将大视图拆分为小型、可测试的子视图组件，以优化数据流和代码结构。
拆分大型 SwiftUI 视图
清理 Observation 所有权
优化视图数据流
npx skills add fanfan-de/anybox --skill swiftui-view-refactor -g -y
指导在 macOS SwiftUI 开发中，如何最小化桥接至 AppKit。涵盖 NSView/NSViewControllerRepresentable 选择、窗口面板、菜单验证及响应者链处理，确保数据流清晰和生命周期安全。
需要访问 NSWindow 或面板
处理 macOS 菜单验证
使用第一响应者链
实现 NSViewRepresentable 桥接
npx skills add fanfan-de/anybox --skill appkit-interop -g -y
提供macOS应用构建、运行与调试的Shell优先工作流。自动配置脚本以统一执行杀进程、编译和启动，支持LLDB调试、日志流监控及过程验证，解决构建失败或运行时故障。
需要构建并启动macOS应用
诊断应用启动或运行时错误
配置自动化构建运行脚本
npx skills add fanfan-de/anybox --skill build-run-debug -g -y
指导在macOS SwiftUI应用中实现Liquid Glass UI，移除冲突自定义样式，规范结构布局与工具栏设计，确保视觉连贯性与可用性。
需要实现或审查macOS SwiftUI Liquid Glass界面
采用系统玻璃效果并移除冲突的自定义窗口装饰
npx skills add fanfan-de/anybox --skill liquid-glass -g -y
用于 macOS 应用打包、签名验证及公证流程的技能。涵盖归档导出、Bundle 结构检查、Hardened Runtime 配置及分发故障排查，确保应用符合上架要求。
macOS 应用归档与导出
App Bundle 结构与签名验证
Notarization 公证失败排查
分发合规性检查
npx skills add fanfan-de/anybox --skill packaging-notarization -g -y
用于诊断 macOS 代码签名、权限和 Gatekeeper 问题。通过检查二进制文件签名状态、分类失败类型并提供修复命令，解决启动拒绝或信任策略错误。
macOS 应用启动失败
代码签名无效或缺失权限
Hardened Runtime 或沙盒冲突
Gatekeeper 信任策略拒绝
npx skills add fanfan-de/anybox --skill signing-entitlements -g -y
用于在 macOS 环境下通过 Swift Package Manager (SwiftPM) 构建、运行和测试 Swift 包。适用于以 Package.swift 为主入口或无 Xcode 项目的场景，提供从检查包结构到执行命令及分析失败的完整工作流。
需要构建 SwiftPM 包
需要运行 SwiftPM 可执行文件
需要测试 SwiftPM 包
npx skills add fanfan-de/anybox --skill swiftpm-macos -g -y
指导在macOS上构建SwiftUI应用，涵盖窗口、工具栏、设置等桌面模式。支持现有项目重构与新项目脚手架生成，强调文件结构、状态管理及系统适配颜色，确保遵循Apple设计规范。
需要创建或修改macOS SwiftUI界面组件
初始化新的macOS 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 测试分类与故障排查，支持 Xcode 和 SwiftPM。通过缩小测试范围、精确分类失败类型（如构建错误、断言失败、崩溃等），智能重跑并生成清晰摘要，区分编译与执行问题，避免误判回归。
macOS 测试失败分析
Xcode 或 SwiftPM 测试故障排查
区分测试设置问题与回归缺陷
npx skills add fanfan-de/anybox --skill test-triage -g -y
指导 macOS SwiftUI 应用重构，规范视图拆分、文件结构及状态管理。适用于分解大视图、优化场景状态或限制 AppKit 混用等场景。
拆分大型 SwiftUI 视图
优化 Scene 状态管理
规范化 Swift 文件结构
npx skills add fanfan-de/anybox --skill view-refactor -g -y
用于自定义 macOS SwiftUI 应用窗口的场景行为，包括调整工具栏、拖拽区域、窗口放置及恢复等。适用于优化窗口外观和交互体验的开发任务。
需要自定义 SwiftUI 窗口的外观（如隐藏标题栏）
调整窗口拖拽区域或行为
配置窗口启动、缩放或恢复逻辑
npx skills add fanfan-de/anybox --skill window-management -g -y
用于从零构建高质量前端应用、仪表盘及创意网站。优先通过图像生成视觉概念，经用户确认后严格实现像素级还原，确保设计稿与浏览器渲染效果高度一致，适用于需要高审美和精细UI的场景。
创建新的前端应用或仪表盘
设计创意网站或Hero区域
要求重新设计或现代化改造现有界面
npx skills add fanfan-de/anybox --skill frontend-app-builder -g -y
用于前端应用的测试、调试及UI改进。通过Build Web Apps或web dev插件，结合Chrome插件或Playwright进行渲染验证和交互修复，提供QA报告。
调试UI问题
测试本地应用并修复交互
使用web dev插件优化仪表盘
对前端渲染页面进行视觉质量检查
npx skills add fanfan-de/anybox --skill frontend-testing-debugging -g -y
提供React和Next.js性能优化指南，涵盖消除瀑布流、包体积优化及服务端性能等规则。用于编写、审查或重构代码以确保最佳性能模式。
编写React组件或Next.js页面
实施数据获取逻辑
审查代码性能问题
重构现有前端代码
优化包体积或加载速度
npx skills add fanfan-de/anybox --skill react-best-practices -g -y
管理 shadcn/ui 组件与项目，涵盖添加、搜索、修复、调试、样式调整和组合 UI。提供上下文、文档及使用示例，强制遵循 Tailwind 和表单规范，适用于涉及 shadcn 的项目开发。
使用 shadcn CLI 添加或管理组件
需要构建或调整 UI 界面
查询 shadcn 组件文档或示例
处理包含 components.json 的项目
npx skills add fanfan-de/anybox --skill shadcn -g -y
提供 Supabase Postgres 性能优化最佳实践，涵盖查询、索引、连接池、RLS 安全及 Schema 设计。用于编写、审查和优化 SQL 查询与数据库配置，提升数据库性能与安全性。
编写或优化 SQL 查询
设计数据库 Schema
审查数据库性能问题
配置连接池或扩展策略
实施行级安全 (RLS)
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等主流社交平台的标准尺寸，批量生成并导出高分辨率PNG文件，提供下载与编辑链接。
用户需要将一个设计适配多个社交媒体平台
用户要求批量生成不同尺寸的社交媒体图片
npx skills add fanfan-de/anybox --skill canva-resize-for-all-social-media -g -y
用于将Canva设计文件中的文本翻译为指定语言，同时保持原有布局。通过复制源文件、批量替换文本来生成本地化版本，并在保存前提示用户审批及潜在的排版风险。
用户要求将Canva设计翻译成另一种语言
用户需要现有Canva设计的本地化副本
npx skills add fanfan-de/anybox --skill canva-translate-design -g -y
