react-best-practices（React 最佳实践）
SkillSkillsMP
io.github.sickn33/antigravity-awesome-skills/react-best-practices
由 Vercel 维护的 React 与 Next.js 应用全面性能优化指南。在编写新的 React 组件或 Next.js 页面、实现数据获取（客户端或服务端），或审查代码性能问题时使用。
source
“Data Analysis” 共 943 个结果
io.github.sickn33/antigravity-awesome-skills/react-best-practices
由 Vercel 维护的 React 与 Next.js 应用全面性能优化指南。在编写新的 React 组件或 Next.js 页面、实现数据获取（客户端或服务端），或审查代码性能问题时使用。
io.github.mock-server/mockserver-monorepo/browser-auth
说明如何用 Chrome DevTools MCP 浏览需认证的网页、提取数据（令牌、配置值）、截图并处理登录流程。当需要通过 Chrome 浏览器访问 Buildkite、AWS Console 等需登录的 Web UI 时使用。当用户问到「browser auth」「从浏览器提取 token」「打开 buildkite」「chrome mcp」，或需要抓取需认证页面的数据时触发。
io.github.alirezarezvani/claude-skills/browser-automation
当用户要求自动化浏览器任务、抓取网站、填写表单、截图、从网页提取结构化数据或构建 Web 自动化工作流时使用。不用于测试——测试请使用 playwright-pro。
io.github.danielmiessler/LifeOS/Apify
通过 Apify actor 抓取社交媒体平台、商业数据与电商内容——Instagram 资料/帖子/话题标签/评论、LinkedIn 资料/职位/帖子、TikTok 资料/话题标签/视频/评论、YouTube 频道/搜索/评论、Facebook 帖子/群组/评论、Google Maps 商家搜索并提取联系方式/评论/图片、Amazon 商品/评论/价格，以及配合自定义 pageFunction 提取逻辑的通用多页网页爬取。基于文件的 TypeScript 封装（scrapeInstagramProfile、searchGoogleMaps、scrapeAmazonProduct、scrapeWebsite 等）在返回模型上下文前于代码中过滤与转换数据，相比直接走 MCP 协议可节省 95-99% 的 token。通过 Promise.all 并行查询多平台，支撑社媒监听看板。线索富化流水线：Google Maps → 合格过滤 → 可选 LinkedIn 富化。可同时在 Instagram、YouTube、TikTok 上做竞品分析。适用场景：抓取 Instagram、抓取 LinkedIn、抓取 TikTok、抓取 YouTube、抓取 Faceboo
io.github.danielmiessler/Personal_AI_Infrastructure/Apify
通过 Apify actor 抓取社交媒体平台、商业数据与电商内容——Instagram 资料/帖子/话题标签/评论、LinkedIn 资料/职位/帖子、TikTok 资料/话题标签/视频/评论、YouTube 频道/搜索/评论、Facebook 帖子/群组/评论、Google Maps 商家搜索并提取联系方式/评论/图片、Amazon 商品/评论/价格，以及配合自定义 pageFunction 提取逻辑的通用多页网页爬取。基于文件的 TypeScript 封装（scrapeInstagramProfile、searchGoogleMaps、scrapeAmazonProduct、scrapeWebsite 等）在返回模型上下文前于代码中过滤与转换数据，相比直接走 MCP 协议可节省 95-99% 的 token。通过 Promise.all 并行查询多平台，支撑社媒监听看板。线索富化流水线：Google Maps → 合格过滤 → 可选 LinkedIn 富化。可同时在 Instagram、YouTube、TikTok 上做竞品分析。适用场景：抓取 Instagram、抓取 LinkedIn、抓取 TikTok、抓取 YouTube、抓取 Faceboo
io.github.CoreBunch/Instatic/agent-browser
面向 AI agent 的浏览器自动化 CLI。当用户需要与网站交互时使用，包括页面导航、填写表单、点击按钮、截图、提取数据、测试 Web 应用或自动化任何浏览器任务。触发语包括「打开网站」「填写表单」「点击按钮」「截图」「抓取页面数据」「测试这个 Web 应用」「登录网站」「自动化浏览器操作」等需要程序化网页交互的任务。
io.github.foryourhealth111-pixel/Vibe-Skills/designing-experiments
在分析之前设计实验与准实验。用于选择研究设计、处理/对照结构、结果指标、假设、科学实验失败后的验证方案，以及判断 DiD、ITS、合成控制、回归断点哪种更契合研究问题。若是在已有数据上拟合模型或估计效应，请改用 performing-causal-analysis。
vdevelop
io.github.SparkDevNetwork/Rock/sql
为 Rock RMS 数据库生成安全、正确的 SQL 脚本。处理 INSERT、UPDATE、DELETE、SELECT 查询、数据迁移与种子脚本，并遵循 Rock 的 schema 约定（PersonAlias、审计列、FK 约束、DefinedType/DefinedValue 查找、基于 Guid 的引用）。当用户说“create a sql script”“write sql”“insert data”“seed data”“data migration”“update records”“sql for Rock”“populate data”“add test data”“query Rock database”，或任何直接对 Rock RMS 数据库执行 SQL 的请求时使用。当用户描述要在 Rock 中添加、修改或查询的数据——即使未明说“SQL”——也应使用，例如“add 100 attendance records”“create a new campus”“give Ted Decker some financial transactions”“set up check-in data”。凡涉及 Rock 数据库记录且 SQL 是合适工具的任务，使用本技能。
io.github.getsentry/sentry/django-models
遵循 silo、复制、relocation 与外键等架构约定，为 Sentry 设计 Django ORM 模型。在新增 Django 模型、为功能设计模型、决定数据存放位置、选择外键类型，或重构现有模型的 silo 归属时使用。触发语：“add a Django model”“create a model”“design a model for X”“new database table”“store this data in the DB”“I need to track Y”“model for [feature]”。不适用于 Pydantic 模型、dataclass、ML 模型或 Protobuf——本技能专指 Sentry 代码库中的 Django ORM 模型。
io.github.eclipse-rdf4j/rdf4j/docker-jfr-benchmark-loop
在 Docker 中针对 Linux Java 26 与 JFR CPU 时间剖析，对单个 JMH 基准运行可重复的 RDF4J 性能循环。在本仓库进行基准引导的性能改动、热点定位、JFR 解读、CPU 瓶颈分析或重复的基线-修复-重跑循环时使用。当请求提及 benchmark、profiling、JFR、hotspot、perf loop、CPU bottleneck 或 RDF4J 的 Docker 基准运行时触发。
io.github.langfuse/langfuse/vercel-react-best-practices
来自 Vercel 工程团队的 React 与 Next.js 性能优化准则。编写、评审或重构 React/Next.js 代码时应使用，以确保采用最优性能模式。涉及 React 组件、Next.js 页面、数据获取、包体积优化或性能提升的任务时触发。
io.github.Jeffallan/claude-skills/sql-pro
优化 SQL 查询、设计数据库 schema 并排查性能问题。当用户询问查询为何变慢、需要帮助编写复杂 join 或聚合、提到数据库性能问题，或想设计/迁移 schema 时使用。用于复杂查询、窗口函数、CTE、索引策略、执行计划分析、覆盖索引创建、递归查询、解读 EXPLAIN/ANALYZE、前后基准对比，或在数据库方言（PostgreSQL、MySQL、SQL Server、Oracle）之间迁移查询。
io.github.Jeffallan/claude-skills/mcp-developer
在构建、调试或扩展用于连接 AI 系统与外部工具、数据源的 MCP 服务器或客户端时使用。用于实现 tool handler、配置 resource provider、搭建 stdio/HTTP/SSE 传输层、用 Zod 或 Pydantic 校验 schema、调试协议兼容问题，或用 TypeScript/Python SDK 脚手架完整的 MCP 服务器/客户端项目。
io.github.calesthio/OpenMontage/pose-library-design
为数据驱动动画设计可复用的 2D 角色姿态库、动作循环与表情状态。
io.github.membranedev/application-skills/mobile-text-alerts
Mobile Text Alerts 集成。管理账户。当用户需要与 Mobile Text Alerts 数据交互时使用。
io.github.membranedev/application-skills/backendless
Backendless 集成。管理数据与记录，自动化工作流程。当用户需要与 Backendless 数据交互时使用。
io.github.membranedev/application-skills/docker-hub
Docker Hub 集成。管理数据与记录，自动化工作流程。当用户需要与 Docker Hub 数据交互时使用。
io.github.membranedev/application-skills/cursor
Cursor 集成。管理数据与记录，自动化工作流程。当用户需要与 Cursor 数据交互时使用。
vedge
io.github.Opentrons/opentrons/opentrons-typescript
Opentrons monorepo 中 JS/TS 包的 TypeScript 约定、React 模式、测试、样式与导入规则。在 app/、components/、shared-data/、step-generation/、protocol-designer/、protocol-visualization/、opentrons-ai-client/ 或其他 JS/TS 包中处理 TypeScript 或 React 文件时使用。
io.github.foryourhealth111-pixel/Vibe-Skills/security-reviewer
专职的安全审计路径，面向 OWASP 式风险、密钥泄露、鉴权缺陷、注入、不可信输入处理、SSRF/XSS 与敏感数据暴露。当用户明确要求做 security、漏洞、威胁、鉴权或 OWASP 评审时，用它替代 code-reviewer。
io.github.mono/SkiaSharp/api-add-review
通过包装 Skia C++ 功能为 SkiaSharp 新增 C# API，或评审现有 API PR 的正确性与风格。两套工作流：(1) 新增：C++ 分析 → C API → 绑定 → C# 包装 → 测试 → 评审；(2) 评审：检查命名、Span 重载、属性、测试与互操作安全。触发语：“add DrawFoo method”“expose SkSurface::draw”“wrap sk_foo_bar”“add API”“expose function”“wrap method”“create binding for”“review this API”“check the API surface”“review PR #NNN for API design”，以及被归类为“New API”的 Issue（获取并分类后）。
io.github.techouse/sqlite3-to-mysql/sqlite3-to-mysql
当用户想要迁移、转换、排障或生成使用 sqlite3mysql 将 SQLite 3 结构与数据搬到 MySQL/MariaDB 的命令时使用此技能。帮助收集所需的源与连接信息，选择本地或 Docker 工作流，生成可安全复制粘贴的命令，并说明 sqlite3mysql 的注意事项。
io.github.midudev/autoskills/python-executor
通过 [inference.sh](https://inference.sh) 在安全沙箱环境中执行 Python 代码。预装：NumPy、Pandas、Matplotlib、requests、BeautifulSoup、Selenium、Playwright、MoviePy、Pillow、OpenCV、trimesh 及 100 多个其他库。适用于：数据处理、网页抓取、图像编辑、视频创作、3D 模型处理、PDF 生成、API 调用、自动化脚本。触发词：python、执行代码、运行脚本、网页抓取、数据分析、图像处理、视频剪辑、3D 模型、自动化、pandas、matplotlib。
io.github.midudev/autoskills/clerk-react-router-patterns
React Router v7 与 Clerk 的配合模式——rootAuthLoader、loader 中的 getAuth、clerkMiddleware、受保护路由、SSR 用户数据、组织切换。触发词：react-router 认证、rootAuthLoader、getAuth loader、react-router 受保护路由、loader 认证、react-router SSR 认证。