前端开发 Skill技能列表

4.5

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

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

4.5

团队界面设计技能Skill team-uidesign

这是一个统一的团队技能,用于UI设计团队,支持多角色协作,包括协调员、研究员、设计师、审查员和实现者。它涵盖设计系统分析、设计令牌定义、组件规格、可访问性审计和代码实现,实现双轨设计+开发流程,提高界面设计效率和质量。关键词:UI设计、团队协作、设计系统、前端开发、可访问性、多角色工作流、设计智能、代码生成。

4.5

AntDesignVue组件库技能Skill ant-design-vue

Ant Design Vue 是一个专为 Vue 3 设计的 Ant Design 组件库,提供全面的安装、使用、API 参考和模板指导。适用于构建企业级 Vue 应用界面,包含各种 UI 组件如按钮、表格、表单等。关键词:Ant Design Vue, Vue 3, 组件库, 前端开发, UI 设计。

4.5

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

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

4.5

瑞卡UISkill reka-ui

Reka UI是一个基于Vue 3的无样式、可访问组件库,用于构建headless组件。它提供组件API、无障碍模式(WAI-ARIA合规)、组合模式(asChild)、受控/非受控状态管理、虚拟化优化和样式集成,适用于需要高度定制和可访问性的前端开发项目。关键词:Vue 3, 组件库, 无障碍访问, headless组件, WAI-ARIA, asChild, 虚拟化, 前端开发。

4.5

交互式数据仪表板构建技能Skill data-build-dashboard

这个技能用于构建自包含的交互式HTML仪表板,包含图表、过滤器和表格,支持专业样式,无需服务器即可直接在浏览器中运行。专注于前端开发,利用Chart.js实现数据可视化,适用于业务监控、数据分析和报告。关键词:HTML仪表板、数据可视化、前端开发、交互式设计、Chart.js、响应式布局、自包含应用。

4.5

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

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

4.5

GPUI全局状态管理Skill gpui-global

这个技能用于在GPUI框架中实现和管理应用范围的全局状态,支持应用配置、功能标志、共享服务等场景,提高代码的可维护性和可访问性。关键词:全局状态、GPUI、Rust、状态管理、应用配置、共享资源、内部可变性、实体组件。

4.5

Next.js开发专家Skill nextjs-developer

这是一个专注于 Next.js 14+ 框架开发的专家技能,擅长使用 App Router、服务器组件、服务器操作等现代 React 模式构建高性能、SEO 优化的全栈 Web 应用程序。核心能力包括性能优化、全栈集成、安全实践以及从旧架构迁移的决策指导。适用于需要构建企业级、可扩展且对搜索引擎友好的 React 应用场景。关键词:Next.js 开发,React 服务器组件,App Router,全栈开发,性能优化,SEO,TypeScript,Next.js 14。

4.5

Figma组件代码生成Skill figma-generate-component

此技能通过Figma MCP服务器自动将Figma设计图中的组件和框架转换为生产级前端代码,支持React、Vue、HTML/CSS等多种框架,优化设计到开发的工作流,提升效率。关键词:Figma, 组件代码生成, 设计到代码, 前端开发, 自动化工具, 设计系统, 可访问性, 响应式设计。

4.5

Vite构建工具Skill vite

Vite是一个快速、现代化的前端构建工具,支持TypeScript和ESM,提供高效的开发服务器和生产构建,适用于Vue、React等框架的项目开发。关键词:Vite, 前端构建工具, 开发服务器, 生产构建, TypeScript, ESM, HMR, SSR, Rolldown迁移。

4.5

Electron桌面开发Skill electron-dev

Electron 桌面开发技能涉及使用 React、TypeScript 和 Vite 构建跨平台桌面应用程序。它包括 IPC 通信、系统托盘集成、全局快捷键、PTY 终端处理、音频录制、WebRTC 视频通话以及使用 electron-builder 进行打包。关键词:Electron、React、TypeScript、Vite、桌面应用、IPC、系统托盘、音频录制、WebRTC、打包、跨平台开发。