前端开发 Skill技能列表
Remotion最佳实践Skill remotion-best-practices
此技能提供Remotion的最佳实践指南,帮助开发者使用React高效创建视频内容,涵盖动画制作、资产导入、音频处理、字幕显示等关键技术。关键词:Remotion, React, 视频创建, 最佳实践, 动画, 前端开发, SEO优化
Vue响应性系统Skill vue-reactivity-system
Vue响应性系统是Vue.js框架的核心部分,基于JavaScript Proxies实现数据响应式更新,包括ref、reactive、computed、watch等API,用于前端开发中的状态管理、性能优化和复杂数据流处理,关键词包括Vue、响应性、ref、reactive、computed、watch、状态管理、前端开发。
dotnetBlazor模式设计Skill dotnet-blazor-patterns
这个技能专注于dotnet Blazor应用的架构设计,涵盖托管模型、渲染模式、路由、流式渲染、预渲染和AOT安全模式。它帮助开发者高效构建交互式Web应用,适用于前端开发、Web开发、.NET开发和Blazor框架。关键词:Blazor、dotnet、Web开发、前端、渲染模式、托管模型、路由、AOT安全、.NET 10、增强导航。
实现命令面板Skill implementing-command-palettes
本技能详细讲解如何在React中实现高效、响应式的命令面板(Cmd+K/Ctrl+K),涵盖键盘导航、滚动行为、过滤匹配和性能优化等关键技术。关键词:React命令面板、键盘导航、scrollIntoView、快捷键匹配、防止重新渲染、前端开发、用户体验优化、React性能优化、UI组件开发。
React组件生成器Skill react-component
这是一个用于自动生成高质量、现代化React组件的技能工具。它专注于使用TypeScript、React Hooks和状态管理,并遵循无障碍(a11y)最佳实践。核心功能包括:一键生成函数组件、自定义Hooks和Context Provider,支持Props类型定义、样式配置和加载状态处理。适用于前端开发人员快速构建可复用、类型安全且易于维护的UI组件库,提升开发效率和代码质量。关键词:React组件生成,TypeScript,Hooks,前端开发,无障碍设计,状态管理,UI库。
Vue前端开发框架Skill vue
Vue.js 是一个用于构建用户界面的渐进式JavaScript框架,基于Vue 3,提供组合式API、响应式系统和内置组件,支持TypeScript和单文件组件开发,优化前端性能。关键词:Vue,前端开发,JavaScript框架,组合式API,响应式系统,TypeScript,单文件组件,性能优化。
Remotion渲染技能Skill remotion-render
这个技能用于通过React/Remotion组件代码渲染视频,支持所有Remotion API,如useCurrentFrame、useVideoConfig、spring、interpolate等。可配置分辨率、FPS、时长和编解码器,适用于程序化视频生成、动画图形、运动设计、数据驱动视频和React动画转视频。关键词:视频渲染、React、Remotion、代码生成视频、程序化视频、动画制作、TSX转MP4、前端动画。
国际化管理器Skill i18n-manager
国际化管理器是一个自动化工具,用于扫描项目代码中的硬编码用户字符串,提取并生成翻译文件,支持React、Vue、Python等多种框架,简化国际化流程。关键词:国际化、字符串提取、翻译文件、代码扫描、前端开发、后端开发、多语言支持。
页面构建器设计Skill design-page-builder
这个技能用于设计和实现模块化的页面构建系统,支持组件化、槽位布局和块状编辑,适用于前端框架如 Blazor、React、Vue 等。它帮助开发者快速搭建内容管理系统的页面结构,提升编辑体验和开发效率。关键词:模块化页面构建、组件设计、槽位布局、块状编辑、前端开发、CMS。
Web接口指南审查技能Skill web-design-guidelines
此技能用于自动审查网页UI代码,确保其符合Web接口指南,涵盖可访问性、性能、用户体验等多个方面,帮助前端开发者提升代码质量并遵循行业最佳实践。关键词:UI审查、Web设计指南、可访问性检查、前端开发、代码合规性。
前端开发指南Skill frontend-dev-guidelines
Next.js 15 应用的前端开发指南,涵盖 React 19、TypeScript、Shadcn/ui、Tailwind CSS 等现代开发模式,包括 Server Components、Client Components、App Router、文件结构、组件、性能优化和 TypeScript 最佳实践。
Electron桌面应用开发指南Skill electron
此技能提供对Electron框架的全面指导,帮助用户构建跨平台桌面应用程序。涵盖主进程、渲染进程、IPC通信、窗口管理等关键概念,并包括最佳实践、安全建议和打包分发方法。关键词:Electron, 桌面应用, 跨平台开发, IPC, BrowserWindow, 安全, 打包。