前端开发 Skill技能列表

4.5

创建模块文件Skill create-module-file

该技能用于在前端开发工具中创建新的模块文件,支持TypeScript类型声明、双语JSDoc注释和自动化测试,旨在提升代码的模块化程度、可维护性和开发效率。关键词:模块文件创建、前端工具、TypeScript模块、JSDoc文档、单元测试。

4.5

构建包Skill build-packages

该技能用于构建fe-tools monorepo中的软件包,通过运行npm命令进行TypeScript编译和错误处理,涉及构建、编译、修复等关键词,适用于前端开发流程。

4.5

双语JSDoc文档编写Skill bilingual-jsdoc

该技能用于编写和更新fe-tools项目中导出函数的双语(中文+英文)JSDoc文档,确保文档准确性和一致性,提升代码可读性、维护性和团队协作效率。关键词:双语JSDoc、文档编写、前端开发、代码注释、fe-tools、JSDoc修复、TypeScript兼容。

4.5

添加实用函数Skill add-utils-function

这个技能用于在fe-tools项目中添加或修改实用程序函数,涵盖前端、后端、Canvas和AI等环境,提高开发效率,支持工具库扩展和模块化开发。关键词:实用函数、fe-tools、前端开发、工具函数、模块化开发、TypeScript、SEO。

4.5

构建包Skill build-packages

该技能用于构建和编译fe-tools monorepo包,涉及执行npm build命令、诊断TypeScript编译错误并提供修复,以确保前端开发项目的代码质量。关键词:构建,编译,TypeScript,monorepo,前端工具,错误处理,npm。

4.5

双语JSDoc文档编写Skill bilingual-jsdoc

该技能专注于为前端开发工具中的函数编写双语(中文和英文)JSDoc 文档,以提升代码可读性、维护性和团队协作效率,适用于国际化项目。关键词:JSDoc、双语文档、前端开发、代码注释、文档生成、软件开发工具。

4.5

添加实用函数技能Skill add-utils-function

此技能用于在fe-tools中添加或修改实用函数,涵盖从需求分析到代码实现的完整工作流程,包括包选择、避免重复、类型安全、文档编写、测试和验证。关键词:实用函数、前端开发、代码添加、JSDoc、单元测试。

4.5

TypeScript严格模式Skill typescript-strict

此技能专注于TypeScript中的类型安全实践,通过启用严格模式、添加精确的类型定义、消除any类型、使用工具类型等方法,确保代码的健壮性和可靠性,有效预防运行时错误。关键词:TypeScript、类型安全、严格模式、类型定义、类型错误、工具类型、类型守卫、泛型、代码质量。

4.5

TailwindCSS-实用优先样式Skill tailwind-design-system

这个技能使用Tailwind CSS实用类创建一致、可扩展的设计系统,适用于前端开发中的样式管理、设计令牌实现、响应式布局构建等,关键词包括Tailwind CSS、设计系统、前端开发、响应式设计、自定义主题、暗色模式、设计令牌、CSS框架。

4.5

代码标准执行Skill standards-enforcement

此技能用于在软件开发中建立和执行编码标准、最佳实践和架构模式,通过使用ESLint、Prettier等工具和代码审查流程,来维护代码质量、一致性和团队协作效率。关键词:编码标准、代码质量、ESLint、Prettier、代码审查、团队协作、架构模式、预提交钩子、TypeScript严格模式、一致性维护。

4.5

ShadcnUI组件库Skill shadcn-ui-components

此技能用于基于Shadcn UI库、Radix UI原语和Tailwind CSS,开发可访问、可定制的前端UI组件库,支持创建组件库、实现常见UI模式、构建表单、数据表、命令面板等,适用于构建设计系统和可维护的前端代码。关键词:Shadcn UI、Radix UI、Tailwind CSS、可访问组件、UI模式、表单验证、数据表、前端开发、设计系统。

4.5

React服务器动作Skill react-server-actions

React服务器动作是一种在Next.js 14+中用于处理表单和服务器端操作的技能,允许开发者在服务器端安全执行代码,无需传统API路由,支持渐进增强和优化用户体验。关键词:Next.js, React, 服务器动作, 表单处理, 服务器端突变, 渐进增强, 乐观UI更新, SEO搜索。