构建Web前端界面与交互逻辑
应用 Next.js 15 前端最佳实践
由 0Chan-smc
前端代码需要为 Next.js 15 功能（如 Server Components 和 App Router）保持一致的规范。此技能为 React 19、TypeScript、Shadcn/ui 组件和 Tailwind CSS 提供全面的指南，以确保应用程序的可维护性和高性能。
使用 React 和 Next.js 构建现代 Web 应用
由 alirezarezvani
前端开发需要在规模化场景下管理组件架构、性能优化和代码组织。该技能提供自动化工具和最佳实践，用于使用 TypeScript、Next.js 和 Tailwind CSS 构建可用于生产的 React 应用。
应用 Next.js 15 前端最佳实践
由 0Chan-smc
前端代码需要为 Next.js 15 特性（如 Server Components 和 App Router）保持一致的模式。本技能提供 React 19、TypeScript、Shadcn/ui 组件和 Tailwind CSS 的全面指南，确保应用程序的可维护性和高性能。
使用 shadcn/ui 组件构建 React 工件
由 ZhanlinCui
为 Claude 对话创建多组件 React 工件需要复杂的打包和配置。此技能自动化项目设置，包含 React 18、TypeScript、Tailwind CSS 和 40+ 个 shadcn/ui 组件，然后将所有内容打包成单个 HTML 文件。
生成 TypeScript 项目脚手架
由 sickn33
创建具备完善架构、测试和构建工具的生产就绪型 TypeScript 项目。通过全面的 Next.js、React、Node.js API 和库项目模板消除手动设置工作。
构建 React 和 Next.js 应用程序
由 sickn33
此技能提供结构化的工作流，用于使用 App Router、服务器组件和 TypeScript 开发现代 React 和 Next.js 应用程序。它指导您完成项目设置、组件架构、样式设计、数据获取、路由、表单、测试和部署。
使用现代模式构建生产级 React 应用
由 sickn33
前端开发者在 React 代码库中面临不一致的模式和技术债务问题。本技能提供基于 Suspense 优先的数据获取、基于功能的架构和 TypeScript 规范的标准化实践。
构建现代 React 和 Next.js 应用程序
由 sickn33
前端开发需要对 React、性能优化和无障碍标准有深入的专业知识。本技能提供生产就绪的指南，帮助您使用现代工具和最佳实践构建可扩展的 Web 应用程序。
在整个代码库中执行编码标准
由 affaan-m
不一致的代码质量会导致错误和技术债务。此技能为 TypeScript、JavaScript、React 和 Node.js 开发提供通用编码标准、最佳实践和模式，帮助您编写清晰、可维护的代码。
前端代码审查
由 langgenius
前端代码审查帮助开发人员在部署前发现错误和反模式。此技能提供基于自动化清单的审查功能，适用于 TypeScript、JavaScript、TSX 和 JSX 文件，采用行业最佳实践。
将 Stitch 设计转换为 React 组件
由 google-labs-code
将 Stitch 中的视觉设计转换为整洁、模块化的 React 代码，使用 TypeScript 和 Tailwind CSS。通过自动化的 AST 验证确保一致的代码质量，从而消除从设计稿进行手动编码的需要。
使用 shadcn/ui 构建 React artifacts
由 DYAI2025
使用原始 HTML 构建复杂的 artifacts 既缓慢又受限。此技能提供了一个完整的开发环境,包含 React、Tailwind CSS 和 40 多个预构建的 shadcn/ui 组件。初始化项目、使用现代工具开发,并将所有内容打包到单个可移植的 HTML 文件中。
构建现代 Next.js 应用程序
由 DojoCodingLabs
使用 Next.js、React 19 和 shadcn/ui 编写现代前端代码需要理解服务器组件、数据获取模式和性能优化。此技能提供全面的指南和经过验证的模式,用于构建类型安全、高性能的 Web 应用程序。
应用 React/TypeScript 前端开发指南
由 Dimon94
编写 React/TypeScript 前端代码时缺乏一致的模式会导致维护问题和错误。此技能提供全面的开发指南,包含组件、数据获取、路由、样式和性能优化的代码示例,使用现代 React 模式。
构建 Next.js React 前端
由 Crearize
前端开发需要遵循特定的项目约定、测试标准和构建流程。本技能提供逐步指导，帮助您使用正确的组件架构、API 集成和测试覆盖率来实现 Next.js/React 功能。