前端开发 Skill技能列表

⚡

SlidevSkill slidev

4.5

Slidev是一款面向开发者的现代化演示文稿制作工具,基于Vite、Vue和Markdown构建。它支持实时代码演示、语法高亮、交互式组件、数学公式、图表绘制和演讲录制,能够将技术文档、会议演讲和教学材料转化为精美的Web幻灯片,并支持导出为PDF、PPTX等多种格式。

⚡

前端设计Skill frontend-design

4.5

前端设计技能专注于创建独特、高质量、生产就绪的Web界面,避免通用AI美学。该技能强调创意设计思维、大胆美学方向、精致代码实现,涵盖排版、色彩、动效、空间构成等核心要素,旨在打造令人难忘的数字体验。关键词:前端开发、UI设计、Web界面、创意设计、生产级代码、美学优化、用户体验、CSS动画、响应式布局、视觉设计。

⚡

前端组件模式Skill frontend-component-patterns

4.5

前端组件模式技能专注于使用设计模式如复合组件、渲染属性、自定义钩子和高阶组件来构建可重用、可组合和可维护的React、Vue、Angular组件。适用于创建组件库、实现组件组合、设计直观的组件API、管理状态模式等场景,以提高前端开发效率和代码质量。关键词:前端开发、React、Vue、Angular、组件设计、设计模式、可重用组件、组件架构。

⚡

Vue3开发Skill vue

4.5

Vue 3 开发技能是一个参考系统,提供 Vue 3 Composition API 模式、组件架构、测试实践等指导,适用于前端开发、Vue 组件编写、composables 创建和代码测试。关键词:Vue 3, Composition API, 前端开发, 组件, composables, 测试, 响应式编程。

⚡

组件组装Skill assembling-components

4.5

组件组装技能用于将AI设计组件技能的输出整合成统一、生产就绪的应用程序系统,包括令牌验证、框架脚手架生成和组件集成。它支持React/Next.js、Python和Rust项目,确保设计令牌正确使用、组件无缝连接,并优化开发工作流程。关键词:AI设计组件、组件组装、令牌验证、框架脚手架、React开发、Python后端、Rust项目、前端集成、生产部署。

⚡

dotnetBlazor模式设计Skill dotnet-blazor-patterns

4.5

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

⚡

Electron桌面应用开发指南Skill electron

4.5

此技能提供对Electron框架的全面指导,帮助用户构建跨平台桌面应用程序。涵盖主进程、渲染进程、IPC通信、窗口管理等关键概念,并包括最佳实践、安全建议和打包分发方法。关键词:Electron, 桌面应用, 跨平台开发, IPC, BrowserWindow, 安全, 打包。

⚡

TailwindCSSv4性能优化最佳实践Skill tailwind

4.5

此技能提供Tailwind CSS v4的全面性能优化和最佳实践指南,帮助开发者在编写、审查或重构代码时优化构建性能、最小化CSS输出,并正确使用v4特性。适用于前端开发中的样式管理、响应式设计和性能提升。关键词:Tailwind CSS v4, 性能优化, 最佳实践, CSS生成, 构建配置, 前端开发, 响应式设计, 工具类。

⚡

设计系统专家Skill design-systems

4.5

设计系统专家技能专注于创建可扩展的设计基础,包括基于令牌的主题化、一致的组件API、设计系统架构和清晰文档。关键词:设计系统、令牌、主题化、组件、架构、前端开发、CSS、React、测试驱动开发、性能优化。

⚡

GPUI元素开发Skill gpui-element

4.5

GPUI 元素开发技能专注于使用 Rust 编程语言中的 GPUI 框架低级 Element API 来创建自定义用户界面组件,提供对布局、预绘制和绘制阶段的精细控制,适用于高性能、复杂的 UI 开发场景。关键词:Rust, GPUI, 自定义元素, UI 组件, 性能优化, 前端开发, Element API。

⚡

React组合模式技能Skill react-composition-patterns

4.5

这个技能专注于使用 React 组合模式来构建可扩展、易维护的前端组件。它避免布尔属性泛滥,通过复合组件、状态提升和上下文管理提升代码质量。适用于重构组件、开发组件库和设计 API。关键词:React, 组合模式, 前端开发, 组件架构, 状态管理, 复合组件, 渲染属性, React 19 API, 可维护性, 可扩展性, 组件库开发, 代码重构, 前端优化, UI 组件, 响应式设计, 前端框架, JavaScript, 软件开发最佳实践。

⚡

搜索与过滤实现Skill implementing-search-filter

4.5

该技能提供全栈搜索与过滤功能的实现方案,涵盖前端React/TypeScript组件和后端Python优化,适用于电商搜索、数据表过滤等场景,关键词:搜索、过滤、前端开发、后端开发、性能优化、可访问性、SEO、全栈开发。