Agent Skills
› fanfan-de/anybox
fanfan-de/anybox
GitHubAnybox桌面端前端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代码评审或重构时
维护前端UI文档或Token规范时
npx skills add fanfan-de/anybox --skill anybox-frontend-guidelines -g -y
用于Anybox Android移动端的全生命周期管理，涵盖本地开发、真机测试、APK构建、OTA发布及版本回滚。提供严格的门禁检查与GitHub Release规范，确保交付质量与流程合规。
Android移动端应用开发与调试
构建并签署正式或预览版APK
执行真机Smoke测试与设备验证
发布移动端版本至GitHub或CDN
处理移动端版本升级与回滚
npx skills add fanfan-de/anybox --skill anybox-mobile-release -g -y
用于构建、评审和迁移 Anybox 插件包，处理清单编写、分发验证及安装诊断。
创建或更新 Anybox 插件
插件清单评审与验证
插件迁移与格式检查
npx skills add fanfan-de/anybox --skill anybox-plugin -g -y
自动化将anyboxProvider项目打包、上传至腾讯云并基于Docker Compose部署。涵盖环境配置、容器启动及健康检查，适用于特定项目的发布与更新流程。
需要将本地项目部署到腾讯云
执行Docker Compose发布流程
更新服务器上的应用版本
npx skills add fanfan-de/anybox --skill deploy-anybox-tencent-docker-windows -g -y
在腾讯云服务器执行anybox的Docker Compose部署，涵盖环境检查、版本备份切换、脚本运行及nginx端口冲突处理等全流程操作。
需要在腾讯云服务器部署或更新anybox服务
服务器端Docker容器启动失败需故障排查
需要重置管理员密码或进行首次数据初始化
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、组织目录结构及配置 MCP 服务器等，确保符合当前插件系统规范。
询问如何构建插件文件夹结构
需要编写或校验 plugin.json 清单
检查插件包是否符合最新系统规范
迁移旧版插件格式
npx skills add fanfan-de/anybox --skill fanfande-plugin-structure -g -y
提供前端基础UI组件（如菜单、滚动条）的复用样式模板与实现规则，指导Agent在React等项目中映射设计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文件的读取、创建与审查，强调视觉渲染验证。支持使用Poppler渲染PNG检查排版，利用reportlab生成文档，通过pdfplumber提取文本，确保格式精准无误。
需要阅读或审查PDF内容
需要程序化创建PDF文档
需要验证PDF的最终渲染效果
npx skills add fanfan-de/anybox --skill pdf -g -y
提供音频转录技能，支持使用OpenAI API将音视频转为文本。具备说话人分离功能，可结合已知说话人提示进行标注。通过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第三方插件包，涵盖MCP工具配置、技能定义、连接器管理及插件元数据编写与调试。
用户要求创建或转换Anybox插件
需要编写或校验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/CLI，仅在无替代方案或需保留浏览器上下文时使用此技能。
用户明确要求操作 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任务
从笔记或Confluence页面提取行动项
解析会议笔记中的指派任务
分析笔记并为团队成员生成任务
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内容API，涵盖上传、下载、文件夹管理、共享链接、协作、搜索及AI检索等工作流。提供路由表指引开发者根据需求选择参考文档，强调复用现有认证栈并遵循最小验证原则。
需要实现Box文件上传或下载功能
配置Box文件夹列表或共享链接
开发基于Box事件的自动化流程
集成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应用添加Siri或快捷指令支持
设计App Intents以暴露应用功能
配置Shortcuts或Widget的深层链接
npx skills add fanfan-de/anybox --skill ios-app-intents -g -y
用于在iOS模拟器上构建、运行和调试应用。支持发现设备、配置会话、执行构建与启动，并提供UI交互、截图及日志捕获功能，辅助诊断运行时行为。
用户请求在iOS模拟器上运行App
需要检查模拟器UI或日志以排查问题
npx skills add fanfan-de/anybox --skill ios-debugger-agent -g -y
用于在iOS模拟器中捕获并分析ETTrace性能配置文件，定位启动或运行时延迟及CPU热点。
iOS应用性能分析
查找CPU高占用堆栈
对比性能追踪数据
npx skills add fanfan-de/anybox --skill ios-ettrace-performance -g -y
用于在iOS模拟器中捕获和分析内存泄漏及memgraph数据。通过复现流程、生成报告及验证修复补丁，帮助开发者定位并解决对象保留循环和内存增长问题。
调试iOS应用中的内存泄漏
分析retain cycles或内存持续增长
验证内存修复补丁的有效性
npx skills add fanfan-de/anybox --skill ios-memgraph-leaks -g -y
提供iOS模拟器镜像与SwiftUI预览功能，支持在浏览器中实时查看和交互，具备热重载能力，方便非Xcode环境下的前端开发与调试。
用户需要在浏览器中观看或交互iOS应用
用户希望在Xcode Canvas外查看SwiftUI预览
用户需要对预览进行实时迭代
npx skills add fanfan-de/anybox --skill ios-simulator-browser -g -y
指导在 iOS 26+ 中构建或审查 SwiftUI Liquid Glass UI，涵盖原生 API 使用、修饰符顺序、交互设计及性能优化。
实现新的 Liquid Glass 界面功能
审查现有界面的 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 构建与重构指南，涵盖导航、状态管理及布局等组件模式。指导开发者在现有项目中应用规范或在新项目中进行脚手架搭建，确保代码符合现代 SwiftUI 最佳实践。
构建 SwiftUI 界面
重构 SwiftUI 代码
设计导航结构
管理视图状态
npx skills add fanfan-de/anybox --skill swiftui-ui-patterns -g -y
指导重构SwiftUI视图，遵循轻量级状态管理、MV架构及子视图提取原则，提升代码可测试性与稳定性。
拆分大型SwiftUI视图文件
优化数据流与依赖注入
清理Observation所有权
将逻辑从View移至Service/Model
npx skills add fanfan-de/anybox --skill swiftui-view-refactor -g -y
指导在 macOS SwiftUI 开发中，如何以最小化、显式的方式桥接 AppKit，处理原生行为缺口。涵盖 Representable 选择、生命周期管理及数据流边界，避免状态重复和架构混乱。
需要访问 NSWindow 或面板
实现 SwiftUI 与 AppKit 的桥接代码
处理菜单验证或响应者链
npx skills add fanfan-de/anybox --skill appkit-interop -g -y
提供macOS应用构建、运行与调试的Shell优先工作流。自动创建统一脚本处理启动、编译及进程管理，支持lldb调试、日志流和遥测验证，适用于Xcode和SwiftPM项目。
需要构建或运行macOS应用
诊断构建失败或运行时错误
设置自动化启动调试流程
npx skills add fanfan-de/anybox --skill build-run-debug -g -y
指导在macOS SwiftUI应用中实现Liquid Glass设计系统，包括移除冲突UI、优化布局及添加玻璃特效，确保视觉一致性与可用性。
实现macOS SwiftUI Liquid Glass UI
审查并修复自定义Chrome与系统玻璃效果的冲突
npx skills add fanfan-de/anybox --skill liquid-glass -g -y
用于准备 macOS 应用的打包与公证工作流。涵盖归档、验证包结构、检查签名及 hardened runtime，以及诊断分发失败或公证就绪状态，确保应用符合发布要求。
macOS 应用归档构建
应用包结构验证
代码签名与公证故障排查
分发前合规性检查
npx skills add fanfan-de/anybox --skill packaging-notarization -g -y
用于诊断 macOS 代码签名、权限及 Gatekeeper 问题的技能。通过检查二进制文件和签名详情，分类故障并给出修复建议。
macOS 应用启动被拒
缺少权限或签名无效
沙盒或加固运行时错误
信任策略拒绝
npx skills add fanfan-de/anybox --skill signing-entitlements -g -y
用于在macOS环境下通过SwiftPM构建、运行和测试Swift包。当仓库以Package.swift为主入口且无Xcode项目时，提供标准化的构建执行与故障排查工作流。
需要构建Swift包
需要运行Swift可执行文件
需要执行Swift测试
npx skills add fanfan-de/anybox --skill swiftpm-macos -g -y
指导在 macOS 上使用 SwiftUI 构建桌面应用，涵盖窗口、工具栏、设置等场景的布局与组件开发。提供现有项目集成及新应用脚手架创建的规范，包括文件结构、状态管理及系统集成最佳实践。
需要创建或修改 macOS SwiftUI 窗口和界面组件
搭建新的 macOS SwiftUI 应用程序脚手架
npx skills add fanfan-de/anybox --skill swiftui-patterns -g -y
指导在macOS应用中集成轻量级运行时遥测，使用Apple OSLog记录关键行为并验证日志输出。
添加应用运行时日志
调试UI交互或后台事件
验证遥测数据准确性
npx skills add fanfan-de/anybox --skill telemetry -g -y
用于 macOS 测试分类，通过运行最小测试范围来精确识别构建、断言、崩溃或环境设置等失败原因，区分真实缺陷与随机故障，并提供修复建议。
需要分析 Xcode 或 SwiftPM 测试失败原因
区分测试是环境配置问题还是代码回归
排查异步时序或偶发性失败
npx skills add fanfan-de/anybox --skill test-triage -g -y
提供macOS SwiftUI视图重构指南，规范文件结构、拆分职责、提取子视图及稳定布局状态，减少AppKit依赖，提升代码可维护性。
重构大型SwiftUI视图
优化场景状态管理
拆分视图文件结构
npx skills add fanfan-de/anybox --skill view-refactor -g -y
指导如何在macOS SwiftUI中定制窗口行为，包括场景分类、工具栏隐藏、拖拽区域设置及窗口放置与恢复逻辑，优先使用SwiftUI修饰符而非AppKit桥接。
自定义macOS窗口标题栏或工具栏样式
调整SwiftUI窗口拖拽区域
配置窗口启动位置、缩放或还原行为
npx skills add fanfan-de/anybox --skill window-management -g -y
用于从零构建或重构高视觉品质的前端应用、仪表盘、游戏及创意网站。强调先生成图像设计稿，再严格实现10/10保真度的生产级代码，确保设计与浏览器渲染一致。
创建全新的前端应用或网站
要求重新设计、重做样式或现代化改造UI
构建仪表盘、游戏或创意网页
npx skills add fanfan-de/anybox --skill frontend-app-builder -g -y
用于前端应用的测试、调试及UI改进。通过优先调用Chrome插件或回退至Playwright，执行目标流程验证与交互检查，确保渲染行为正确并生成QA报告。
用户请求调试UI或使用前端开发插件改进界面
需要测试本地运行的前端应用并修复交互错误
npx skills add fanfan-de/anybox --skill frontend-testing-debugging -g -y
提供React和Next.js性能优化指南，涵盖消除数据瀑布、包体积优化及服务端性能等64条规则，用于指导代码编写、审查与重构。
编写或重构React/Next.js组件
进行代码审查以发现性能问题
优化数据获取策略
减小包体积或提升加载速度
npx skills add fanfan-de/anybox --skill react-best-practices -g -y
管理shadcn/ui组件项目，支持添加、搜索、调试、样式调整和UI组合。提供项目上下文、组件文档及使用示例，遵循特定设计原则与编码规范。
使用shadcn CLI命令（如init, add, search）
处理components.json配置文件
基于shadcn/ui构建或重构前端UI界面
npx skills add fanfan-de/anybox --skill shadcn -g -y
提供PostgreSQL性能优化、Schema设计及安全配置的最佳实践指南。适用于编写SQL、审查查询、优化索引及数据库配置场景，涵盖查询性能、连接管理及RLS等关键领域。
编写或审查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等主流社交平台的标准尺寸格式，支持批量并行处理与结果汇总。
用户要求将Canva设计调整为多个社交媒体平台尺寸
用户希望一键生成多平台适配的社交素材
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
通过 Node REPL 控制 Chrome 浏览器，用于处理依赖现有标签页、登录会话或 UI 交互的任务。支持导航、页面状态检查、本地 Web 应用测试及截图等操作。
用户明确要求使用 Chrome 浏览器进行操作
需要检查页面可见状态或进行 UI 交互
任务依赖已存在的标签页或登录会话
npx skills add fanfan-de/anybox --skill Chrome -g -y
将本地文件夹初始化为Cinema项目结构，创建元数据文件及目录。支持新建、检查和修复现有项目，确保幂等性且不覆盖用户文件，仅使用通用Shell命令。
初始化电影项目
准备本地文件夹
修复缺失的Cinema元数据
npx skills add fanfan-de/anybox --skill Initialize Cinema Project -g -y
