搜索「Frontend Development」的结果

io.github.n8n-io/n8n/setup-mcps

在 OpenCode 中为 n8n 开发配置 MCP 服务器。当用户输入 /setup-mcps 或要求为 n8n 设置 MCP 服务器时使用。

io.github.rmyndharis/antigravity-skills/mobile-developer

以现代架构模式开发 React Native、Flutter 或原生移动应用。精通跨平台开发、原生集成、离线同步与应用商店优化。在移动功能、跨平台代码或应用优化方面主动使用。

io.github.TriliumNext/Trilium/ckeditor5-reviewing

评审或审计 Trilium（TriliumNext Notes）monorepo 中的 CKEditor 5 插件代码，或涉及 packages/ckeditor5-*、packages/ckeditor5 构建的 PR/diff。用于检查 Trilium CKEditor 5 插件的正确性与惯用写法：schema/转换/命令/UI/widget 代码、CKEditor 特有缺陷（upcast/downcast 不对称、upcast 元素未消费、缺少 inline-widget 位置映射、命令 refresh/isEnabled 问题、内存泄漏、t() 遗漏、editing/UI 职责越界），以及 Trilium 集成缺陷（未在 plugins.ts 注册、toolbar.ts 缺少按钮、import/文件扩展 lint 失败、错误的 augmentation 模块、.po 本地化缺口、错误的测试环境）。与 ckeditor5-plugin-development、ckeditor5-testing 配套并复用其检查清单。

io.github.TriliumNext/Trilium/ckeditor5-testing

在 Trilium monorepo 中测试 CKEditor 5 插件。适用于为 packages/ckeditor5-* 包添加或评审单元测试、调试失败的测试，或为包搭建测试运行器。涵盖 Trilium 使用的两种 Vitest 环境（happy-dom 与 WebdriverIO 浏览器模式）、各包的 vitest.config.ts、基于真实 ClassicEditor 的测试、从 'ckeditor5' 导入的 model/view 辅助函数（_setModelData/_getModelData/_getViewData 及 {}/[] 选区语法）、vi spy/mock、schema/转换/命令/UI 测试的惯用写法、pnpm --filter 运行方式，以及 Trilium 特有的约定与坑。与 ckeditor5-plugin-development 和 writing-unit-tests 互补。

io.github.affaan-m/ECC/springboot-tdd

Spring Boot 的测试驱动开发，使用 JUnit 5、Mockito、MockMvc、Testcontainers 与 JaCoCo。在添加功能、修复 bug 或重构时使用。

io.github.affaan-m/ECC/dmux-workflows

基于 dmux（面向 AI 代理的 tmux 面板管理器）的多代理编排。涵盖 Claude Code、Codex、OpenCode 等多种运行框架下的并行代理工作流模式。在并行运行多个代理会话或协调多代理开发工作流时使用。

io.github.affaan-m/ECC/quarkus-tdd

Quarkus 3.x LTS 的测试驱动开发，使用 JUnit 5、Mockito、REST Assured、Camel 测试和 JaCoCo。适用于添加功能、修复缺陷或重构事件驱动服务。

io.github.mcp-use/mcp-use/mcp-apps-builder

所有 MCP 服务器工作的**强制要求**——mcp-use 框架最佳实践与模式。在任何 MCP 服务器工作前先阅读本技能，包括：创建新 MCP 服务器；修改既有 MCP 服务器（添加/更新 tools、resources、prompts、widgets）；调试 MCP 服务器问题或错误；审查 MCP 服务器代码的质量、安全与性能；回答 MCP 开发或 mcp-use 模式的问题；对 server.tool()、server.resource()、server.prompt() 或 widgets 做任何修改。本技能包含关键架构决策、安全模式与常见陷阱。实现 MCP 功能前务必先查阅相关参考文件。

io.github.alirezarezvani/claude-skills/engineering-skills

工程团队技能包的索引，支持 Claude Code、Codex、Gemini CLI、Cursor、OpenClaw 及另外 6 种工具。涵盖架构、前端、后端、QA、DevOps、安全、AI/ML、数据工程、Playwright、Stripe、AWS、MS365（仅 stdlib Python 工具）。用于浏览或选择工程团队角色技能——只加载所需的单个专家 SKILL.md，切勿批量加载整个技能包。

io.github.alirezarezvani/claude-skills/code-to-prd

将任意代码库逆向工程为完整的产品需求文档（PRD）。分析路由、组件、状态管理、API 集成与用户交互，产出业务可读、详尽到足以让工程师或 AI agent 完整重建每个页面与端点的文档。支持前端框架（React、Vue、Angular、Svelte、Next.js、Nuxt）、后端框架（NestJS、Django、Express、FastAPI）与全栈应用。当用户提及生成 PRD、逆向需求、代码转文档、从代码提取产品规格、记录页面逻辑、分析页面字段与交互、生成功能清单、基于现有代码库撰写需求、记录 API 端点或分析后端路由时使用。

io.github.first-fluke/fullstack-starter/oma-mobile

移动专家，覆盖 Flutter、React Native 与 Swift 原生 iOS 开发。用于移动应用、Flutter、Dart、React Native、Swift、SwiftUI、iOS、Android、Riverpod、swift-openapi-generator 与组件相关工作。

io.github.manaflow-ai/cmux/cmux-backend

cmux 的后端 TypeScript 与 Cloud VM 开发规则。用于编辑 web/app/api、web/services、后端脚本、Cloud VM 生命周期、provider 集成、Postgres、Stack Auth 计费门控、迁移，或 provider 镜像构建脚本。

io.github.gitlabhq/gitlabhq/gitlab-coding-principles

在规划或实现前加载所有相关的 GitLab 开发原则。逐一评估每个原则组以确保跨领域覆盖。

io.github.orangehrm/orangehrm/testing

OrangeHRM 测试分层参考——`phpunit.xml` 中声明的按插件 PHPUnit 测试套件、测试数据库生命周期（`instance:create-test-db` 构建含数据的 MySQL 库并由 `CoreFixtureService` 导出、bootstrap 在每个测试时还原）、测试基类（`TestCase` 用于纯单元测试、`KernelTestCase` 用于需要完整框架与 DI 容器的测试、`EntityTestCase` 用于纯实体测试、`EndpointTestCase` 与 `EndpointIntegrationTestCase` 用于带请求 mock 与异常期望的 API 端点测试）、YAML fixture 模式（按插件 `test/fixtures/<DaoName>.yml` + 在 `setUp()` 中调用 `TestDataService::populate($yamlPath)`）、前端单元测试的 Jest 配置（`@vue/cli-plugin-unit-jest/presets/typescript-and-babel`、同级 `__tests__/` 目录），以及用于 E2E 的 Cypress（独立工作区位于 `src/test/functional/`）。当用户编写测试、决定继承哪个基类、调试 fixture 加载、搭建测试数据库、运行单个测试类或试图弄清测试机制时使用。

io.github.FerroxLabs/wayland/sqlite-specialist

面向应用开发的 SQLite 专长，涵盖 WAL 模式配置、并发访问模式、FTS5 全文检索、JSON 支持、虚拟表、PRAGMA 优化、备份策略、文件锁行为、桌面与移动应用的内嵌模式、迁移策略，以及对容量与并发限制的理解。当用户询问 sqlite specialist、sqlite specialist 最佳实践，或需要 sqlite specialist 实施指导时使用。当用户需要其他专项技能或涉及无关技术领域时请勿使用。

io.github.FerroxLabs/wayland/css-architecture

指导实现专家级的 CSS 架构：html-css 与 web-development 决策框架、生产可用的模式以及 css 架构工作流的具体模板。当用户询问 css 架构、css architecture 配置，或 CSS 项目的 html-css 最佳实践时使用。当用户需要其他 Web 开发能力时请勿使用——可查看 web development 子类目下的同级技能。

io.github.FerroxLabs/wayland/accessible-mobile-developer

移动无障碍开发专长，涵盖 iOS VoiceOver 与 Android TalkBack 集成、SwiftUI 与 Jetpack Compose 的无障碍 API、触控目标尺寸、手势替代方案、动态字体支持、颜色对比合规、读屏软件测试，以及 WCAG 移动端专项成功标准。当用户询问 accessible mobile developer、相关技术、最佳实践，或需要该领域指导时使用。当请求超出 accessible mobile developer 范围或需要其他专项技能时请勿使用。

io.github.FerroxLabs/wayland/backend-architect

化身为资深后端架构师，设计可扩展、高可用的服务端系统，明确 API 契约、合理的模型与有据可查的取舍。当用户需要系统设计、数据库架构、API 契约定义、缓存策略或后端技术选型时使用。编写前端 UI 组件、CSS，或对现有 PR 做代码评审时请勿使用。

io.github.FerroxLabs/wayland/nextjs-performance

指导实现专家级的 Next.js 性能优化：TypeScript 与框架决策框架、生产可用的模式以及 nextjs 性能工作流的具体模板。当用户询问 next.js 性能、nextjs performance 配置，或 Next.js 项目的 TypeScript 最佳实践时使用。当用户需要其他 Web 开发能力时请勿使用——可查看 web development 子类目下的同级技能。

io.github.FerroxLabs/wayland/nextjs-deployment-patterns

指导实现专家级的 Next.js 部署模式：TypeScript 与框架决策框架、生产可用的模式以及 nextjs 部署模式工作流的具体模板。当用户询问 next.js 部署模式、nextjs deployment patterns 配置，或 Next.js 项目的 TypeScript 最佳实践时使用。当用户需要其他 Web 开发能力时请勿使用——可查看 web development 子类目下的同级技能。

io.github.FerroxLabs/wayland/nextjs-data-patterns

指导实现专家级的 Next.js 数据模式：TypeScript 与框架决策框架、生产可用的模式以及 nextjs 数据模式工作流的具体模板。当用户询问 next.js 数据模式、nextjs data patterns 配置，或 Next.js 项目的 TypeScript 最佳实践时使用。当用户需要其他 Web 开发能力时请勿使用——可查看 web development 子类目下的同级技能。

io.github.FerroxLabs/wayland/nextjs-app-router-patterns

指导实现专家级的 Next.js App Router 模式：TypeScript 与框架决策框架、生产可用的模式以及 App Router 工作流的具体模板。当用户询问 next.js app router 模式、nextjs app router 模式配置，或 Next.js 项目的 TypeScript 最佳实践时使用。当用户需要其他 Web 开发能力时请勿使用——可查看 web development 子类目下的同级技能。

io.github.affaan-m/ECC/quarkus-tdd

Quarkus 3.x LTS 的测试驱动开发，使用 JUnit 5、Mockito、REST Assured、Camel 测试和 JaCoCo。适用于添加功能、修复缺陷或重构事件驱动服务。

io.github.affaan-m/ECC/coding-standards

跨项目的基础编码约定，涵盖命名、可读性、不可变性与代码质量评审。框架特定的模式请使用前端或后端专用 skill。