前端开发 Skill技能列表
TresJS三维前端开发技能Skill tresjs
TresJS是一个基于Vue 3的框架，专门用于使用Three.js构建交互式3D场景。它提供声明式组件、组合式函数和后期处理效果，简化前端开发中的3D应用构建过程，适合创建WebGL应用、3D可视化、游戏界面等。关键词：Vue 3, Three.js, 3D场景, 前端开发, TresCanvas, 组合式函数, 响应性, 后期处理, WebGL, 声明式编程
WinUI3迁移助手Skill winui3-migration-helper
WinUI3迁移助手是一个专业的桌面应用程序现代化工具，专门帮助开发者将传统的WPF应用程序平滑迁移到现代的WinUI 3和Windows App SDK平台。该工具提供全面的代码分析、自动转换、兼容性评估和迁移指导，支持从WPF到WinUI 3的完整迁移流程。关键词：WPF迁移，WinUI 3，Windows App SDK，桌面应用现代化，代码转换，兼容性分析，XAML转换，.NET桌面开发，微软技术栈，应用程序升级。
React开发技能Skill react-development
React开发技能是专注于现代React应用构建的专业能力，提供React组件开发、Hooks模式实现、状态管理配置、性能优化和最佳实践指导。该技能涵盖TypeScript类型安全、自定义Hook设计、Context API和Redux状态管理、组件记忆化优化、React Testing Library测试等关键技术。适用于前端开发人员构建高性能、可维护的React应用，特别适合组件库开发、企业级应用架构设计和性能调优场景。
页面构建器设计Skill design-page-builder
这个技能用于设计和实现模块化的页面构建系统，支持组件化、槽位布局和块状编辑，适用于前端框架如 Blazor、React、Vue 等。它帮助开发者快速搭建内容管理系统的页面结构，提升编辑体验和开发效率。关键词：模块化页面构建、组件设计、槽位布局、块状编辑、前端开发、CMS。
p5.js算法艺术生成Skill algorithmic-art
使用p5.js库通过种子随机性和交互式参数控制创建算法艺术，适用于生成艺术、流场、粒子系统等场景，强调算法表达和计算美感。关键词：算法艺术、p5.js、生成艺术、种子随机性、交互参数、计算美学、前端开发、创意编码
React应用架构重构指南Skill react-refactor
这个技能提供React应用程序架构重构的全面指南，涵盖关键领域如组件和状态管理，旨在提高代码质量、可维护性和测试性。关键词：React重构、前端架构、代码优化、组件设计、状态管理、钩子模式、测试策略。
Plate.js富文本编辑器实现指南Skill plate-handler
本技能指南详细介绍了如何使用Plate.js框架在React应用中构建和配置富文本编辑器。内容涵盖从安装、选择编辑器类型（简单评论编辑器或功能齐全的文档编辑器）到具体实现步骤的全过程。关键词包括：Plate.js、富文本编辑器、React编辑器、前端开发、内容编辑、WYSIWYG编辑器、插件配置、状态管理。
Docusaurus文档站点开发技能Skill docusaurus
Docusaurus文档站点开发技能是专门用于快速构建、配置和管理基于React的现代化文档网站的工具。该技能提供完整的Docusaurus项目配置、侧边栏管理、版本控制、国际化支持、自定义插件开发、MDX组件集成、Algolia搜索配置等功能。适用于技术文档、API文档、产品手册等文档站点的快速开发和维护，支持多语言、多版本、可搜索的文档体系构建。关键词：Docusaurus文档站点、React文档开发、技术文档配置、版本控制文档、国际化文档、Algolia搜索、MDX组件、文档自动化。
前端设计Skill frontend-design
这是一个用于创建独特、高质量、生产级前端界面的技能。它专注于生成具有创意和精致美学的代码，避免通用AI设计风格，强调大胆的美学方向、独特的排版、创新的色彩方案、精心设计的动效和空间构成。适用于网站、落地页、仪表板、React组件、HTML/CSS布局等Web UI的设计与开发。关键词：前端设计，UI设计，网页开发，创意界面，生产级代码，独特美学，避免AI通用设计，React组件，CSS动画，用户体验设计。
原子设计：有机体Skill atomic-design-organisms
原子设计有机体技能专注于构建用户界面中的复杂组件，如导航栏、内容卡片和表单部分。它基于原子设计方法论，通过组合原子和分子来创建可重用、状态管理的独立UI部分，提高前端开发效率和代码可维护性。关键词：原子设计、UI组件、前端开发、React、组件化、状态管理、可重用性。
Markdown转HTML转换工具Skill baoyu-markdown-to-html
这是一个高效的工具，用于将 Markdown 文档转换为美观的 HTML 格式，支持多种主题、代码高亮、数学公式、图表等特性，特别适用于微信公众号、博客和其他在线平台的内容发布，提高内容展示效果和兼容性。关键词：Markdown, HTML, 转换, WeChat, 主题, 代码高亮, SEO。
ChromeDevTools调试Skill chrome-devtools-debugging
Chrome DevTools调试技能允许开发者通过Chrome DevTools协议连接来调试和分析Web应用程序，主要功能包括查看控制台日志、监控网络请求、性能分析以及执行JavaScript代码，特别适用于调试需要认证的会话。