搜索「Frontend Development」的结果

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

面向 TypeScript、JavaScript、React、Node.js 开发的通用编码标准、最佳实践与模式。

io.github.mcp-use/mcp-use/mcp-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.alas-poor-ophelia/windrose-md/css-modern-features

只要在编写、评审或重构任何 CSS 就应使用本技能，无论是纯 .css 文件、styled-components、CSS Modules、Tailwind 任意值、React/Vue/Svelte 中的内联样式或其他任何前端场景。它确保在浏览器支持范围内尽量使用现代 CSS 特性 —— 例如 clamp()、:has()、容器查询、OKLCH 颜色、滚动驱动动画、锚点定位、@starting-style、light-dark()、text-wrap: balance 等。任何触及 CSS 的场合（哪怕是间接场景，例如需要自适应尺寸、主题系统、动画或布局）都应触发。当项目浏览器目标已支持原生现代 CSS 特性时，不要退回 px 媒体查询、JS 驱动动画或 CSS-in-JS 变通方案等旧模式。

io.github.vudovn/ag-kit/python-patterns

Python 开发原则与决策。框架选型、异步模式、类型标注、项目结构。教导思维方式而非照搬代码。

io.github.thedaviddias/Front-End-Checklist/find-npm-packages

需要为某条 Front-End Checklist 规则找出 2-3 个最流行且维护良好的 npm 包，验证其满足质量门槛并写入规则的 frontmatter 时使用。

io.github.thedaviddias/Front-End-Checklist/contract-testing

为前后端 API 边界搭建集成测试、评估两个服务能否独立安全部署，或用契约测试替换缓慢的端到端测试时使用。

io.github.jeremylongshore/claude-code-plugins-plus-skills/api-contract

当用户问到 API contract、api-contract.md、共享接口、TypeScript 接口、请求响应 schema、端点设计，或需要指导如何设计协调后端与前端 agent 的契约时使用。在构建或修改 API 端点时使用。触发语如 “create API”、“design endpoint”、“API scaffold”。

io.github.jeremylongshore/claude-code-plugins-plus-skills/cursor-local-dev-loop

用 Chat、Composer、Tab 与 Git 集成优化日常开发工作流。触发语：“cursor workflow”、“cursor development loop”、“cursor productivity”、“cursor daily workflow”、“cursor dev flow”。

io.github.remix-run/remix/review-pr

从本地开发检出评审 Remix 的 pull request。当被要求评审 PR、查看 pull request diff 或输出评审员风格的深入评估时使用。

io.github.wshobson/agents/python-testing-patterns

以 pytest、fixture、mock 和测试驱动开发实现完整的测试策略。适用于编写 Python 测试、搭建测试套件或落实测试最佳实践。

io.github.wshobson/agents/react-native-design

掌握 React Native 样式、导航与 Reanimated 动画，用于跨平台移动开发。在构建 React Native 应用、实现导航模式或创作高性能动画时使用。

io.github.telagod/code-abyss/developing-mobile-apps

移动开发知识参考，覆盖 iOS（SwiftUI）、Android（Jetpack Compose）、React Native 与 Flutter。在构建移动应用、使用跨平台框架或实现原生 UI 模式时使用。

io.github.redis/RedisInsight/backend

RedisInsight API 的 NestJS 后端开发模式：模块结构、services、controllers、DTO、依赖注入与错误处理。在编辑 redisinsight/api/** 下任何文件、编写或修改 NestJS 模块、控制器、服务、DTO、provider，或用户提到 backend、API、NestJS 时使用。

io.github.tedivm/robs_awesome_python_template/docker-compose

使用 Docker Compose 开发环境。适用场景：启动或停止服务、查看日志、在容器内打开 shell、重置数据库或了解服务拓扑。

io.github.podman-desktop/extension-bootc/backend-api

指导基于 @podman-desktop/api 与 bootc 扩展的 RPC 系统进行后端开发。涵盖容器引擎操作、provider 管理、RPC 通信、构建编排、VM 管理与配置。在处理 packages/backend/ 代码、为 BootcAPI 添加 RPC 方法、实现容器/镜像操作或询问后端模式时触发。

io.github.Chachamaru127/claude-code-harness/deploy

部署到 Vercel/Netlify，一张通往生产环境的单程票安排好。当用户提到部署、Vercel、Netlify、分析统计或健康检查时使用。不要用于：编码实现、本地开发、代码评审或环境初始化。

io.github.Infisical/infisical/testing-secrets-ui

端到端测试 Infisical 的密钥管理界面。在验证密钥的增删改查、URL 编码修复或前端 API 层改动时使用。

io.github.slopus/happy/dev

Happy monorepo 的本地开发指南。如何在本地构建、安装、测试并运行 CLI、后端、移动应用与桌面端（Tauri）。当用户输入 /dev，或询问如何「构建」「启动开发」「本地安装」或「运行某个包」时使用。

io.github.sickn33/antigravity-awesome-skills/mcp-tool-developer

从零构建 Model Context Protocol（MCP）服务器与工具。全栈式 MCP 开发，涵盖 TypeScript/Python、测试、部署与 registry 发布。

io.github.vudovn/ag-kit/python-patterns

Python 开发原则与决策。框架选型、异步模式、类型标注、项目结构。教导思维方式而非照搬代码。

io.github.uw-ssec/rse-plugins/css-architecture

在启动新前端项目并选择 CSS 方案、重构杂乱的 CSS、陷入选择器优先级之争、集成组件库、添加主题/暗色模式，或在 BEM、Tailwind、CSS Modules 与 CSS-in-JS 之间做选择时使用。

io.github.Yeachan-Heo/oh-my-codex/design

规范的仓库内 DESIGN.md 工作流：作为产品、UI/UX 与前端决策的唯一事实来源。

io.github.langgenius/dify/component-refactoring

重构 Dify 前端中高复杂度的 React 组件。当 pnpm analyze-component --json 显示 complexity > 50 或 lineCount > 300、用户要求拆分代码、提取 hook 或降低复杂度、或 pnpm analyze-component 提示先重构再测试时使用；简单或结构良好的组件、第三方封装组件、或用户明确只想测试不想重构时避免使用。

io.github.modu-ai/moai-adk/moai-domain-backend

后端开发专家，覆盖 API 设计、数据库集成、微服务架构和现代后端模式。在设计 API、实现服务端逻辑、认证或授权时使用。