前端开发 Skill技能列表
VueUse工具库Skill vueuse
VueUse工具库是一个Vue.js的组合式函数集合,提供各种响应式实用工具,涵盖状态管理、浏览器API、传感器、网络、动画等,帮助开发者高效构建Vue应用,避免重复开发。关键词:VueUse, Vue.js, 组合式函数, 响应式工具, 状态管理, 浏览器API。
编码标准与最佳实践Skill coding-standards
这是一份全面的软件开发编码标准指南,涵盖TypeScript、JavaScript、React和Node.js开发的最佳实践。文档详细介绍了代码质量原则(可读性、KISS、DRY、YAGNI)、变量命名规范、函数设计模式、不可变性原则、错误处理策略、异步编程技巧、类型安全要求、React组件架构、API设计标准、文件组织规范、注释文档编写、性能优化方法、测试标准以及代码异味检测。适用于前端开发、后端开发和全栈开发团队,帮助建立统一的代码规范,提高代码质量和团队协作效率。
Electron桌面开发Skill electron-dev
Electron 桌面开发技能涉及使用 React、TypeScript 和 Vite 构建跨平台桌面应用程序。它包括 IPC 通信、系统托盘集成、全局快捷键、PTY 终端处理、音频录制、WebRTC 视频通话以及使用 electron-builder 进行打包。关键词:Electron、React、TypeScript、Vite、桌面应用、IPC、系统托盘、音频录制、WebRTC、打包、跨平台开发。
代码质量审查员Skill quality-reviewer
代码质量审查员是一个自动化代码审查工具,专门用于检查和强制执行前端开发项目的代码质量标准。该工具支持TypeScript严格模式、ESLint合规性检查、文件行数限制、函数复杂度控制、命名规范验证、导入路径优化和项目架构合规性审查。适用于React、Vue等前端框架项目,帮助开发团队保持代码一致性,提高代码可维护性,减少技术债务。关键词:代码审查、代码质量、TypeScript、ESLint、前端开发、代码规范、自动化检查、DevOps、代码重构、复杂度控制
静态报告页面生成与托管技能Skill user-ask-for-report
此技能用于快速创建和部署静态报告网站。它使用Tailwind CSS进行样式设计,支持客户端密码保护,并可以通过Originless服务上传到IPFS进行匿名托管。适用于需要快速生成美观报告页面的场景。关键词:静态网站、Tailwind CSS、IPFS、报告生成、前端开发、密码保护。
tsdownSkill tsdown
tsdown是一个基于Rolldown的极速TypeScript/JavaScript库打包工具,专为前端开发者设计,用于高效构建、打包和发布npm库。它支持多种输出格式(ESM、CJS、IIFE、UMD),自动生成类型声明文件,提供摇树优化和压缩功能,并兼容主流前端框架(React、Vue、Solid、Svelte)。关键词:TypeScript打包工具,JavaScript库构建,前端开发工具,npm库打包,Rolldown,摇树优化,类型声明生成,多格式输出,组件库构建。
Material-UI(MUI)最佳实践Skill Material-UI(MUI)BestPractices
使用 Material-UI (MUI) 构建 React 应用的最佳实践,包括组件库、主题系统、响应式设计和暗色模式的实现。
p5.js算法艺术生成Skill algorithmic-art
使用p5.js库通过种子随机性和交互式参数控制创建算法艺术,适用于生成艺术、流场、粒子系统等场景,强调算法表达和计算美感。关键词:算法艺术、p5.js、生成艺术、种子随机性、交互参数、计算美学、前端开发、创意编码
构建聊天界面Skill building-chat-interfaces
本技能专注于构建生产级的AI聊天界面,提供完整的全栈解决方案。涵盖前端React组件集成、后端Python服务器开发、身份验证机制(JWT/JWKS)、上下文注入、数据库持久化、SSE流式响应、Next.js集成以及MCP工具认证等核心功能。适用于需要将AI智能体嵌入到Web应用、实现个性化对话体验、管理用户会话历史的企业级应用场景。关键词:AI聊天界面、ChatKit集成、全栈开发、身份验证、上下文注入、流式响应、Next.js代理、MCP工具、生产级部署。
UI蓝图构建器Skill ui-blueprint
该技能可从UI截图/设计稿中系统提取设计系统(配色/字体/组件/间距),生成设计文档和PRD,最终输出可直用于React实现的MVP界面提示词,支持多方案产出。
编码标准与最佳实践Skill coding-standards
这个技能提供了TypeScript、JavaScript、React和Node.js开发的通用编码标准、最佳实践和模式,旨在提高代码质量、可读性和可维护性。它涵盖代码质量原则如可读性、KISS、DRY、YAGNI,以及变量命名、函数命名、不变性、错误处理、异步/等待、类型安全、React组件结构、自定义钩子、状态管理、API设计、文件组织、注释文档、性能优化、测试标准和代码异味检测。关键词:编码标准,最佳实践,TypeScript,JavaScript,React,Node.js,软件开发,代码质量,前端开发,后端开发。
GPUI事件处理Skill gpui-event
此技能专注于在 GPUI 框架中实现事件驱动编程,用于组件间的协调和通信。它包括定义和发射自定义事件、订阅事件以监听变化、观察实体状态更新,以及处理全局事件。适用于前端开发,特别是在 Rust 语言环境中构建交互式用户界面。关键词:GPUI, 事件处理, 观察者模式, 事件订阅, 前端开发, Rust, 组件协调, 自定义事件, 实体观察, 软件架构。