搜索结果: "react"
Plate.js富文本编辑器实现指南Skill plate-handler
本技能指南详细介绍了如何使用Plate.js框架在React应用中构建和配置富文本编辑器。内容涵盖从安装、选择编辑器类型(简单评论编辑器或功能齐全的文档编辑器)到具体实现步骤的全过程。关键词包括:Plate.js、富文本编辑器、React编辑器、前端开发、内容编辑、WYSIWYG编辑器、插件配置、状态管理。
视觉回归测试设置Skill visual-regression
自动化设置视觉回归测试,支持Chromatic, Percy, BackstopJS,适用于React, Vue, Svelte框架,集成至GitHub Actions, GitLab CI, CircleCI工作流。
AnimationPatternsinReactSkill AnimationPatternsinReact
在React中使用Framer Motion、GSAP、React Spring和CSS动画创建高效、可访问的动画,包含最佳实践。
Electron桌面开发Skill electron-dev
Electron 桌面开发技能涉及使用 React、TypeScript 和 Vite 构建跨平台桌面应用程序。它包括 IPC 通信、系统托盘集成、全局快捷键、PTY 终端处理、音频录制、WebRTC 视频通话以及使用 electron-builder 进行打包。关键词:Electron、React、TypeScript、Vite、桌面应用、IPC、系统托盘、音频录制、WebRTC、打包、跨平台开发。
代码模改执行器Skill codemod-executor
代码模改执行器是一款基于抽象语法树(AST)的自动化代码重构与迁移工具。它专为大规模代码库升级而设计,支持框架迁移(如React、Angular、Vue)、语言版本升级、API弃用处理、代码模式标准化等复杂任务。通过精准的模式匹配与替换,该工具能在保持代码风格的同时,高效、安全地完成跨文件、跨项目的代码转换,并提供预演预览、回滚支持等功能,是开发团队进行现代化升级和规模化重构的得力助手。 关键词:代码重构,自动化迁移,AST转换,框架升级,大规模代码库,代码模改,版本升级,开发工具,代码转换,DevOps
编码标准与最佳实践Skill coding-standards
这是一份全面的软件开发编码标准指南,涵盖TypeScript、JavaScript、React和Node.js开发的最佳实践。文档详细介绍了代码质量原则(可读性、KISS、DRY、YAGNI)、变量命名规范、函数设计模式、不可变性原则、错误处理策略、异步编程技巧、类型安全要求、React组件架构、API设计标准、文件组织规范、注释文档编写、性能优化方法、测试标准以及代码异味检测。适用于前端开发、后端开发和全栈开发团队,帮助建立统一的代码规范,提高代码质量和团队协作效率。
tsdownSkill tsdown
tsdown是一个基于Rolldown的极速TypeScript/JavaScript库打包工具,专为前端开发者设计,用于高效构建、打包和发布npm库。它支持多种输出格式(ESM、CJS、IIFE、UMD),自动生成类型声明文件,提供摇树优化和压缩功能,并兼容主流前端框架(React、Vue、Solid、Svelte)。关键词:TypeScript打包工具,JavaScript库构建,前端开发工具,npm库打包,Rolldown,摇树优化,类型声明生成,多格式输出,组件库构建。
添加事件类型Skill add-event-type
这是一个用于在前端信息流系统中扩展新事件类型的技术技能。主要功能包括:定义TypeScript接口、创建React组件、集成到现有类型系统、处理WebSocket消息。适用于前端开发、React应用扩展、实时消息处理等场景。关键词:前端开发、React组件、TypeScript、事件类型、WebSocket、信息流系统、UI扩展。
Context7MCP使用模式Skill context7-usage
Context7 MCP 是一个用于高效检索和查询编程库及框架官方文档的工具。它通过预索引技术提供结构化、权威的文档内容,支持React、Vue、Node.js等多种技术栈。该工具能显著减少AI对话中的令牌消耗,提升开发文档查询的精确度和速度,是程序员和AI助手进行技术文档检索的优化解决方案。关键词:Context7 MCP,文档检索,库文档查询,AI开发工具,编程文档索引,令牌优化,技术栈支持。
CloudflareWorkers框架集成Skill workers-frameworks
该技能涉及在 Cloudflare Workers 无服务器计算平台上集成和部署现代 Web 框架,以构建高性能的全栈应用程序。它支持路由管理、服务器端渲染(SSR)、静态资产处理和边缘部署,适用于开发 API、轻量级应用、内容网站以及各种前端框架(如 React、Vue、Svelte)的项目。关键词包括:Cloudflare Workers、框架集成、无服务器、SSR、边缘计算、Hono、Remix、Next.js、Astro、SvelteKit、Qwik、Nuxt。
自动动画Skill auto-animate
AutoAnimate 是一个零配置的前端动画库,适用于 React、Vue、Svelte 等框架,可自动为列表过渡、手风琴、提示消息等添加平滑动画效果。它轻量级、易于集成,并支持 SSR 安全。关键词:自动动画,零配置动画,React动画,Vue动画,轻量动画,前端开发,动画库。
编码标准与最佳实践Skill coding-standards
这个技能提供了TypeScript、JavaScript、React和Node.js开发的通用编码标准、最佳实践和模式,旨在提高代码质量、可读性和可维护性。它涵盖代码质量原则如可读性、KISS、DRY、YAGNI,以及变量命名、函数命名、不变性、错误处理、异步/等待、类型安全、React组件结构、自定义钩子、状态管理、API设计、文件组织、注释文档、性能优化、测试标准和代码异味检测。关键词:编码标准,最佳实践,TypeScript,JavaScript,React,Node.js,软件开发,代码质量,前端开发,后端开发。