前端开发 Skill技能列表

4.5

创建样式指南Skill create-style-guide

这个技能用于从设计令牌和主题配置生成全面的样式指南文档,支持markdown、HTML和Figma Tokens格式。关键词包括样式指南、设计令牌、主题配置、前端开发、文档生成。

4.5

快速类型生成器Skill quicktype

这个技能用于从 JSON 数据快速生成编程语言类型定义,支持 TypeScript、Go、Python 等多种语言,适用于 API 响应类型、配置文件定义等开发场景。关键词:JSON 转换、类型生成、开发工具、代码生成、API 类型定义、快速类型。

4.5

tsdown库打包工具Skill tsdown

tsdown是一个基于Rolldown和Oxc的快速、优雅的TypeScript和JavaScript库打包工具,用于构建前端库、生成类型声明文件、支持ESM、CJS、IIFE、UMD等多种输出格式,优化打包大小通过树摇和压缩,适用于库构建、项目迁移和前端开发,关键词包括TypeScript打包、JavaScript库构建、快速Bundler、Rolldown工具、tsdown用法。

4.5

AnthonyFu的JavaScript/TypeScript项目工具惯例Skill antfu

这个技能涉及使用Anthony Fu推荐的工具和最佳实践来设置和配置JavaScript/TypeScript项目。它包括代码组织、TypeScript配置、ESLint设置、Git hooks、包管理工具(如pnpm)等,旨在提高开发效率和代码质量。关键词:JavaScript, TypeScript, 项目配置, 开发工具, Anthony Fu, ESLint, Prettier, monorepo, 库发布。

4.5

最佳实践Skill best-practices

这个技能用于应用现代网页开发的最佳实践,专注于安全、浏览器兼容性和代码质量改进。关键词:网页开发、前端安全、兼容性优化、代码审核、HTTPS、CSP、语义HTML、错误处理、性能优化。

4.5

前端可访问性开发Skill accessibility

这个技能用于审计和提升网站的可访问性,遵循WCAG 2.1指南,确保内容对所有用户(包括残障人士)都可访问。它涵盖文本替代、颜色对比、键盘导航、屏幕阅读器支持等关键方面,帮助开发者创建无障碍的Web应用。关键词:Web可访问性、WCAG 2.1、无障碍开发、前端可访问性、A11Y、屏幕阅读器支持、键盘导航。

4.5

网页设计规范审查Skill web-design-guidelines

这个技能用于审查网页用户界面代码,确保符合Web设计指南和最佳实践。它检查可访问性、用户体验(UX)、设计审计等,帮助开发者和设计师提升网站质量。关键词:网页设计、UI审查、可访问性检查、UX审计、代码合规、前端开发、设计指南、网站优化。

4.5

构建包Skill build-packages

该技能用于构建fe-tools monorepo中的软件包,通过运行npm命令进行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

Zod最佳实践技能Skill zod

此技能提供Zod在TypeScript应用中的模式验证最佳实践指南,专注于类型安全、解析、错误处理等关键领域,帮助开发者高效定义和验证schema。关键词:Zod, TypeScript, schema验证, 类型安全, 解析, 错误处理, 最佳实践, 模式定义, 验证性能, 自动化重构