前端开发 Skill技能列表

TypeScript专家Skill typescript-expert

4.5

这个技能是一个TypeScript和JavaScript专家工具,用于提升开发者的代码质量和开发效率。它提供代码审查、最佳实践指导、类型系统优化、架构建议等功能,帮助开发者编写安全、高效、符合标准的TypeScript和JavaScript代码。关键词包括TypeScript、JavaScript、代码审查、最佳实践、类型安全、工具、前端开发、后端开发、Node.js、Next.js。

Rails应用UI块Skill rails-application-ui-blocks

4.5

此技能专为Rails应用程序设计,用于高效选择和集成预构建的UI块到视图中,支持新页面创建和现有UI重构,确保行为一致、可访问性优化,并兼容Turbo和Stimulus框架。关键词:Rails, UI块, 视图开发, 前端集成, 可访问性, Turbo, Stimulus。

SvelteKitSEO和元标签技能Skill seo-and-meta-tags-in-sveltekit

4.5

这个技能专注于在 SvelteKit 前端框架中实现 SEO 优化和元标签管理,提供指南、最佳实践、代码审查和重构建议,帮助开发者提升网站可搜索性、代码质量和一致性。关键词:SvelteKit, SEO, 元标签, 前端开发, 代码标准, 最佳实践, 性能优化。

UI保护锁定Skill ui-freeze

4.5

这是一个用于前端开发的UI保护技能,能自动锁定关键设计文件如tailwind.config和CSS变量,防止意外更改,提高开发效率和代码稳定性。适用于前端开发、UI设计、CSS管理、视觉回归测试、主题保护、UI组件锁定等领域,确保设计系统的一致性。关键词:UI保护、主题文件锁定、前端开发、CSS管理、视觉回归、设计系统保护。

表单验证与Zod技能Skill form-validation-with-zod

4.5

此技能用于确保在软件开发项目中一致使用Zod库进行表单验证,遵循最佳实践以提高代码质量、开发效率和规范性。它帮助开发人员审查、改进和重构代码,特别适用于TypeScript环境,涵盖前端和后端开发。关键词:Zod,表单验证,TypeScript,代码规范,最佳实践,前端开发,后端开发,编码标准,代码审查,软件质量。

DartSass工具Skill dart-sass

4.5

Dart Sass是一个功能强大的CSS预处理器工具,用于将Sass/SCSS代码编译为CSS,支持变量、嵌套、混合、函数等高级语法特性,以及模块系统、源映射等,适用于前端开发,提升样式表编写效率和可维护性。关键词:Dart Sass, Sass编译器, CSS预处理器, 前端开发, 样式预编译。

Zod数据验证Skill zod

4.5

这个技能用于使用Zod库进行数据验证和模式声明,专门针对TypeScript项目,帮助开发者确保数据的一致性和类型安全,适用于前端和后端开发中的表单验证、API数据处理等场景。关键词包括Zod、TypeScript、数据验证、模式验证、前端开发、后端开发、类型安全。

Makepad着色器技能Skill makepad-shaders

4.5

这个技能专注于Makepad框架中的着色器编程,用于帮助用户编写和解释着色器代码,包括生成shader代码、回答问题、解释Sdf2d和GLSL函数。适用于前端开发和图形渲染,关键词包括:Makepad, 着色器, SDF, GLSL, 前端开发, 图形编程, UI设计。

MakepadDSL技能Skill makepad-dsl

4.5

这个技能专注于Makepad DSL的语法和继承机制,帮助用户编写和解释Makepad界面设计语言。它支持Rust环境下的实时界面开发,适用于前端界面构建。关键词:Makepad DSL, Rust, 界面设计, 继承, 属性覆盖, 实时设计。

前端开发指南Skill frontend-dev-guidelines

4.5

这个技能是前端开发指南,专注于现代React和TypeScript应用程序的开发。它详细介绍了基于Suspense的数据获取、懒加载、文件组织、MUI v7样式、TanStack Router路由、性能优化和TypeScript最佳实践。适用于创建组件、页面、功能、获取数据、样式设置、路由和前端代码管理。关键词:React, TypeScript, 前端开发, 性能优化, 数据获取, Suspense, 懒加载, MUI v7, TanStack Router, 文件组织。

更新索引导出Skill update-index-exports

4.5

这是一个用于在fe-tools项目中更新索引文件的技能,主要目的是维护包导出的整洁性和一致性,确保新添加的模块或函数能被正确暴露,并避免重复导出。该技能适用于前端开发中的代码维护任务,涉及TypeScript模块管理、包导出优化和测试完整性检查。关键词:更新导出、包管理、前端开发、索引文件、模块导出、fe-tools、代码维护。

构件构建器Skill artifacts-builder

4.5

该技能用于构建交互式、自包含的HTML/JavaScript构件,包括数据可视化、计算器、迷你应用和工具,支持嵌入到网站或作为独立应用使用。适用于创建交互式演示、原型、教育内容及任务特定工具。关键词:HTML, JavaScript, 交互式构件, 数据可视化, 前端开发, Claude.ai, 迷你应用构建, Web开发工具, SEO优化, 交互设计。