前端开发 Skill技能列表

4.5

Storybook故事编写Skill storybook-story-writing

这个技能用于创建和维护 Storybook 故事,遵循 Component Story Format 3 (CSF3),确保组件故事结构化、可维护,并正确展示组件变体。它适用于前端开发,提高组件文档和测试效率。关键词:Storybook、CSF3、前端开发、组件故事、类型安全、最佳实践、自动化测试。

4.5

UI/UX设计智能专业版Skill ui-ux-pro-max

这是一个全面的UI/UX设计技能,提供设计系统、样式推荐、颜色调色板、字体配对、图表选择等,用于快速设计和开发网页与移动应用界面。它支持多种技术栈,并包括可访问性、性能、响应式设计等最佳实践指南。关键词:UI设计、UX设计、前端开发、设计系统、响应式设计、可访问性、网页设计、移动应用设计、设计指南。

4.5

dotnet-wpf-migrationSkill dotnet-wpf-migration

这个技能提供Windows桌面应用程序从.NET Framework迁移到现代框架的详细指南,包括WPF、WinForms、UWP到.NET 8+、WinUI 3和Uno Platform的路径、决策矩阵、工具使用和步骤说明。关键词:.NET迁移、WPF、WinUI、Uno Platform、桌面应用现代化、dotnet-upgrade-assistant、Windows开发。

4.5

dotnetBlazor模式设计Skill dotnet-blazor-patterns

这个技能专注于dotnet Blazor应用的架构设计,涵盖托管模型、渲染模式、路由、流式渲染、预渲染和AOT安全模式。它帮助开发者高效构建交互式Web应用,适用于前端开发、Web开发、.NET开发和Blazor框架。关键词:Blazor、dotnet、Web开发、前端、渲染模式、托管模型、路由、AOT安全、.NET 10、增强导航。

4.5

Angular迁移Skill angular-migration

这个技能用于指导如何将 AngularJS (1.x) 应用程序迁移到 Angular (2+),涵盖混合应用设置、组件转换、服务迁移、依赖注入变化、路由迁移和表单迁移。关键词:AngularJS, Angular, 迁移, 混合应用, 组件, 依赖注入, 路由, 框架升级。

4.5

React应用架构重构指南Skill react-refactor

这个技能提供React应用程序架构重构的全面指南,涵盖关键领域如组件和状态管理,旨在提高代码质量、可维护性和测试性。关键词:React重构、前端架构、代码优化、组件设计、状态管理、钩子模式、测试策略。

4.5

添加实用函数Skill add-utils-function

这个技能用于在fe-tools项目中添加或修改实用程序函数,涵盖前端、后端、Canvas和AI等环境,提高开发效率,支持工具库扩展和模块化开发。关键词:实用函数、fe-tools、前端开发、工具函数、模块化开发、TypeScript、SEO。

4.5

Three.js交互式3D可视化构建技能Skill three-js-interactive-builder

该技能用于基于Three.js库开发交互式3D可视化应用,专注于算法艺术生成、神圣几何设计、时间动画效果和模块化架构。适用于WebGL可视化、生成艺术创作、交互体验设计、粒子系统和流场模拟等项目。关键词:Three.js, 3D可视化, 算法艺术, 交互设计, WebGL, 神圣几何, 时间动画, 模块化开发。

4.5

Webpack前端打包与配置技能Skill webpack

Webpack是一个广泛用于前端开发的模块打包工具,提供配置管理、资源加载、代码分割和性能优化功能,通过插件和加载器扩展,支持构建现代化Web应用程序。关键词:前端开发、Webpack配置、模块打包、构建优化、代码分割、JavaScript打包、开发工具。

4.5

视频制作人Skill video-producer

这是一个基于Remotion的视频制作技能,能够从自然语言描述中端到端生成完整视频。它协调叙事结构、场景动画、视觉风格和渲染,适用于制作产品宣传视频、排版作品、社交媒体动画等。关键词:视频制作、Remotion、动画、宣传视频、自然语言处理、前端开发、创意设计。

4.5

功能性setState更新Skill rerender-functional-setstate

React功能性setState更新是用于优化React组件中状态管理的技术,通过使用函数形式的setState来更新基于当前状态的状态值,防止闭包陈旧问题并减少不必要的性能开销。关键词:React,setState,闭包,性能优化,状态管理,前端开发。

4.5

ESLint自定义规则开发Skill eslint-custom

这个技能专注于ESLint自定义规则和插件的开发,包括规则编写、抽象语法树遍历和发布流程,适用于提高JavaScript代码质量、实施团队标准和集成CI/CD管道。关键词:ESLint, 自定义规则, AST遍历, 插件开发, JavaScript代码质量, 前端开发工具。