前端开发模式
SkillSkillsMP
io.github.affaan-m/ECC/frontend-patterns
面向 React、Next.js 的前端开发模式，涵盖状态管理、性能优化与 UI 最佳实践。当构建或审阅 React、Next.js 的组件、状态或渲染性能时使用。
source
“Software Development” 共 421 个结果
io.github.affaan-m/ECC/frontend-patterns
面向 React、Next.js 的前端开发模式，涵盖状态管理、性能优化与 UI 最佳实践。当构建或审阅 React、Next.js 的组件、状态或渲染性能时使用。
io.github.ruvnet/ruflo/hooks-automation
通过带 MCP 集成的智能钩子，从 Claude Code 操作中自动完成协调、格式化与学习。涵盖 pre/post 任务钩子、会话管理、Git 集成、记忆协同与神经网络模式训练，以提升开发工作流。
io.github.getsentry/sentry/setup-dev
使用 devenv 搭建和管理 Sentry 开发环境。处理全新安装、环境更新、启动开发服务、重置数据库、按 worktree 的环境配置（每个 worktree 需要自己的 devenv sync/.venv）以及故障排查。当被要求“set up sentry”“setup dev environment”“get sentry running”“start dev server”“devenv setup”“devservices not working”“sentry won't start”“reset the database”“new worktree venv/devenv setup”，或遇到任何开发环境问题时使用。
io.github.github/awesome-copilot/sql-code-review
通用 SQL 代码审查助手，对所有 SQL 数据库（MySQL、PostgreSQL、SQL Server、Oracle）进行全面的安全性、可维护性与代码质量分析。聚焦 SQL 注入防护、访问控制、代码规范与反模式检测。与 SQL 优化提示互补，覆盖完整开发环节。
io.github.affaan-m/ECC/docker-patterns
面向本地开发的 Docker 与 Docker Compose 模式，包括加固的 CLI 安装脚本运行环境、容器安全、网络、卷与多服务编排。当编写或审阅 Dockerfile 与 Compose 服务、跨 Linux 发行版测试安装脚本，或规划准确的 macOS 与 Windows 原生验证时使用。
io.github.mukul975/Anthropic-Cybersecurity-Skills/implementing-api-schema-validation-security
基于 OpenAPI Specification 与 JSON Schema 文档实施 API schema 校验，在 API 网关（运行时）与开发阶段（shift-left）双重执行，锁定请求/响应契约并拒绝未知属性。适用于防御注入攻击（SQLi、XSS、XXE）、阻止 mass assignment，或防止未经校验的 API 响应泄露数据。
io.github.mukul975/Anthropic-Cybersecurity-Skills/implementing-policy-as-code-with-open-policy-agent
用 Open Policy Agent（OPA）与 Gatekeeper 在 Kubernetes 与 CI/CD 流水线中实现策略即代码执行，涵盖编写 Rego 策略、把 OPA Gatekeeper 部署为 Kubernetes 准入控制器、开发期测试策略，以及把策略评估集成到部署流水线。适用于编写 Rego 策略、部署 Gatekeeper 准入控制，或用策略即代码检查为 CI/CD 流水线设门禁。
io.github.rtk-ai/rtk/tdd-rust
RTK filter 开发的 TDD 流程，以 Rust 惯用法执行红-绿-重构。使用真实 fixture、token 节省断言和 insta 快照测试。新 filter 实现时自动触发。
io.github.bytedance/deer-flow/engineer-system-change
从第一性原理评估并执行非平凡的软件系统变更。用于评估 RFC、issue、设计、功能、重构、依赖变更，以及所提字段、事件、API、模块与服务的必要性、消费者、系统适配、验证、回滚需要推敲的场景。阅读真实系统，识别具体问题与具名语义消费者，选择最小充分方案，拒绝伪需求与投机性抽象，并要求与风险相称的证据。不用于机械式编辑、源码讲解，或对已完成 diff 的专项审查。
io.github.first-fluke/oh-my-agent/oma-mobile
移动端专家，负责 Flutter、React Native 和 Swift 原生 iOS 开发。用于移动应用、Flutter、Dart、React Native、Swift、SwiftUI、iOS、Android、Riverpod、swift-openapi-generator 和 widget 相关工作。
io.github.first-fluke/oh-my-agent/oma-mobile
移动端专家，负责 Flutter、React Native 和 Swift 原生 iOS 开发。用于移动应用、Flutter、Dart、React Native、Swift、SwiftUI、iOS、Android、Riverpod、swift-openapi-generator 和 widget 相关工作。
io.github.comet-ml/opik/local-dev
本地开发环境搭建与命令。在协助配置开发服务器、Docker 或本地测试时使用。
io.github.modu-ai/moai-adk/moai-domain-backend
后端开发专家，覆盖 API 设计、数据库集成、微服务架构和现代后端模式。在设计 API、实现服务端逻辑、认证或授权时使用。
io.github.diet103/claude-code-infrastructure-showcase/backend-dev-guidelines
Node.js/Express/TypeScript 微服务的完整后端开发指南。在创建路由、控制器、服务、repository、middleware，或使用 Express API、Prisma 数据库访问、Sentry 错误追踪、Zod 校验、unifiedConfig、依赖注入或异步模式时使用。涵盖分层架构（routes → controllers → services → repositories）、BaseController 模式、错误处理、性能监控、测试策略，以及从遗留模式的迁移。
io.github.diet103/claude-code-infrastructure-showcase/frontend-dev-guidelines
React/TypeScript 应用的前端开发准则。包含 Suspense、懒加载、useSuspenseQuery、按 features 目录组织文件、MUI v7 样式、TanStack Router、性能优化与 TypeScript 最佳实践等现代模式。在创建组件、页面、功能模块、拉取数据、写样式、路由或处理前端代码时使用。
io.github.compozy/compozy/testing-boss
关于“写出能暴露 bug 而非侥幸通过”的测试准则，覆盖软件与 LLM/AI 系统。在编写或评审测试、新增 mock、判断测试该放在哪一层、让编码 agent 生成测试、排查 flaky CI、为 LLM/agent 功能设计 eval 套件，或重建脆弱的测试集时使用。不用于通用代码评审、与测试无关的库调试、超出测试范围的 CI 流水线设计，或生产可观测性。
io.github.aiskillstore/marketplace/backend-orchestrator
协调后端开发任务（API、服务、数据库）。在实现 REST API、业务逻辑、数据模型或服务集成时使用，并应用 backend-standard.md 作为质量闸门。
io.github.Arize-ai/phoenix/phoenix-frontend
Phoenix AI 可观测性平台的前端开发准则。在 app/ 目录编写、审查或修改 React 组件、TypeScript 代码、样式或 UI 功能时使用。任何前端任务都会触发——新组件、UI 变更、样式、无障碍修复、表单处理或组件重构。用户询问本项目前端约定或组件模式时也使用。设计系统规则（错误展示、布局、对话框、令牌）请改用 phoenix-design 技能。
io.github.citypaul/.dotfiles/typescript-strict
TypeScript 严格模式实践，包括 schema 优先开发、品牌类型、type 与 interface 的选型指引及 tsconfig 严格标志。在编写 TypeScript 代码、定义类型或 schema、审查类型安全时使用。不可变性与纯函数相关模式请参阅 functional 技能。
io.github.wondelai/skills/refactoring-patterns
运用具名重构变换改进代码结构而不改变行为。当用户提到“重构这段代码”“代码坏味道”“提取方法”“替换条件”“技术债”“下移方法”“内联变量”“分解条件”或“清理这段烂代码”时使用。也在整理遗留代码、为新增功能重组代码、或判断哪种变换对应某种代码坏味道时触发。覆盖坏味道驱动重构、安全变换序列与测试保障。代码质量基础参见 clean-code；复杂度管理参见 software-design-philosophy
io.github.pdsuwwz/nextjs-nextra-starter/nextjs-nextra-starter-distill
蒸馏并应用本仓库 Next.js Nextra 启动模板的架构、已实现功能、扩展点与迁移模式。适用于需要理解本项目、继续第二阶段开发、修改 docs/landing/i18n/theme/auth/UI 行为，或把 Next.js 16 + Nextra 4 + Tailwind CSS 4 这些模式复用到其他项目的场景。
io.github.sickn33/antigravity-awesome-skills/senior-frontend
面向 React、Next.js、TypeScript 与 Tailwind CSS 应用的前端开发技能。在构建 React 组件、优化 Next.js 性能、分析 bundle 体积、搭建前端项目、实现无障碍或审查前端代码质量时使用。
io.github.borghei/Claude-Skills/senior-backend
基于 Node.js/Express/Fastify 与 PostgreSQL 的后端开发。在设计 REST 或 GraphQL API、优化数据库查询、实现认证、构建微服务、处理迁移或审查后端代码时使用。
io.github.redis/RedisInsight/frontend
RedisInsight UI 的 React/Redux 前端开发模式：组件目录结构、styled-components、hooks、命名导出、barrel 文件、布局组件与主题用法。在编辑 redisinsight/ui/** 下任何文件、编写或修改 React 组件、Redux slice、styled-components、自定义 hook，或用户提到 UI、frontend、React、Redux、styled-components 时使用。