登录
软件下载 帮助文档 新闻资讯

Skill UI

浏览并发现 16594+ 精选技能
全部 编程开发 人工智能 设计创意 产品商业 数据科学 市场营销 职场通用 效率工具 硬件工程 语言学习
搜索 Next.js ，共找到 99 条记录
默认排序 最新上传 最多下载

结构化数据标记生成器

schema-markup-generator
sickn33/antigravity-awesome-skills
466
用于为网站、博客、工具页面等内容添加标准化的JSON-LD结构化数据标记。通过实现Schema.org的各类结构（如文章、FAQ、应用），可以极大增强页面的搜索引擎可见性，提高搜索结果的丰富展示效果，从而提升整体SEO表现。
查看详情

Next.js全栈生产环境QA验证器

vibecode-production-qa-validator
sickn33/antigravity-awesome-skills
344
这是一个为Next.js全栈应用设计的全流程、多阶段质量保证（QA）工具。它提供了一个全面的生产环境就绪检查清单，涵盖代码完整性、构建验证、SEO优化、API认证、路由回溯、性能和安全漏洞扫描，确保应用在发布前达到最佳状态。
查看详情

React视图过渡动画指南

vercel-react-view-transitions
sickn33/antigravity-awesome-skills
374
本指南详细介绍了如何在React和Next.js中实现视图过渡（View Transitions）。它指导用户使用原生API来创建共享元素动画、页面路由切换和UI状态变化，确保动画具有空间连续性，显著提升用户体验。
查看详情

代码到Stitch设计系统转换

stitch-code-to-design
google-labs-code/stitch-skills
84
该技能用于自动化地将现有的前端代码（如React、Vue、Angular等组件）迁移并转换为Stitch设计系统。它通过串联静态HTML提取、设计系统源码分析和数据上传三个步骤，帮助用户将现有的Web应用代码库结构化，以便在Stitch平台进行迭代和改进。
查看详情

从实时网页应用提取静态HTML

stitch-extract-static-html
google-labs-code/stitch-skills
459
本技能用于从任何正在运行的Web应用（如React、Vue、Next.js等）捕获一个完全自包含的静态HTML快照。它利用Puppeteer技术渲染实时DOM，并自动内联所有CSS样式，同时将图片、资产和背景图转换为Base64编码。这确保了生成的HTML文件无需外部网络即可完整展示，非常适合分享UI状态、制作开发文档或进行离线存档。
查看详情

可移植的模块化前端架构指南

frontend-architecture
sickn33/antigravity-awesome-skills
409
本技能提供了一种框架无关、模块化的前端架构模式，适用于 React 和 React Native 应用。它强制实施了基于功能模块、严格的状态分离（服务端/客户端状态）和规范的导入规则，旨在构建可预测、易于维护且高度可扩展的代码库，不受具体框架限制。
查看详情

后端架构与API设计模式

backend-patterns
affaan-m/ECC
201
本指南全面介绍了可扩展的后端架构模式，涵盖了Repository、Service和Middleware等设计原则。它提供了使用Node.js、Express和Next.js构建健壮API的最佳实践，内容包括RESTful API结构、数据库查询优化（防止N+1问题）、事务处理和Redis缓存集成。适用于需要构建高性能、可维护的服务器端应用开发人员。
查看详情

上下文文档实时查询

documentation-lookup
affaan-m/ECC
458
当用户询问特定库或框架（如React、Next.js、Prisma）的最新信息、API用法或代码示例时，本技能通过Context7实时获取最新的官方文档。它避免了使用过时的训练数据，确保提供的所有信息都基于当前版本的最佳实践和权威指南。
查看详情

React/Next.js前端可访问性指南

frontend-a11y
affaan-m/ECC
52
本指南提供了一套全面的React和Next.js前端可访问性（A11y）最佳实践。它详细介绍了语义化HTML的使用、ARIA属性的正确应用、表单标签和错误状态的管理，以及如何确保组件具备完整的键盘导航支持。适用于所有需要构建交互式UI组件和表单的场景。
查看详情

React前端开发模式最佳实践

frontend-patterns
affaan-m/ECC
433
本指南详细介绍了React和Next.js架构下的现代前端开发模式。内容涵盖了组件化设计（如复合组件、渲染属性）、状态管理（Context+Reducer）、数据获取优化（useQuery）、以及性能提升技巧，是构建高性能、可维护UI的必备参考。
查看详情

Next.js Turbopack开发指南

nextjs-turbopack
affaan-m/ECC
271
本指南详细介绍了Next.js 16+及Turbopack。Turbopack是一个基于Rust的增量打包器，能通过文件系统缓存极大地加速开发服务器的启动和热更新（HMR）。文章指导开发者了解Turbopack与Webpack的适用场景，并提供了优化生产构建和排查开发性能的最佳实践。
查看详情

全栈项目架构与开发指南

project-guidelines-example
affaan-m/ECC
185
这是一个为全栈项目设计的综合模板，旨在指导开发人员构建高质量、可维护的应用。它详细涵盖了项目的架构设计、Next.js与FastAPI的最佳文件结构、标准代码模式（如API响应和自定义Hook），以及如何集成AI服务，确保项目开发流程的标准化和高效化。
查看详情
上一页123...56789下一页
语言
简体中文
English