Vercel React 最佳实践
SkillSkillsMP
io.github.sanity-io/sanity/vercel-react-best-practices
来自 Vercel 工程团队的 React 与 Next.js 性能优化指南。在编写、审查或重构 React/Next.js 代码时使用，以确保最佳性能模式。触发于涉及 React 组件、Next.js 页面、数据获取、包体积优化或性能改进的任务。
source
“Data Processing” 共 783 个结果
io.github.sanity-io/sanity/vercel-react-best-practices
来自 Vercel 工程团队的 React 与 Next.js 性能优化指南。在编写、审查或重构 React/Next.js 代码时使用，以确保最佳性能模式。触发于涉及 React 组件、Next.js 页面、数据获取、包体积优化或性能改进的任务。
io.github.papermark/papermark/vercel-react-best-practices
来自 Vercel 工程团队的 React 与 Next.js 性能优化指南。在编写、审查或重构 React/Next.js 代码以确保最优性能模式时使用。涉及 React 组件、Next.js 页面、数据获取、包体积优化或性能改进的任务会触发本技能。
io.github.JimmyLv/BibiGPT-v1/agent-browser
面向 AI 代理的浏览器自动化 CLI。当用户需要与网站交互时使用，包括页面导航、表单填写、按钮点击、截图、数据提取、Web 应用测试或任何浏览器任务自动化。触发场景包括“打开网站”“填写表单”“点击按钮”“截图”“从页面抓取数据”“测试这个 Web 应用”“登录网站”“自动化浏览器操作”，或任何需要程序化网页交互的任务。
io.github.alibaba/spring-ai-alibaba/pdf-extractor
从 PDF 文档提取文本、表格与表单数据以供分析与处理。当用户要求提取、解析或分析 PDF 文件时使用。
io.github.davila7/claude-code-templates/frontend-dev-guidelines
React/TypeScript 应用的前端开发规范，包含 Suspense 与懒加载、useSuspenseQuery、按 features 目录组织代码、MUI v7 样式、TanStack Router、性能优化与 TypeScript 最佳实践等现代模式。在编写组件、页面、特性、拉取数据、写样式、做路由或处理前端代码时使用。
io.github.davila7/claude-code-templates/nextjs-best-practices
Next.js App Router 核心原则：Server Components、数据获取与路由模式。
io.github.davila7/claude-code-templates/react-ui-patterns
面向加载态、错误处理与数据获取的现代 React UI 模式。在构建 UI 组件、处理异步数据或管理 UI 状态时使用。
io.github.davila7/claude-code-templates/react-best-practices
来自 Vercel 工程团队的 React 与 Next.js 性能优化指南。在编写、审查或重构 React/Next.js 代码以保证最优性能模式时使用；涉及 React 组件、Next.js 页面、数据获取、包体积优化或性能改进的任务会触发。
io.github.code-yeongyu/oh-my-openagent/dev-browser
具有持久页面状态的浏览器自动化。当用户要求浏览网站、填写表单、截图、提取网页数据、测试 Web 应用或自动化浏览器工作流时使用。触发短语包括 "go to [url]"、"click on"、"fill out the form"、"take a screenshot"、"scrape"、"automate"、"test the website"、"log into",或任何浏览器交互请求。
io.github.davila7/claude-code-templates/frontend-to-backend-requirements
为后端开发者整理前端的数据需求。当前端需要把 API 需求传达给后端，或用户说后端需求、我需要哪些数据、API 需求，或在描述某个 UI 的数据依赖时使用。
io.github.davila7/claude-code-templates/react-useeffect
来自官方文档的 React useEffect 最佳实践。在编写或审查 useEffect、为派生值使用 useState、做数据获取或状态同步时使用，重点讲何时不该用 Effect 以及更好的替代方案。
io.github.garden-co/classic-jazz/jazz-schema-design
使用 Jazz 框架设计并实现协作式数据模型。在构建或开发 Jazz 应用、用 CoValues 定义数据结构时使用。本 skill 只关注 schema 定义与数据建模逻辑。
io.github.patchy631/ai-engineering-hub/hugging-face-jobs
当用户想在 Hugging Face Jobs 基础设施上运行任意工作负载时使用。涵盖 UV 脚本、基于 Docker 的任务、硬件选型、成本估算、令牌认证、secrets 管理、超时配置与结果持久化。面向通用计算工作负载，包括数据处理、推理、实验、批处理及任意 Python 任务。当任务涉及云端计算、GPU 工作负载，或用户提到在 Hugging Face 基础设施上运行任务且无需本地环境时调用。
io.github.kennyzir/7deer_skills/nextjs-seo-booster
面向 Next.js 应用的完整 SEO 工具箱，包括结构化数据（Schema.org）、动态站点地图生成与 meta 标签。
io.github.benchflow-ai/skillsbench/python-parallelization
将顺序执行的 Python 代码转换为并行/并发实现。在被要求并行化 Python 代码、通过并发提升性能、把循环转为并行执行或识别并行化机会时使用。涵盖 CPU 密集型（multiprocessing）、I/O 密集型（asyncio、threading）和数据并行（向量化）场景。
io.github.benchflow-ai/skillsbench/sqlite-map-parser
将 SQLite 数据库解析为结构化 JSON 数据。在探索未知数据库模式、理解表间关系以及将地图数据提取为 JSON 时使用
io.github.github/awesome-copilot/mcp-cli
通过 CLI 对接 MCP（Model Context Protocol）server。当需要通过 MCP server 访问外部工具、API 或数据源、列出可用的 MCP server/工具，或在命令行调用 MCP 工具时使用。
io.github.aiskillstore/marketplace/sqlmodel-crud
在创建 SQLModel 数据库模型、带连接的 CRUD 操作与查询时使用。 不要在非数据库操作、纯 SQL 或无关数据处理时使用。 触发词：“SQLModel”“database model”“CRUD”“create/read/update/delete”“query”“ForeignKey”“relationship”。
io.github.aiskillstore/marketplace/backend-migrations
以可回滚、零停机部署支持与恰当版本控制来创建并管理数据库 schema 迁移。在创建数据库迁移文件、修改 schema、添加或移除表/列、创建索引、管理迁移回滚或规划数据库变更时使用。适用于处理迁移文件、schema 变更、数据库版本控制，或任何在保持向后兼容与数据完整性的同时随时间演进数据库结构的任务。
io.github.aiskillstore/marketplace/backend-dev-guidelines
面向 Supabase Edge Functions + PostgreSQL 的全面后端开发指南。在使用 Supabase（数据库、认证、存储、realtime）、Edge Functions、PostgreSQL、行级安全（RLS）、Resend 邮件、Stripe 支付或 TypeScript 后端模式时使用。涵盖数据库设计、认证流程、Edge Function 模式、RLS 策略、邮件集成、支付处理与部署到 Supabase。
io.github.aiskillstore/marketplace/nextjs-app-router-patterns
掌握 Next.js 14+ App Router：Server Components、流式渲染、并行路由与高级数据获取。在构建 Next.js 应用、实现 SSR/SSG 或优化 React Server Components 时使用。
io.github.softaworks/agent-toolkit/frontend-to-backend-requirements
为后端开发者整理前端的数据需求。适用于前端需要向后端传达 API 需求，或用户说“backend requirements”“what data do I need”“API requirements”，或在描述 UI 所需数据时
io.github.rmyndharis/antigravity-skills/sql-pro
精通现代 SQL：云原生数据库、OLTP/OLAP 优化与高级查询技术。擅长性能调优、数据建模与混合分析系统。在数据库优化或复杂分析场景主动使用。
io.github.rmyndharis/antigravity-skills/nextjs-app-router-patterns
掌握 Next.js 14+ App Router：Server Components、流式渲染、并行路由与高级数据获取。在构建 Next.js 应用、实现 SSR/SSG 或优化 React Server Components 时使用。