前端开发 Skill技能列表
GPUI布局与样式设计技能Skill gpui-layout-and-style
这个技能涉及使用GPUI库进行CSS-like样式设置和弹性盒子布局，专注于在Rust环境中设计和应用用户界面的样式和布局系统。关键词：GPUI, 布局, 样式, Rust, 弹性盒子, CSS-like, 前端开发, UI设计
前端开发模式Skill frontend-patterns
前端开发模式技能专注于使用React和Next.js等现代前端框架的最佳实践，涵盖组件设计、状态管理、性能优化、表单处理、错误边界、动画和可访问性等方面，帮助开发者构建高性能、可维护的用户界面。关键词：前端开发、React、Next.js、组件模式、状态管理、性能优化、SEO、Web开发。
ReactContext模式Skill react-context-patterns
React Context模式是一种用于在React应用中共享状态和管理全局数据的技术，有效避免prop drilling，提升组件复用性和应用性能。适用于前端开发中的状态管理、认证、主题切换、通知系统、模态框管理、表单处理等场景。关键词：React, Context, 状态管理, 前端开发, 组件通信, 性能优化, TypeScript, 全局状态, prop drilling避免。
算法艺术生成Skill algorithmic-art
这个技能专注于使用p5.js创建算法艺术，通过种子随机性和交互式参数探索生成独特的视觉作品。它涉及计算美学、噪声函数、粒子系统和流动场，允许用户调整参数并探索无限的艺术变体。关键词：算法艺术、生成艺术、p5.js、交互式参数、种子随机性、计算美学。
ReactFlow基础Skill reactflow-fundamentals
React Flow 基础技能是一个用于前端开发的 React 库，专注于构建可自定义的节点图编辑器、流程图、工作流界面和交互图表。涵盖核心概念、安装设置、节点和边配置、事件处理及插件组件，适用于数据可视化、无代码工具和 UI 设计。关键词：React Flow, 节点图表, 流程图, 交互界面, 前端开发, 数据可视化, 工作流编辑器
Vue3与Nuxt3专家Skill vue-nuxt-expert
此技能专注于使用Vue 3和Nuxt 3进行前端开发，构建类型安全、高性能的Web应用程序。涵盖Vue 3 Composition API、Nuxt 3服务器端渲染(SSR)、静态站点生成(SSG)、Pinia状态管理、性能优化和客户端安全。适用于开发现代、响应式的前端项目。关键词：Vue 3, Nuxt 3, 前端开发, Composition API, TypeScript, 性能优化, 网络安全。
Vue响应性系统Skill vue-reactivity-system
Vue响应性系统是Vue.js框架的核心部分，基于JavaScript Proxies实现数据响应式更新，包括ref、reactive、computed、watch等API，用于前端开发中的状态管理、性能优化和复杂数据流处理，关键词包括Vue、响应性、ref、reactive、computed、watch、状态管理、前端开发。
RadixUI技能Skill radix-ui
Radix UI 技能是一个专注于使用 Radix UI 库构建现代化、高度可访问且可定制的前端组件的专家级助手。它擅长运用 Radix 提供的基础组件（Primitives），通过组合模式创建复杂的交互式UI，并确保严格遵循 WAI-ARIA 无障碍标准。无论是使用 CSS 还是 Tailwind CSS 进行样式设计，还是处理模态框、下拉菜单、标签页等复杂交互逻辑，该技能都能提供专业指导。 **关键词：** Radix UI, 前端组件库, 无障碍访问, WAI-ARIA, React 组件, 设计系统, Tailwind CSS, 组合模式, 交互设计, 前端开发
JSON-UI报告渲染器Skill json-ui
JSON-UI 是一个强大的 JSON 到 HTML 报告渲染器，支持 React 组件和双语国际化。它允许开发者通过定义 JSON 结构快速生成美观、交互式的学术或数据报告网页。核心功能包括组件化架构、Zod 模式验证、静态 HTML 输出、React 组件库以及无缝的中英文语言切换。适用于学术论文展示、数据分析报告、自动化文档生成等场景。关键词：JSON渲染，HTML报告，React组件，双语国际化，i18n，学术报告，数据可视化，前端开发工具。
Mermaid流程图Skill mermaid-flowchart
Mermaid流程图是一种基于文本的图表工具，它允许用户使用文本和代码来创建和维护流程图。它支持多种节点形状、链接样式、方向配置以及交互功能，非常适合软件开发和数据可视化领域。
3DWeb体验Skill 3d-web-experience
此技能专注于使用Three.js、React Three Fiber和WebGL等技术构建网页上的3D体验，包括产品配置器、交互式场景和沉浸式网站，平衡视觉冲击与性能优化，提升用户体验和SEO友好性。关键词：3D网页开发、Three.js、React Three Fiber、WebGL、交互式3D、产品可视化、性能优化、前端技术。
GPUI异步操作Skill gpui-async
GPUI异步操作技能专注于在GPUI框架中管理异步任务和后台工作，用于提升用户界面响应性和处理计算密集型操作。适用于异步I/O、长时间运行的计算以及前台UI与后台工作的协调。关键词：异步编程、后台任务、UI更新、GPUI、Rust、前端开发。