前端开发 Skill技能列表
构建聊天界面Skill building-chat-interfaces
本技能专注于构建生产级的AI聊天界面，提供完整的全栈解决方案。涵盖前端React组件集成、后端Python服务器开发、身份验证机制（JWT/JWKS）、上下文注入、数据库持久化、SSE流式响应、Next.js集成以及MCP工具认证等核心功能。适用于需要将AI智能体嵌入到Web应用、实现个性化对话体验、管理用户会话历史的企业级应用场景。关键词：AI聊天界面、ChatKit集成、全栈开发、身份验证、上下文注入、流式响应、Next.js代理、MCP工具、生产级部署。
NuxtUIv4前端组件库技能Skill nuxt-ui-v4
这个技能是用于使用 Nuxt UI v4 组件库进行前端开发，构建响应式、可访问的 Nuxt v4 应用程序。它提供了 125+ 个组件，支持 Tailwind CSS v4、AI 集成、主题定制和 TypeScript，适用于仪表板、AI 聊天界面、页面布局、表单、定价页面等多种场景。关键词：Nuxt UI、前端开发、Vue.js、Tailwind CSS、组件库、AI 集成、主题定制、TypeScript。
前端构建工具套件Skill artifacts-builder
这是一个用于创建复杂前端HTML工件的工具套件，基于React、TypeScript、Vite、Tailwind CSS和shadcn/ui，特别适合需要状态管理、路由和多组件集成的项目。关键词包括：前端开发、React、HTML构建、工具套件、量化交易工具辅助（作为股票量化交易专家，此工具可用于构建交易界面和可视化组件）
实现命令面板Skill implementing-command-palettes
本技能详细讲解如何在React中实现高效、响应式的命令面板（Cmd+K/Ctrl+K），涵盖键盘导航、滚动行为、过滤匹配和性能优化等关键技术。关键词：React命令面板、键盘导航、scrollIntoView、快捷键匹配、防止重新渲染、前端开发、用户体验优化、React性能优化、UI组件开发。
tauri项目初始化Skill tauri-project-setup
该技能用于快速搭建基于Web技术的跨平台桌面应用开发环境。它集成了Rust后端与主流前端框架（如React、Vue、Svelte），提供项目结构初始化、配置文件生成、窗口设置、自动更新和跨平台构建等一站式解决方案。关键词：Tauri桌面应用，Rust后端，前端框架集成，跨平台开发，WebView，轻量级应用。
TypeScript专家Skill typescript-expert
此技能专为解决TypeScript和JavaScript开发中的高级问题，涵盖类型级编程、性能优化、monorepo管理、迁移策略和现代工具集成。适用于复杂类型操作、构建性能调试、代码架构决策等场景，提升开发效率和质量。关键词：TypeScript, JavaScript, 类型安全, 性能优化, 代码调试, 迁移策略, 工具链, 前端开发。
Maz-UI前端组件库技能Skill maz-ui
此技能涉及使用Maz-UI库进行Vue和Nuxt前端开发，包括组件集成、主题定制、国际化实现、SSR支持等，适用于构建现代化Web应用程序。关键词：Vue开发, Nuxt开发, 组件库, 前端UI, 主题化, 国际化, SSR, 响应式设计, 暗模式
Electron桌面开发Skill electron-dev
Electron 桌面开发技能涉及使用 React、TypeScript 和 Vite 构建跨平台桌面应用程序。它包括 IPC 通信、系统托盘集成、全局快捷键、PTY 终端处理、音频录制、WebRTC 视频通话以及使用 electron-builder 进行打包。关键词：Electron、React、TypeScript、Vite、桌面应用、IPC、系统托盘、音频录制、WebRTC、打包、跨平台开发。
代码简化与优化Skill simplify
代码简化与优化技能专注于在保持功能完全不变的前提下，提升代码的清晰度、一致性和可维护性。它通过应用项目最佳实践、减少冗余、改善命名和结构，使代码更易于阅读、调试和扩展。关键词：代码简化，代码优化，代码重构，可读性，可维护性，编码标准，软件开发，最佳实践。
Vue前端开发框架Skill vue
Vue.js 是一个用于构建用户界面的渐进式JavaScript框架，基于Vue 3，提供组合式API、响应式系统和内置组件，支持TypeScript和单文件组件开发，优化前端性能。关键词：Vue，前端开发，JavaScript框架，组合式API，响应式系统，TypeScript，单文件组件，性能优化。
编码标准与最佳实践Skill coding-standards
这是一份全面的软件开发编码标准指南，涵盖TypeScript、JavaScript、React和Node.js开发的最佳实践。文档详细介绍了代码质量原则（可读性、KISS、DRY、YAGNI）、变量命名规范、函数设计模式、不可变性原则、错误处理策略、异步编程技巧、类型安全要求、React组件架构、API设计标准、文件组织规范、注释文档编写、性能优化方法、测试标准以及代码异味检测。适用于前端开发、后端开发和全栈开发团队，帮助建立统一的代码规范，提高代码质量和团队协作效率。
VitePressSkill vitepress
VitePress是一个基于Vite和Vue.js的现代化静态站点生成器（SSG），专为构建高性能的文档网站、技术博客和营销页面而设计。它支持在Markdown中直接使用Vue组件，提供极速的热更新体验和内置的搜索功能，并可通过主题系统高度定制。核心关键词包括：静态站点生成器、Vite、Vue 3、文档工具、Markdown、前端开发、快速构建。