前端开发 Skill技能列表

屏幕捕获APISkill screen-capture-api

4.5

屏幕捕获API是一个跨平台的桌面媒体捕获工具,主要用于实现屏幕截图和屏幕录制功能。该技能支持全屏捕获、特定窗口捕获、区域捕获、多显示器处理、屏幕内容流式传输以及权限管理。适用于软件开发、远程协助、在线教育、游戏直播等场景。关键词:屏幕捕获,截图工具,屏幕录制,跨平台,桌面捕获,媒体采集,Electron,权限管理。

用户反馈与通知系统Skill providing-feedback

4.5

此技能实现了全面的用户反馈和通知系统,用于在软件应用中提供一致的系统状态通信、消息显示和用户确认处理,包括toast通知、模态对话框、进度指示器等。关键词:反馈系统、通知、用户界面、前端开发、React、可访问性。

ViteSkill vite

4.5

Vite 是一个用于前端开发的下一代构建工具,提供快速的开发服务器、优化的生产构建和服务器端渲染支持。它基于 Vite 8 使用 Rolldown 打包器和 Oxc 转换器,适用于现代前端框架如 Vue 和 React,并支持插件扩展。关键词:Vite、前端构建工具、Rolldown、SSR、Vue、React、插件 API、构建配置、开发服务器。

组件组装Skill assembling-components

4.5

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

前端设计Skill frontend-design

4.5

这是一个用于创建独特、高质量、生产级前端界面的技能。它专注于生成具有创意和精致美学的代码,避免通用AI设计风格,强调大胆的美学方向、独特的排版、创新的色彩方案、精心设计的动效和空间构成。适用于网站、落地页、仪表板、React组件、HTML/CSS布局等Web UI的设计与开发。关键词:前端设计,UI设计,网页开发,创意界面,生产级代码,独特美学,避免AI通用设计,React组件,CSS动画,用户体验设计。

Maz-UI前端组件库技能Skill maz-ui

4.5

此技能涉及使用Maz-UI库进行Vue和Nuxt前端开发,包括组件集成、主题定制、国际化实现、SSR支持等,适用于构建现代化Web应用程序。关键词:Vue开发, Nuxt开发, 组件库, 前端UI, 主题化, 国际化, SSR, 响应式设计, 暗模式

Ink组件生成器Skill ink-component-generator

4.5

Ink组件生成器是一个专门用于为命令行界面(CLI)快速生成基于React的终端UI组件的工具。它能够自动化创建交互式组件(如选择列表、文本输入框、加载动画)、自定义状态管理钩子以及布局组件,并支持设置项目结构和测试。适用于开发命令行仪表盘、交互式表单、监控面板等终端应用程序。关键词:Ink组件,React CLI,终端UI,命令行界面,组件生成,前端开发,Node.js,交互式应用。

前端设计Skill frontend-design

4.5

前端设计技能专注于创建独特、生产级别的前端用户界面,结合创意美学与代码实现,用于构建网站、登录页面、React组件、HTML/CSS布局等。强调个性化设计、高质量输出、避免通用AI美学,关键词包括前端开发、创意UI、代码实现、美学设计、网站构建、组件设计、生产级界面。

Web接口指南审查技能Skill web-design-guidelines

4.5

此技能用于自动审查网页UI代码,确保其符合Web接口指南,涵盖可访问性、性能、用户体验等多个方面,帮助前端开发者提升代码质量并遵循行业最佳实践。关键词:UI审查、Web设计指南、可访问性检查、前端开发、代码合规性。

React专家Skill react-specialist

4.5

React 专家技能专注于提供 React 18+、Next.js 生态系统和现代 React 模式的深度开发支持。核心能力包括使用 Hooks、并发渲染、状态管理(如 Zustand、TanStack Query)以及性能优化,旨在构建高性能、可扩展且类型安全的 React 应用程序。适用于前端开发、组件库构建、性能调优和复杂状态管理场景。 关键词:React 开发,React 18,Next.js,状态管理,Zustand,TanStack Query,性能优化,TypeScript,前端开发,组件设计

Electron桌面应用开发指南Skill electron

4.5

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

Vue响应性系统Skill vue-reactivity-system

4.5

Vue响应性系统是Vue.js框架的核心部分,基于JavaScript Proxies实现数据响应式更新,包括ref、reactive、computed、watch等API,用于前端开发中的状态管理、性能优化和复杂数据流处理,关键词包括Vue、响应性、ref、reactive、computed、watch、状态管理、前端开发。