搜索结果: "react"
React最佳实践指南Skill react-best-practices
这是一份关于 React 框架性能优化与开发最佳实践的权威指南。它系统性地总结了来自官方文档和一线工程团队的经验，涵盖代码审查、性能调试、打包优化、副作用管理、状态设计等核心场景。关键词包括：React 性能优化、重渲染、代码分割、useEffect 最佳实践、状态管理、React 编译器、SSR、不可变更新、前端开发。
使用shadcn/ui进行样式设计Skill styling-with-shadcn
本技能指南详细介绍了如何在Next.js框架中，利用shadcn/ui组件库快速构建美观、可访问且现代化的用户界面。内容涵盖从项目初始化、常用组件（如按钮、表单、对话框、表格、侧边栏、通知）的安装与使用，到结合react-hook-form与Zod进行表单验证，以及深色模式的集成设置。适用于前端开发者、UI工程师快速上手基于Radix UI和Tailwind CSS的高质量UI开发。关键词：shadcn/ui, Next.js, React组件库, UI开发, 前端开发, 表单验证, 深色模式, Tailwind CSS, Radix UI。
前端构建工具套件Skill artifacts-builder
这是一个用于创建复杂前端HTML工件的工具套件，基于React、TypeScript、Vite、Tailwind CSS和shadcn/ui，特别适合需要状态管理、路由和多组件集成的项目。关键词包括：前端开发、React、HTML构建、工具套件、量化交易工具辅助（作为股票量化交易专家，此工具可用于构建交易界面和可视化组件）
React应用架构重构指南Skill react-refactor
这个技能提供React应用程序架构重构的全面指南，涵盖关键领域如组件和状态管理，旨在提高代码质量、可维护性和测试性。关键词：React重构、前端架构、代码优化、组件设计、状态管理、钩子模式、测试策略。
编码标准与最佳实践Skill coding-standards
这个技能提供了TypeScript、JavaScript、React和Node.js开发的通用编码标准、最佳实践和模式，旨在提高代码质量、可读性和可维护性。它涵盖代码质量原则如可读性、KISS、DRY、YAGNI，以及变量命名、函数命名、不变性、错误处理、异步/等待、类型安全、React组件结构、自定义钩子、状态管理、API设计、文件组织、注释文档、性能优化、测试标准和代码异味检测。关键词：编码标准，最佳实践，TypeScript，JavaScript，React，Node.js，软件开发，代码质量，前端开发，后端开发。
Remotion最佳实践Skill remotion-best-practices
此技能提供Remotion的最佳实践指南，帮助开发者使用React高效创建视频内容，涵盖动画制作、资产导入、音频处理、字幕显示等关键技术。关键词：Remotion, React, 视频创建, 最佳实践, 动画, 前端开发, SEO优化
Figma组件代码生成Skill figma-generate-component
此技能通过Figma MCP服务器自动将Figma设计图中的组件和框架转换为生产级前端代码，支持React、Vue、HTML/CSS等多种框架，优化设计到开发的工作流，提升效率。关键词：Figma, 组件代码生成, 设计到代码, 前端开发, 自动化工具, 设计系统, 可访问性, 响应式设计。
tauri项目初始化Skill tauri-project-setup
该技能用于快速搭建基于Web技术的跨平台桌面应用开发环境。它集成了Rust后端与主流前端框架（如React、Vue、Svelte），提供项目结构初始化、配置文件生成、窗口设置、自动更新和跨平台构建等一站式解决方案。关键词：Tauri桌面应用，Rust后端，前端框架集成，跨平台开发，WebView，轻量级应用。
精英MVP大师Skill elite-mvp-master
这是一个用于指导非技术背景用户（如项目经理Bill）进行联邦级建筑管理软件（OC Pipeline）开发的专家技能。它提供顶尖1%的软件开发标准，强制使用极其简单、无术语的沟通方式，并输出完整的生产级代码和分步操作指南。关键词：软件开发指导，联邦合规软件，Supabase，React，Node.js，无代码指导，建筑管理SaaS，生产级代码，分步教程。
tsdownSkill tsdown
tsdown是一个基于Rolldown的极速TypeScript/JavaScript库打包工具，专为前端开发者设计，用于高效构建、打包和发布npm库。它支持多种输出格式（ESM、CJS、IIFE、UMD），自动生成类型声明文件，提供摇树优化和压缩功能，并兼容主流前端框架（React、Vue、Solid、Svelte）。关键词：TypeScript打包工具，JavaScript库构建，前端开发工具，npm库打包，Rolldown，摇树优化，类型声明生成，多格式输出，组件库构建。
Context7MCP使用模式Skill context7-usage
Context7 MCP 是一个用于高效检索和查询编程库及框架官方文档的工具。它通过预索引技术提供结构化、权威的文档内容，支持React、Vue、Node.js等多种技术栈。该工具能显著减少AI对话中的令牌消耗，提升开发文档查询的精确度和速度，是程序员和AI助手进行技术文档检索的优化解决方案。关键词：Context7 MCP，文档检索，库文档查询，AI开发工具，编程文档索引，令牌优化，技术栈支持。
Shopify开发Skill shopify-developer
这个技能涵盖了Shopify电商平台的全面开发参考，包括Liquid模板语言、主题开发（OS 2.0）、GraphQL Admin API、Storefront API、自定义应用开发、Shopify Functions、Hydrogen框架、性能优化和调试。适用于处理.liquid文件、创建主题部分和块、编写GraphQL查询或突变、使用CLI和Polaris构建Shopify应用、通过Ajax API实现购物车操作、优化Shopify商店的核心Web指标、调试Liquid或API错误、配置settings_schema.json、访问Shopify对象（产品、集合、购物车、客户）、使用Liquid过滤器、创建应用扩展、处理webhooks、从Scripts迁移到Functions，或使用Hydrogen和React Router 7构建无头商店前端。关键词：Shopify开发、电商平台、Liquid模板、GraphQL API、主题定制、应用开发、性能优化。